@universityofmaryland/web-feeds-library 1.1.1 → 1.2.0

package/README.md

@@ -1,6 +1,6 @@
 # University of Maryland Feeds Library
 
-[![Feeds Version](https://img.shields.io/badge/Feeds-v1.1.1-blue)](https://www.npmjs.com/package/@universityofmaryland/web-feeds-library)
+[![Feeds Version](https://img.shields.io/badge/Feeds-v1.2.0-blue)](https://www.npmjs.com/package/@universityofmaryland/web-feeds-library)
 
 Dynamic content feed components for displaying University of Maryland news, events, and academic information with automatic updates, caching, and brand-compliant styling.
 

package/dist/composite/events/common/display.js

@@ -5,7 +5,9 @@ const ariaLive = require("../../../macros/aria-live.js");
 const lazyLoad = require("../../../macros/lazy-load.js");
 const loader = require("../../../macros/loader.js");
 const noResults$1 = require("../../../macros/no-results.js");
-require("../../../macros/slider.js");
+require("@universityofmaryland/web-utilities-library/network");
+require("@universityofmaryland/web-elements-library/composite");
+require("@universityofmaryland/web-elements-library/atomic");
 const fetch = require("./fetch.js");
 const data = require("./data.js");
 const index = require("../../../utilities/events/index.js");

package/dist/composite/events/common/display.js.map

@@ -1 +1 @@
-{"version":3,"file":"display.js","sources":["../../../../source/composite/events/common/display.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './fetch';\nimport * as dataComposed from './data';\nimport { events } from '../../../utilities';\nimport {\n  NoResultsProps,\n  DisplayStartResultsProps,\n  DisplayProps,\n} from '../_types';\n\ninterface DisplayLoadProps extends DisplayProps {\n  entries: { element: HTMLElement; styles: string }[];\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\nexport const setShadowStyles = async ({\n  shadowRoot,\n  styles,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n}) => {\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\nexport const noResults = ({\n  getContainer,\n  getStyles,\n  getShadowRoot,\n  setStyles,\n  isThemeDark,\n  message = 'No events found',\n  linkUrl = 'https://calendar.umd.edu',\n  linkText = 'View all events',\n}: NoResultsProps) => {\n  const container = getContainer();\n  const shadowRoot = getShadowRoot();\n  const noResultsContent = feedMacros.noResults({\n    message,\n    linkUrl,\n    linkText,\n    isThemeDark,\n  });\n  const ariaLiveContent = feedMacros.ariaLive.create({\n    message,\n  });\n\n  container.innerHTML = '';\n\n  container.appendChild(noResultsContent.element);\n  container.appendChild(ariaLiveContent);\n  setStyles(noResultsContent.styles);\n\n  events.dispatch(container, events.eventNames.FEED_ERROR, {\n    error: 'No results found',\n    message,\n  });\n\n  setTimeout(() => {\n    const styles = getStyles();\n    if (shadowRoot) {\n      setShadowStyles({\n        shadowRoot,\n        styles,\n      });\n    }\n  }, 100);\n};\n\nexport const resultLoad = async (props: DisplayLoadProps): Promise<void> => {\n  const { entries, getContainer, setStyles, setOffset } = props;\n  const container = getContainer();\n  const grid = container.querySelector(\n    `#${ID_GRID_LAYOUT_CONTAINER}`,\n  ) as HTMLDivElement;\n\n  feedMacros.loader.remove({ container });\n  feedMacros.buttonLazyLoad.remove({ container });\n  setOffset(entries.length);\n\n  return new Promise<void>((resolve) => {\n    entries.forEach((entry) => {\n      grid.appendChild(entry.element);\n      setStyles(entry.styles);\n    });\n\n    const lazyLoadButton = feedMacros.buttonLazyLoad.create(\n      dataComposed.lazyLoadVariables({\n        ...props,\n        callback: feedFetch.load,\n      }),\n    );\n\n    if (lazyLoadButton) {\n      container.appendChild(lazyLoadButton.element);\n      setStyles(lazyLoadButton.styles);\n    }\n\n    resolve();\n  });\n};\n\nexport const resultStart = (props: DisplayStartResultsProps) => {\n  const {\n    feedData,\n    numberOfColumnsToShow = 1,\n    numberOfRowsToStart,\n    isLazyLoad,\n    displayResults,\n    getContainer,\n    getTotalEntries,\n    setOffset,\n    setStyles,\n    layoutElement,\n  } = props;\n\n  const container = getContainer();\n  const totalEntries = getTotalEntries();\n  const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;\n  const message = isLazyLoad\n    ? `Showing ${showAmount} of ${totalEntries} articles`\n    : `Showing ${showAmount} articles`;\n\n  layoutElement.element.setAttribute('id', ID_GRID_LAYOUT_CONTAINER);\n  container.appendChild(layoutElement.element);\n  setStyles(layoutElement.styles);\n\n  events.dispatch(container, events.eventNames.FEED_LOADED, {\n    items: feedData,\n    count: feedData.length,\n    total: totalEntries || feedData.length,\n  });\n\n  displayResults({ feedData });\n  container.appendChild(\n    feedMacros.ariaLive.create({\n      message,\n    }),\n  );\n};\n"],"names":["Styles","feedMacros.noResults","feedMacros.ariaLive","events.dispatch","events.eventNames","feedMacros.loader","feedMacros.buttonLazyLoad","dataComposed.lazyLoadVariables","feedFetch.load"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,2BAA2B;AAEjC,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,eAAe,SAAS,cAAc,OAAO;AACnD,QAAM,eAAe,MAAMA,kBAAO,UAAU,UAAU,IAAI;AAAA,IACxD;AAAA,EAAA;AAEF,eAAa,cAAc;AAC3B,aAAW,YAAY,YAAY;AACrC;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AACb,MAAsB;AACpB,QAAM,YAAY,aAAA;AAClB,QAAM,aAAa,cAAA;AACnB,QAAM,mBAAmBC,YAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,kBAAkBC,SAAoB,OAAO;AAAA,IACjD;AAAA,EAAA,CACD;AAED,YAAU,YAAY;AAEtB,YAAU,YAAY,iBAAiB,OAAO;AAC9C,YAAU,YAAY,eAAe;AACrC,YAAU,iBAAiB,MAAM;AAEjCC,iBAAgB,WAAWC,MAAAA,WAAkB,YAAY;AAAA,IACvD,OAAO;AAAA,IACP;AAAA,EAAA,CACD;AAED,aAAW,MAAM;AACf,UAAM,SAAS,UAAA;AACf,QAAI,YAAY;AACd,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF,GAAG,GAAG;AACR;AAEO,MAAM,aAAa,OAAO,UAA2C;AAC1E,QAAM,EAAE,SAAS,cAAc,WAAW,cAAc;AACxD,QAAM,YAAY,aAAA;AAClB,QAAM,OAAO,UAAU;AAAA,IACrB,IAAI,wBAAwB;AAAA,EAAA;AAG9BC,SAAkB,OAAO,EAAE,WAAW;AACtCC,WAA0B,OAAO,EAAE,WAAW;AAC9C,YAAU,QAAQ,MAAM;AAExB,SAAO,IAAI,QAAc,CAAC,YAAY;AACpC,YAAQ,QAAQ,CAAC,UAAU;AACzB,WAAK,YAAY,MAAM,OAAO;AAC9B,gBAAU,MAAM,MAAM;AAAA,IACxB,CAAC;AAED,UAAM,iBAAiBA,SAA0B;AAAA,MAC/CC,uBAA+B;AAAA,QAC7B,GAAG;AAAA,QACH,UAAUC,MAAAA;AAAAA,MAAU,CACrB;AAAA,IAAA;AAGH,QAAI,gBAAgB;AAClB,gBAAU,YAAY,eAAe,OAAO;AAC5C,gBAAU,eAAe,MAAM;AAAA,IACjC;AAEA,YAAA;AAAA,EACF,CAAC;AACH;AAEO,MAAM,cAAc,CAAC,UAAoC;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,YAAY,aAAA;AAClB,QAAM,eAAe,gBAAA;AACrB,QAAM,aAAa,yBAAyB,IAAI;AAChD,QAAM,UAAU,aACZ,WAAW,UAAU,OAAO,YAAY,cACxC,WAAW,UAAU;AAEzB,gBAAc,QAAQ,aAAa,MAAM,wBAAwB;AACjE,YAAU,YAAY,cAAc,OAAO;AAC3C,YAAU,cAAc,MAAM;AAE9BL,iBAAgB,WAAWC,MAAAA,WAAkB,aAAa;AAAA,IACxD,OAAO;AAAA,IACP,OAAO,SAAS;AAAA,IAChB,OAAO,gBAAgB,SAAS;AAAA,EAAA,CACjC;AAED,iBAAe,EAAE,UAAU;AAC3B,YAAU;AAAA,IACRF,SAAoB,OAAO;AAAA,MACzB;AAAA,IAAA,CACD;AAAA,EAAA;AAEL;;;;;;"}
+{"version":3,"file":"display.js","sources":["../../../../source/composite/events/common/display.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './fetch';\nimport * as dataComposed from './data';\nimport { events } from '../../../utilities';\nimport {\n  NoResultsProps,\n  DisplayStartResultsProps,\n  DisplayProps,\n} from '../_types';\n\ninterface DisplayLoadProps extends DisplayProps {\n  entries: { element: HTMLElement; styles: string }[];\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\nexport const setShadowStyles = async ({\n  shadowRoot,\n  styles,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n}) => {\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\nexport const noResults = ({\n  getContainer,\n  getStyles,\n  getShadowRoot,\n  setStyles,\n  isThemeDark,\n  message = 'No events found',\n  linkUrl = 'https://calendar.umd.edu',\n  linkText = 'View all events',\n}: NoResultsProps) => {\n  const container = getContainer();\n  const shadowRoot = getShadowRoot();\n  const noResultsContent = feedMacros.noResults({\n    message,\n    linkUrl,\n    linkText,\n    isThemeDark,\n  });\n  const ariaLiveContent = feedMacros.ariaLive.create({\n    message,\n  });\n\n  container.innerHTML = '';\n\n  container.appendChild(noResultsContent.element);\n  container.appendChild(ariaLiveContent);\n  setStyles(noResultsContent.styles);\n\n  events.dispatch(container, events.eventNames.FEED_ERROR, {\n    error: 'No results found',\n    message,\n  });\n\n  setTimeout(() => {\n    const styles = getStyles();\n    if (shadowRoot) {\n      setShadowStyles({\n        shadowRoot,\n        styles,\n      });\n    }\n  }, 100);\n};\n\nexport const resultLoad = async (props: DisplayLoadProps): Promise<void> => {\n  const { entries, getContainer, setStyles, setOffset } = props;\n  const container = getContainer();\n  const grid = container.querySelector(\n    `#${ID_GRID_LAYOUT_CONTAINER}`,\n  ) as HTMLDivElement;\n\n  feedMacros.loader.remove({ container });\n  feedMacros.buttonLazyLoad.remove({ container });\n  setOffset(entries.length);\n\n  return new Promise<void>((resolve) => {\n    entries.forEach((entry) => {\n      grid.appendChild(entry.element);\n      setStyles(entry.styles);\n    });\n\n    const lazyLoadButton = feedMacros.buttonLazyLoad.create(\n      dataComposed.lazyLoadVariables({\n        ...props,\n        callback: feedFetch.load,\n      }),\n    );\n\n    if (lazyLoadButton) {\n      container.appendChild(lazyLoadButton.element);\n      setStyles(lazyLoadButton.styles);\n    }\n\n    resolve();\n  });\n};\n\nexport const resultStart = (props: DisplayStartResultsProps) => {\n  const {\n    feedData,\n    numberOfColumnsToShow = 1,\n    numberOfRowsToStart,\n    isLazyLoad,\n    displayResults,\n    getContainer,\n    getTotalEntries,\n    setOffset,\n    setStyles,\n    layoutElement,\n  } = props;\n\n  const container = getContainer();\n  const totalEntries = getTotalEntries();\n  const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;\n  const message = isLazyLoad\n    ? `Showing ${showAmount} of ${totalEntries} articles`\n    : `Showing ${showAmount} articles`;\n\n  layoutElement.element.setAttribute('id', ID_GRID_LAYOUT_CONTAINER);\n  container.appendChild(layoutElement.element);\n  setStyles(layoutElement.styles);\n\n  events.dispatch(container, events.eventNames.FEED_LOADED, {\n    items: feedData,\n    count: feedData.length,\n    total: totalEntries || feedData.length,\n  });\n\n  displayResults({ feedData });\n  container.appendChild(\n    feedMacros.ariaLive.create({\n      message,\n    }),\n  );\n};\n"],"names":["Styles","feedMacros.noResults","feedMacros.ariaLive","events.dispatch","events.eventNames","feedMacros.loader","feedMacros.buttonLazyLoad","dataComposed.lazyLoadVariables","feedFetch.load"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,2BAA2B;AAEjC,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,eAAe,SAAS,cAAc,OAAO;AACnD,QAAM,eAAe,MAAMA,kBAAO,UAAU,UAAU,IAAI;AAAA,IACxD;AAAA,EAAA;AAEF,eAAa,cAAc;AAC3B,aAAW,YAAY,YAAY;AACrC;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AACb,MAAsB;AACpB,QAAM,YAAY,aAAA;AAClB,QAAM,aAAa,cAAA;AACnB,QAAM,mBAAmBC,YAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,kBAAkBC,SAAoB,OAAO;AAAA,IACjD;AAAA,EAAA,CACD;AAED,YAAU,YAAY;AAEtB,YAAU,YAAY,iBAAiB,OAAO;AAC9C,YAAU,YAAY,eAAe;AACrC,YAAU,iBAAiB,MAAM;AAEjCC,iBAAgB,WAAWC,MAAAA,WAAkB,YAAY;AAAA,IACvD,OAAO;AAAA,IACP;AAAA,EAAA,CACD;AAED,aAAW,MAAM;AACf,UAAM,SAAS,UAAA;AACf,QAAI,YAAY;AACd,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF,GAAG,GAAG;AACR;AAEO,MAAM,aAAa,OAAO,UAA2C;AAC1E,QAAM,EAAE,SAAS,cAAc,WAAW,cAAc;AACxD,QAAM,YAAY,aAAA;AAClB,QAAM,OAAO,UAAU;AAAA,IACrB,IAAI,wBAAwB;AAAA,EAAA;AAG9BC,SAAkB,OAAO,EAAE,WAAW;AACtCC,WAA0B,OAAO,EAAE,WAAW;AAC9C,YAAU,QAAQ,MAAM;AAExB,SAAO,IAAI,QAAc,CAAC,YAAY;AACpC,YAAQ,QAAQ,CAAC,UAAU;AACzB,WAAK,YAAY,MAAM,OAAO;AAC9B,gBAAU,MAAM,MAAM;AAAA,IACxB,CAAC;AAED,UAAM,iBAAiBA,SAA0B;AAAA,MAC/CC,uBAA+B;AAAA,QAC7B,GAAG;AAAA,QACH,UAAUC,MAAAA;AAAAA,MAAU,CACrB;AAAA,IAAA;AAGH,QAAI,gBAAgB;AAClB,gBAAU,YAAY,eAAe,OAAO;AAC5C,gBAAU,eAAe,MAAM;AAAA,IACjC;AAEA,YAAA;AAAA,EACF,CAAC;AACH;AAEO,MAAM,cAAc,CAAC,UAAoC;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,YAAY,aAAA;AAClB,QAAM,eAAe,gBAAA;AACrB,QAAM,aAAa,yBAAyB,IAAI;AAChD,QAAM,UAAU,aACZ,WAAW,UAAU,OAAO,YAAY,cACxC,WAAW,UAAU;AAEzB,gBAAc,QAAQ,aAAa,MAAM,wBAAwB;AACjE,YAAU,YAAY,cAAc,OAAO;AAC3C,YAAU,cAAc,MAAM;AAE9BL,iBAAgB,WAAWC,MAAAA,WAAkB,aAAa;AAAA,IACxD,OAAO;AAAA,IACP,OAAO,SAAS;AAAA,IAChB,OAAO,gBAAgB,SAAS;AAAA,EAAA,CACjC;AAED,iBAAe,EAAE,UAAU;AAC3B,YAAU;AAAA,IACRF,SAAoB,OAAO;AAAA,MACzB;AAAA,IAAA,CACD;AAAA,EAAA;AAEL;;;;;;"}

package/dist/composite/events/common/display.mjs

@@ -3,7 +3,9 @@ import ariaLive from "../../../macros/aria-live.mjs";
 import lazyLoad from "../../../macros/lazy-load.mjs";
 import loader from "../../../macros/loader.mjs";
 import noResults$1 from "../../../macros/no-results.mjs";
-import "../../../macros/slider.mjs";
+import "@universityofmaryland/web-utilities-library/network";
+import "@universityofmaryland/web-elements-library/composite";
+import "@universityofmaryland/web-elements-library/atomic";
 import { load } from "./fetch.mjs";
 import { lazyLoadVariables } from "./data.mjs";
 import { dispatch, eventNames } from "../../../utilities/events/index.mjs";

package/dist/composite/events/common/display.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"display.mjs","sources":["../../../../source/composite/events/common/display.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './fetch';\nimport * as dataComposed from './data';\nimport { events } from '../../../utilities';\nimport {\n  NoResultsProps,\n  DisplayStartResultsProps,\n  DisplayProps,\n} from '../_types';\n\ninterface DisplayLoadProps extends DisplayProps {\n  entries: { element: HTMLElement; styles: string }[];\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\nexport const setShadowStyles = async ({\n  shadowRoot,\n  styles,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n}) => {\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\nexport const noResults = ({\n  getContainer,\n  getStyles,\n  getShadowRoot,\n  setStyles,\n  isThemeDark,\n  message = 'No events found',\n  linkUrl = 'https://calendar.umd.edu',\n  linkText = 'View all events',\n}: NoResultsProps) => {\n  const container = getContainer();\n  const shadowRoot = getShadowRoot();\n  const noResultsContent = feedMacros.noResults({\n    message,\n    linkUrl,\n    linkText,\n    isThemeDark,\n  });\n  const ariaLiveContent = feedMacros.ariaLive.create({\n    message,\n  });\n\n  container.innerHTML = '';\n\n  container.appendChild(noResultsContent.element);\n  container.appendChild(ariaLiveContent);\n  setStyles(noResultsContent.styles);\n\n  events.dispatch(container, events.eventNames.FEED_ERROR, {\n    error: 'No results found',\n    message,\n  });\n\n  setTimeout(() => {\n    const styles = getStyles();\n    if (shadowRoot) {\n      setShadowStyles({\n        shadowRoot,\n        styles,\n      });\n    }\n  }, 100);\n};\n\nexport const resultLoad = async (props: DisplayLoadProps): Promise<void> => {\n  const { entries, getContainer, setStyles, setOffset } = props;\n  const container = getContainer();\n  const grid = container.querySelector(\n    `#${ID_GRID_LAYOUT_CONTAINER}`,\n  ) as HTMLDivElement;\n\n  feedMacros.loader.remove({ container });\n  feedMacros.buttonLazyLoad.remove({ container });\n  setOffset(entries.length);\n\n  return new Promise<void>((resolve) => {\n    entries.forEach((entry) => {\n      grid.appendChild(entry.element);\n      setStyles(entry.styles);\n    });\n\n    const lazyLoadButton = feedMacros.buttonLazyLoad.create(\n      dataComposed.lazyLoadVariables({\n        ...props,\n        callback: feedFetch.load,\n      }),\n    );\n\n    if (lazyLoadButton) {\n      container.appendChild(lazyLoadButton.element);\n      setStyles(lazyLoadButton.styles);\n    }\n\n    resolve();\n  });\n};\n\nexport const resultStart = (props: DisplayStartResultsProps) => {\n  const {\n    feedData,\n    numberOfColumnsToShow = 1,\n    numberOfRowsToStart,\n    isLazyLoad,\n    displayResults,\n    getContainer,\n    getTotalEntries,\n    setOffset,\n    setStyles,\n    layoutElement,\n  } = props;\n\n  const container = getContainer();\n  const totalEntries = getTotalEntries();\n  const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;\n  const message = isLazyLoad\n    ? `Showing ${showAmount} of ${totalEntries} articles`\n    : `Showing ${showAmount} articles`;\n\n  layoutElement.element.setAttribute('id', ID_GRID_LAYOUT_CONTAINER);\n  container.appendChild(layoutElement.element);\n  setStyles(layoutElement.styles);\n\n  events.dispatch(container, events.eventNames.FEED_LOADED, {\n    items: feedData,\n    count: feedData.length,\n    total: totalEntries || feedData.length,\n  });\n\n  displayResults({ feedData });\n  container.appendChild(\n    feedMacros.ariaLive.create({\n      message,\n    }),\n  );\n};\n"],"names":["feedMacros.noResults","feedMacros.ariaLive","events.dispatch","events.eventNames","feedMacros.loader","feedMacros.buttonLazyLoad","dataComposed.lazyLoadVariables","feedFetch.load"],"mappings":";;;;;;;;;AAeO,MAAM,2BAA2B;AAEjC,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF,MAGM;AACJ,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;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AACb,MAAsB;AACpB,QAAM,YAAY,aAAA;AAClB,QAAM,aAAa,cAAA;AACnB,QAAM,mBAAmBA,YAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,kBAAkBC,SAAoB,OAAO;AAAA,IACjD;AAAA,EAAA,CACD;AAED,YAAU,YAAY;AAEtB,YAAU,YAAY,iBAAiB,OAAO;AAC9C,YAAU,YAAY,eAAe;AACrC,YAAU,iBAAiB,MAAM;AAEjCC,WAAgB,WAAWC,WAAkB,YAAY;AAAA,IACvD,OAAO;AAAA,IACP;AAAA,EAAA,CACD;AAED,aAAW,MAAM;AACf,UAAM,SAAS,UAAA;AACf,QAAI,YAAY;AACd,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF,GAAG,GAAG;AACR;AAEO,MAAM,aAAa,OAAO,UAA2C;AAC1E,QAAM,EAAE,SAAS,cAAc,WAAW,cAAc;AACxD,QAAM,YAAY,aAAA;AAClB,QAAM,OAAO,UAAU;AAAA,IACrB,IAAI,wBAAwB;AAAA,EAAA;AAG9BC,SAAkB,OAAO,EAAE,WAAW;AACtCC,WAA0B,OAAO,EAAE,WAAW;AAC9C,YAAU,QAAQ,MAAM;AAExB,SAAO,IAAI,QAAc,CAAC,YAAY;AACpC,YAAQ,QAAQ,CAAC,UAAU;AACzB,WAAK,YAAY,MAAM,OAAO;AAC9B,gBAAU,MAAM,MAAM;AAAA,IACxB,CAAC;AAED,UAAM,iBAAiBA,SAA0B;AAAA,MAC/CC,kBAA+B;AAAA,QAC7B,GAAG;AAAA,QACH,UAAUC;AAAAA,MAAU,CACrB;AAAA,IAAA;AAGH,QAAI,gBAAgB;AAClB,gBAAU,YAAY,eAAe,OAAO;AAC5C,gBAAU,eAAe,MAAM;AAAA,IACjC;AAEA,YAAA;AAAA,EACF,CAAC;AACH;AAEO,MAAM,cAAc,CAAC,UAAoC;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,YAAY,aAAA;AAClB,QAAM,eAAe,gBAAA;AACrB,QAAM,aAAa,yBAAyB,IAAI;AAChD,QAAM,UAAU,aACZ,WAAW,UAAU,OAAO,YAAY,cACxC,WAAW,UAAU;AAEzB,gBAAc,QAAQ,aAAa,MAAM,wBAAwB;AACjE,YAAU,YAAY,cAAc,OAAO;AAC3C,YAAU,cAAc,MAAM;AAE9BL,WAAgB,WAAWC,WAAkB,aAAa;AAAA,IACxD,OAAO;AAAA,IACP,OAAO,SAAS;AAAA,IAChB,OAAO,gBAAgB,SAAS;AAAA,EAAA,CACjC;AAED,iBAAe,EAAE,UAAU;AAC3B,YAAU;AAAA,IACRF,SAAoB,OAAO;AAAA,MACzB;AAAA,IAAA,CACD;AAAA,EAAA;AAEL;"}
+{"version":3,"file":"display.mjs","sources":["../../../../source/composite/events/common/display.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './fetch';\nimport * as dataComposed from './data';\nimport { events } from '../../../utilities';\nimport {\n  NoResultsProps,\n  DisplayStartResultsProps,\n  DisplayProps,\n} from '../_types';\n\ninterface DisplayLoadProps extends DisplayProps {\n  entries: { element: HTMLElement; styles: string }[];\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\nexport const setShadowStyles = async ({\n  shadowRoot,\n  styles,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n}) => {\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\nexport const noResults = ({\n  getContainer,\n  getStyles,\n  getShadowRoot,\n  setStyles,\n  isThemeDark,\n  message = 'No events found',\n  linkUrl = 'https://calendar.umd.edu',\n  linkText = 'View all events',\n}: NoResultsProps) => {\n  const container = getContainer();\n  const shadowRoot = getShadowRoot();\n  const noResultsContent = feedMacros.noResults({\n    message,\n    linkUrl,\n    linkText,\n    isThemeDark,\n  });\n  const ariaLiveContent = feedMacros.ariaLive.create({\n    message,\n  });\n\n  container.innerHTML = '';\n\n  container.appendChild(noResultsContent.element);\n  container.appendChild(ariaLiveContent);\n  setStyles(noResultsContent.styles);\n\n  events.dispatch(container, events.eventNames.FEED_ERROR, {\n    error: 'No results found',\n    message,\n  });\n\n  setTimeout(() => {\n    const styles = getStyles();\n    if (shadowRoot) {\n      setShadowStyles({\n        shadowRoot,\n        styles,\n      });\n    }\n  }, 100);\n};\n\nexport const resultLoad = async (props: DisplayLoadProps): Promise<void> => {\n  const { entries, getContainer, setStyles, setOffset } = props;\n  const container = getContainer();\n  const grid = container.querySelector(\n    `#${ID_GRID_LAYOUT_CONTAINER}`,\n  ) as HTMLDivElement;\n\n  feedMacros.loader.remove({ container });\n  feedMacros.buttonLazyLoad.remove({ container });\n  setOffset(entries.length);\n\n  return new Promise<void>((resolve) => {\n    entries.forEach((entry) => {\n      grid.appendChild(entry.element);\n      setStyles(entry.styles);\n    });\n\n    const lazyLoadButton = feedMacros.buttonLazyLoad.create(\n      dataComposed.lazyLoadVariables({\n        ...props,\n        callback: feedFetch.load,\n      }),\n    );\n\n    if (lazyLoadButton) {\n      container.appendChild(lazyLoadButton.element);\n      setStyles(lazyLoadButton.styles);\n    }\n\n    resolve();\n  });\n};\n\nexport const resultStart = (props: DisplayStartResultsProps) => {\n  const {\n    feedData,\n    numberOfColumnsToShow = 1,\n    numberOfRowsToStart,\n    isLazyLoad,\n    displayResults,\n    getContainer,\n    getTotalEntries,\n    setOffset,\n    setStyles,\n    layoutElement,\n  } = props;\n\n  const container = getContainer();\n  const totalEntries = getTotalEntries();\n  const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;\n  const message = isLazyLoad\n    ? `Showing ${showAmount} of ${totalEntries} articles`\n    : `Showing ${showAmount} articles`;\n\n  layoutElement.element.setAttribute('id', ID_GRID_LAYOUT_CONTAINER);\n  container.appendChild(layoutElement.element);\n  setStyles(layoutElement.styles);\n\n  events.dispatch(container, events.eventNames.FEED_LOADED, {\n    items: feedData,\n    count: feedData.length,\n    total: totalEntries || feedData.length,\n  });\n\n  displayResults({ feedData });\n  container.appendChild(\n    feedMacros.ariaLive.create({\n      message,\n    }),\n  );\n};\n"],"names":["feedMacros.noResults","feedMacros.ariaLive","events.dispatch","events.eventNames","feedMacros.loader","feedMacros.buttonLazyLoad","dataComposed.lazyLoadVariables","feedFetch.load"],"mappings":";;;;;;;;;;;AAeO,MAAM,2BAA2B;AAEjC,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF,MAGM;AACJ,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;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AACb,MAAsB;AACpB,QAAM,YAAY,aAAA;AAClB,QAAM,aAAa,cAAA;AACnB,QAAM,mBAAmBA,YAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,kBAAkBC,SAAoB,OAAO;AAAA,IACjD;AAAA,EAAA,CACD;AAED,YAAU,YAAY;AAEtB,YAAU,YAAY,iBAAiB,OAAO;AAC9C,YAAU,YAAY,eAAe;AACrC,YAAU,iBAAiB,MAAM;AAEjCC,WAAgB,WAAWC,WAAkB,YAAY;AAAA,IACvD,OAAO;AAAA,IACP;AAAA,EAAA,CACD;AAED,aAAW,MAAM;AACf,UAAM,SAAS,UAAA;AACf,QAAI,YAAY;AACd,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF,GAAG,GAAG;AACR;AAEO,MAAM,aAAa,OAAO,UAA2C;AAC1E,QAAM,EAAE,SAAS,cAAc,WAAW,cAAc;AACxD,QAAM,YAAY,aAAA;AAClB,QAAM,OAAO,UAAU;AAAA,IACrB,IAAI,wBAAwB;AAAA,EAAA;AAG9BC,SAAkB,OAAO,EAAE,WAAW;AACtCC,WAA0B,OAAO,EAAE,WAAW;AAC9C,YAAU,QAAQ,MAAM;AAExB,SAAO,IAAI,QAAc,CAAC,YAAY;AACpC,YAAQ,QAAQ,CAAC,UAAU;AACzB,WAAK,YAAY,MAAM,OAAO;AAC9B,gBAAU,MAAM,MAAM;AAAA,IACxB,CAAC;AAED,UAAM,iBAAiBA,SAA0B;AAAA,MAC/CC,kBAA+B;AAAA,QAC7B,GAAG;AAAA,QACH,UAAUC;AAAAA,MAAU,CACrB;AAAA,IAAA;AAGH,QAAI,gBAAgB;AAClB,gBAAU,YAAY,eAAe,OAAO;AAC5C,gBAAU,eAAe,MAAM;AAAA,IACjC;AAEA,YAAA;AAAA,EACF,CAAC;AACH;AAEO,MAAM,cAAc,CAAC,UAAoC;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,YAAY,aAAA;AAClB,QAAM,eAAe,gBAAA;AACrB,QAAM,aAAa,yBAAyB,IAAI;AAChD,QAAM,UAAU,aACZ,WAAW,UAAU,OAAO,YAAY,cACxC,WAAW,UAAU;AAEzB,gBAAc,QAAQ,aAAa,MAAM,wBAAwB;AACjE,YAAU,YAAY,cAAc,OAAO;AAC3C,YAAU,cAAc,MAAM;AAE9BL,WAAgB,WAAWC,WAAkB,aAAa;AAAA,IACxD,OAAO;AAAA,IACP,OAAO,SAAS;AAAA,IAChB,OAAO,gBAAgB,SAAS;AAAA,EAAA,CACjC;AAED,iBAAe,EAAE,UAAU;AAC3B,YAAU;AAAA,IACRF,SAAoB,OAAO;AAAA,MACzB;AAAA,IAAA,CACD;AAAA,EAAA;AAEL;"}

package/dist/composite/events/common/fetch.js

@@ -1,11 +1,13 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const webElementsLibrary = require("@universityofmaryland/web-elements-library");
+const network = require("@universityofmaryland/web-utilities-library/network");
 const ariaLive = require("../../../macros/aria-live.js");
 const lazyLoad = require("../../../macros/lazy-load.js");
 const loader = require("../../../macros/loader.js");
 require("@universityofmaryland/web-styles-library");
-require("../../../macros/slider.js");
+require("@universityofmaryland/web-elements-library");
+require("@universityofmaryland/web-elements-library/composite");
+require("@universityofmaryland/web-elements-library/atomic");
 const queries = require("./queries.js");
 const data = require("./data.js");
 const fetchFeed = async ({
@@ -22,7 +24,7 @@ const fetchFeed = async ({
     related,
     offset
   };
-  return await webElementsLibrary.Utilities.network.FetchGraphQL({
+  return await network.fetchGraphQL({
     query,
     url: "https://calendar.umd.edu/graphql",
     token,

package/dist/composite/events/common/fetch.js.map

@@ -1 +1 @@
-{"version":3,"file":"fetch.js","sources":["../../../../source/composite/events/common/fetch.ts"],"sourcesContent":["import { Utilities } from '@universityofmaryland/web-elements-library';\nimport * as feedMacros from 'macros';\nimport { EVENTS_COUNT_QUERY, EVENTS_QUERY } from './queries';\nimport * as dataComposed from './data';\nimport {\n  NoResultsProps,\n  DisplayStartProps,\n  DisplayStartResultsProps,\n  DisplayProps,\n} from '../_types';\n\ninterface LoadMoreProps extends DisplayProps {}\n\ninterface CreateProps extends DisplayStartProps {\n  displayResultStart: (props: DisplayStartResultsProps) => void;\n  displayNoResults: (props: NoResultsProps) => void;\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\ntype TypeFetchVariables = {\n  startDate?: string;\n  related?: string[];\n  limit?: number;\n  offset?: number;\n};\n\nexport type TypeAPIFeedVariables = TypeFetchVariables & {\n  token: string | null;\n};\n\ntype TypeFetchObject = TypeAPIFeedVariables & {\n  query: string;\n};\n\nconst fetchFeed = async ({\n  limit,\n  related,\n  offset,\n  token,\n  query,\n}: TypeFetchObject) => {\n  if (!token) throw new Error('Token not found');\n\n  const variables: TypeFetchVariables = {\n    startDate: new Date().toDateString(),\n    limit,\n    related,\n    offset,\n  };\n\n  return await Utilities.network.FetchGraphQL({\n    query,\n    url: 'https://calendar.umd.edu/graphql',\n    token: token,\n    variables,\n  });\n};\n\nconst getCount = async ({ variables }: { variables: TypeAPIFeedVariables }) => {\n  const feedData = await fetchFeed({\n    ...variables,\n    query: EVENTS_COUNT_QUERY,\n  });\n\n  if (!feedData || !feedData.data || feedData.message) {\n    if (feedData.message) console.error(feedData.message);\n    return null;\n  }\n\n  return feedData?.data?.count?.events?.length || 0;\n};\n\nconst getEntries = async ({\n  variables,\n}: {\n  variables: TypeAPIFeedVariables;\n}) => {\n  const feedData = await fetchFeed({ ...variables, query: EVENTS_QUERY });\n  const graceFail = ({ message }: { message: string }) => {\n    throw new Error(message);\n  };\n\n  if (\n    !feedData ||\n    !feedData.data ||\n    !feedData.data.entries ||\n    feedData.message\n  ) {\n    if (!feedData) graceFail({ message: 'Feed not found' });\n    if (!feedData.data) graceFail({ message: 'Feed data not found' });\n    if (!feedData.data.entries)\n      graceFail({ message: 'Feed entries not found' });\n    if (!feedData.data.entries.events)\n      graceFail({ message: 'Feed events not found' });\n    if (!feedData.message)\n      graceFail({ message: `Feed data errors: ${feedData.message}` });\n  }\n\n  return feedData.data.entries.events;\n};\n\nexport const load = async (props: LoadMoreProps) => {\n  const { getContainer, getOffset, displayResults, getTotalEntries } = props;\n  const container = getContainer();\n  const currentCount = getOffset();\n  const totalEntries = getTotalEntries();\n\n  feedMacros.buttonLazyLoad.remove({ container });\n  feedMacros.loader.display({ container });\n\n  getEntries({\n    variables: dataComposed.apiVariables(props),\n  }).then((feedData) => {\n    displayResults({ feedData });\n\n    feedMacros.ariaLive.update({\n      container,\n      message: `Showing ${\n        currentCount + feedData.length\n      } of ${totalEntries} articles`,\n    });\n  });\n};\n\nexport const start = async (props: CreateProps) => {\n  const { displayNoResults, displayResultStart, setTotalEntries } = props;\n\n  await getCount({\n    variables: dataComposed.apiVariables(props),\n  }).then((count) => {\n    if (count === 0) {\n      displayNoResults({ ...props });\n      return;\n    }\n\n    if (count) {\n      setTotalEntries(count);\n    }\n\n    if (count === null) {\n      displayNoResults({\n        ...props,\n        message: 'An error occurred while fetching the data.',\n      });\n      return;\n    }\n  });\n\n  getEntries({\n    variables: dataComposed.apiVariables(props),\n  }).then((feedData) => displayResultStart({ ...props, feedData }));\n};\n"],"names":["Utilities","EVENTS_COUNT_QUERY","EVENTS_QUERY","feedMacros.buttonLazyLoad","feedMacros.loader","dataComposed.apiVariables","feedMacros.ariaLive"],"mappings":"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"}
+{"version":3,"file":"fetch.js","sources":["../../../../source/composite/events/common/fetch.ts"],"sourcesContent":["import { fetchGraphQL } from '@universityofmaryland/web-utilities-library/network';\nimport * as feedMacros from 'macros';\nimport { EVENTS_COUNT_QUERY, EVENTS_QUERY } from './queries';\nimport * as dataComposed from './data';\nimport {\n  NoResultsProps,\n  DisplayStartProps,\n  DisplayStartResultsProps,\n  DisplayProps,\n} from '../_types';\n\ninterface LoadMoreProps extends DisplayProps {}\n\ninterface CreateProps extends DisplayStartProps {\n  displayResultStart: (props: DisplayStartResultsProps) => void;\n  displayNoResults: (props: NoResultsProps) => void;\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\ntype TypeFetchVariables = {\n  startDate?: string;\n  related?: string[];\n  limit?: number;\n  offset?: number;\n};\n\nexport type TypeAPIFeedVariables = TypeFetchVariables & {\n  token: string | null;\n};\n\ntype TypeFetchObject = TypeAPIFeedVariables & {\n  query: string;\n};\n\nconst fetchFeed = async ({\n  limit,\n  related,\n  offset,\n  token,\n  query,\n}: TypeFetchObject) => {\n  if (!token) throw new Error('Token not found');\n\n  const variables: TypeFetchVariables = {\n    startDate: new Date().toDateString(),\n    limit,\n    related,\n    offset,\n  };\n\n  return await fetchGraphQL({\n    query,\n    url: 'https://calendar.umd.edu/graphql',\n    token: token,\n    variables,\n  });\n};\n\nconst getCount = async ({ variables }: { variables: TypeAPIFeedVariables }) => {\n  const feedData = await fetchFeed({\n    ...variables,\n    query: EVENTS_COUNT_QUERY,\n  });\n\n  if (!feedData || !feedData.data || feedData.message) {\n    if (feedData.message) console.error(feedData.message);\n    return null;\n  }\n\n  return feedData?.data?.count?.events?.length || 0;\n};\n\nconst getEntries = async ({\n  variables,\n}: {\n  variables: TypeAPIFeedVariables;\n}) => {\n  const feedData = await fetchFeed({ ...variables, query: EVENTS_QUERY });\n  const graceFail = ({ message }: { message: string }) => {\n    throw new Error(message);\n  };\n\n  if (\n    !feedData ||\n    !feedData.data ||\n    !feedData.data.entries ||\n    feedData.message\n  ) {\n    if (!feedData) graceFail({ message: 'Feed not found' });\n    if (!feedData.data) graceFail({ message: 'Feed data not found' });\n    if (!feedData.data.entries)\n      graceFail({ message: 'Feed entries not found' });\n    if (!feedData.data.entries.events)\n      graceFail({ message: 'Feed events not found' });\n    if (!feedData.message)\n      graceFail({ message: `Feed data errors: ${feedData.message}` });\n  }\n\n  return feedData.data.entries.events;\n};\n\nexport const load = async (props: LoadMoreProps) => {\n  const { getContainer, getOffset, displayResults, getTotalEntries } = props;\n  const container = getContainer();\n  const currentCount = getOffset();\n  const totalEntries = getTotalEntries();\n\n  feedMacros.buttonLazyLoad.remove({ container });\n  feedMacros.loader.display({ container });\n\n  getEntries({\n    variables: dataComposed.apiVariables(props),\n  }).then((feedData) => {\n    displayResults({ feedData });\n\n    feedMacros.ariaLive.update({\n      container,\n      message: `Showing ${\n        currentCount + feedData.length\n      } of ${totalEntries} articles`,\n    });\n  });\n};\n\nexport const start = async (props: CreateProps) => {\n  const { displayNoResults, displayResultStart, setTotalEntries } = props;\n\n  await getCount({\n    variables: dataComposed.apiVariables(props),\n  }).then((count) => {\n    if (count === 0) {\n      displayNoResults({ ...props });\n      return;\n    }\n\n    if (count) {\n      setTotalEntries(count);\n    }\n\n    if (count === null) {\n      displayNoResults({\n        ...props,\n        message: 'An error occurred while fetching the data.',\n      });\n      return;\n    }\n  });\n\n  getEntries({\n    variables: dataComposed.apiVariables(props),\n  }).then((feedData) => displayResultStart({ ...props, feedData }));\n};\n"],"names":["fetchGraphQL","EVENTS_COUNT_QUERY","EVENTS_QUERY","feedMacros.buttonLazyLoad","feedMacros.loader","dataComposed.apiVariables","feedMacros.ariaLive"],"mappings":"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"}

package/dist/composite/events/common/fetch.mjs

@@ -1,9 +1,11 @@
-import { Utilities } from "@universityofmaryland/web-elements-library";
+import { fetchGraphQL } from "@universityofmaryland/web-utilities-library/network";
 import ariaLive from "../../../macros/aria-live.mjs";
 import lazyLoad from "../../../macros/lazy-load.mjs";
 import loader from "../../../macros/loader.mjs";
 import "@universityofmaryland/web-styles-library";
-import "../../../macros/slider.mjs";
+import "@universityofmaryland/web-elements-library";
+import "@universityofmaryland/web-elements-library/composite";
+import "@universityofmaryland/web-elements-library/atomic";
 import { EVENTS_COUNT_QUERY, EVENTS_QUERY } from "./queries.mjs";
 import { apiVariables } from "./data.mjs";
 const fetchFeed = async ({
@@ -20,7 +22,7 @@ const fetchFeed = async ({
     related,
     offset
   };
-  return await Utilities.network.FetchGraphQL({
+  return await fetchGraphQL({
     query,
     url: "https://calendar.umd.edu/graphql",
     token,

package/dist/composite/events/common/fetch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"fetch.mjs","sources":["../../../../source/composite/events/common/fetch.ts"],"sourcesContent":["import { Utilities } from '@universityofmaryland/web-elements-library';\nimport * as feedMacros from 'macros';\nimport { EVENTS_COUNT_QUERY, EVENTS_QUERY } from './queries';\nimport * as dataComposed from './data';\nimport {\n  NoResultsProps,\n  DisplayStartProps,\n  DisplayStartResultsProps,\n  DisplayProps,\n} from '../_types';\n\ninterface LoadMoreProps extends DisplayProps {}\n\ninterface CreateProps extends DisplayStartProps {\n  displayResultStart: (props: DisplayStartResultsProps) => void;\n  displayNoResults: (props: NoResultsProps) => void;\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\ntype TypeFetchVariables = {\n  startDate?: string;\n  related?: string[];\n  limit?: number;\n  offset?: number;\n};\n\nexport type TypeAPIFeedVariables = TypeFetchVariables & {\n  token: string | null;\n};\n\ntype TypeFetchObject = TypeAPIFeedVariables & {\n  query: string;\n};\n\nconst fetchFeed = async ({\n  limit,\n  related,\n  offset,\n  token,\n  query,\n}: TypeFetchObject) => {\n  if (!token) throw new Error('Token not found');\n\n  const variables: TypeFetchVariables = {\n    startDate: new Date().toDateString(),\n    limit,\n    related,\n    offset,\n  };\n\n  return await Utilities.network.FetchGraphQL({\n    query,\n    url: 'https://calendar.umd.edu/graphql',\n    token: token,\n    variables,\n  });\n};\n\nconst getCount = async ({ variables }: { variables: TypeAPIFeedVariables }) => {\n  const feedData = await fetchFeed({\n    ...variables,\n    query: EVENTS_COUNT_QUERY,\n  });\n\n  if (!feedData || !feedData.data || feedData.message) {\n    if (feedData.message) console.error(feedData.message);\n    return null;\n  }\n\n  return feedData?.data?.count?.events?.length || 0;\n};\n\nconst getEntries = async ({\n  variables,\n}: {\n  variables: TypeAPIFeedVariables;\n}) => {\n  const feedData = await fetchFeed({ ...variables, query: EVENTS_QUERY });\n  const graceFail = ({ message }: { message: string }) => {\n    throw new Error(message);\n  };\n\n  if (\n    !feedData ||\n    !feedData.data ||\n    !feedData.data.entries ||\n    feedData.message\n  ) {\n    if (!feedData) graceFail({ message: 'Feed not found' });\n    if (!feedData.data) graceFail({ message: 'Feed data not found' });\n    if (!feedData.data.entries)\n      graceFail({ message: 'Feed entries not found' });\n    if (!feedData.data.entries.events)\n      graceFail({ message: 'Feed events not found' });\n    if (!feedData.message)\n      graceFail({ message: `Feed data errors: ${feedData.message}` });\n  }\n\n  return feedData.data.entries.events;\n};\n\nexport const load = async (props: LoadMoreProps) => {\n  const { getContainer, getOffset, displayResults, getTotalEntries } = props;\n  const container = getContainer();\n  const currentCount = getOffset();\n  const totalEntries = getTotalEntries();\n\n  feedMacros.buttonLazyLoad.remove({ container });\n  feedMacros.loader.display({ container });\n\n  getEntries({\n    variables: dataComposed.apiVariables(props),\n  }).then((feedData) => {\n    displayResults({ feedData });\n\n    feedMacros.ariaLive.update({\n      container,\n      message: `Showing ${\n        currentCount + feedData.length\n      } of ${totalEntries} articles`,\n    });\n  });\n};\n\nexport const start = async (props: CreateProps) => {\n  const { displayNoResults, displayResultStart, setTotalEntries } = props;\n\n  await getCount({\n    variables: dataComposed.apiVariables(props),\n  }).then((count) => {\n    if (count === 0) {\n      displayNoResults({ ...props });\n      return;\n    }\n\n    if (count) {\n      setTotalEntries(count);\n    }\n\n    if (count === null) {\n      displayNoResults({\n        ...props,\n        message: 'An error occurred while fetching the data.',\n      });\n      return;\n    }\n  });\n\n  getEntries({\n    variables: dataComposed.apiVariables(props),\n  }).then((feedData) => displayResultStart({ ...props, feedData }));\n};\n"],"names":["feedMacros.buttonLazyLoad","feedMacros.loader","dataComposed.apiVariables","feedMacros.ariaLive"],"mappings":";;;;;;;;AAmCA,MAAM,YAAY,OAAO;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,MAAI,CAAC,MAAO,OAAM,IAAI,MAAM,iBAAiB;AAE7C,QAAM,YAAgC;AAAA,IACpC,YAAW,oBAAI,KAAA,GAAO,aAAA;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,SAAO,MAAM,UAAU,QAAQ,aAAa;AAAA,IAC1C;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,MAAM,WAAW,OAAO,EAAE,gBAAqD;AAC7E,QAAM,WAAW,MAAM,UAAU;AAAA,IAC/B,GAAG;AAAA,IACH,OAAO;AAAA,EAAA,CACR;AAED,MAAI,CAAC,YAAY,CAAC,SAAS,QAAQ,SAAS,SAAS;AACnD,QAAI,SAAS,QAAS,SAAQ,MAAM,SAAS,OAAO;AACpD,WAAO;AAAA,EACT;AAEA,SAAO,UAAU,MAAM,OAAO,QAAQ,UAAU;AAClD;AAEA,MAAM,aAAa,OAAO;AAAA,EACxB;AACF,MAEM;AACJ,QAAM,WAAW,MAAM,UAAU,EAAE,GAAG,WAAW,OAAO,cAAc;AACtE,QAAM,YAAY,CAAC,EAAE,cAAmC;AACtD,UAAM,IAAI,MAAM,OAAO;AAAA,EACzB;AAEA,MACE,CAAC,YACD,CAAC,SAAS,QACV,CAAC,SAAS,KAAK,WACf,SAAS,SACT;AACA,QAAI,CAAC,SAAU,WAAU,EAAE,SAAS,kBAAkB;AACtD,QAAI,CAAC,SAAS,gBAAgB,EAAE,SAAS,uBAAuB;AAChE,QAAI,CAAC,SAAS,KAAK;AACjB,gBAAU,EAAE,SAAS,0BAA0B;AACjD,QAAI,CAAC,SAAS,KAAK,QAAQ;AACzB,gBAAU,EAAE,SAAS,yBAAyB;AAChD,QAAI,CAAC,SAAS;AACZ,gBAAU,EAAE,SAAS,qBAAqB,SAAS,OAAO,IAAI;AAAA,EAClE;AAEA,SAAO,SAAS,KAAK,QAAQ;AAC/B;AAEO,MAAM,OAAO,OAAO,UAAyB;AAClD,QAAM,EAAE,cAAc,WAAW,gBAAgB,oBAAoB;AACrE,QAAM,YAAY,aAAA;AAClB,QAAM,eAAe,UAAA;AACrB,QAAM,eAAe,gBAAA;AAErBA,WAA0B,OAAO,EAAE,WAAW;AAC9CC,SAAkB,QAAQ,EAAE,WAAW;AAEvC,aAAW;AAAA,IACT,WAAWC,aAA0B,KAAK;AAAA,EAAA,CAC3C,EAAE,KAAK,CAAC,aAAa;AACpB,mBAAe,EAAE,UAAU;AAE3BC,aAAoB,OAAO;AAAA,MACzB;AAAA,MACA,SAAS,WACP,eAAe,SAAS,MAC1B,OAAO,YAAY;AAAA,IAAA,CACpB;AAAA,EACH,CAAC;AACH;AAEO,MAAM,QAAQ,OAAO,UAAuB;AACjD,QAAM,EAAE,kBAAkB,oBAAoB,gBAAA,IAAoB;AAElE,QAAM,SAAS;AAAA,IACb,WAAWD,aAA0B,KAAK;AAAA,EAAA,CAC3C,EAAE,KAAK,CAAC,UAAU;AACjB,QAAI,UAAU,GAAG;AACf,uBAAiB,EAAE,GAAG,OAAO;AAC7B;AAAA,IACF;AAEA,QAAI,OAAO;AACT,sBAAgB,KAAK;AAAA,IACvB;AAEA,QAAI,UAAU,MAAM;AAClB,uBAAiB;AAAA,QACf,GAAG;AAAA,QACH,SAAS;AAAA,MAAA,CACV;AACD;AAAA,IACF;AAAA,EACF,CAAC;AAED,aAAW;AAAA,IACT,WAAWA,aAA0B,KAAK;AAAA,EAAA,CAC3C,EAAE,KAAK,CAAC,aAAa,mBAAmB,EAAE,GAAG,OAAO,SAAA,CAAU,CAAC;AAClE;"}
+{"version":3,"file":"fetch.mjs","sources":["../../../../source/composite/events/common/fetch.ts"],"sourcesContent":["import { fetchGraphQL } from '@universityofmaryland/web-utilities-library/network';\nimport * as feedMacros from 'macros';\nimport { EVENTS_COUNT_QUERY, EVENTS_QUERY } from './queries';\nimport * as dataComposed from './data';\nimport {\n  NoResultsProps,\n  DisplayStartProps,\n  DisplayStartResultsProps,\n  DisplayProps,\n} from '../_types';\n\ninterface LoadMoreProps extends DisplayProps {}\n\ninterface CreateProps extends DisplayStartProps {\n  displayResultStart: (props: DisplayStartResultsProps) => void;\n  displayNoResults: (props: NoResultsProps) => void;\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\ntype TypeFetchVariables = {\n  startDate?: string;\n  related?: string[];\n  limit?: number;\n  offset?: number;\n};\n\nexport type TypeAPIFeedVariables = TypeFetchVariables & {\n  token: string | null;\n};\n\ntype TypeFetchObject = TypeAPIFeedVariables & {\n  query: string;\n};\n\nconst fetchFeed = async ({\n  limit,\n  related,\n  offset,\n  token,\n  query,\n}: TypeFetchObject) => {\n  if (!token) throw new Error('Token not found');\n\n  const variables: TypeFetchVariables = {\n    startDate: new Date().toDateString(),\n    limit,\n    related,\n    offset,\n  };\n\n  return await fetchGraphQL({\n    query,\n    url: 'https://calendar.umd.edu/graphql',\n    token: token,\n    variables,\n  });\n};\n\nconst getCount = async ({ variables }: { variables: TypeAPIFeedVariables }) => {\n  const feedData = await fetchFeed({\n    ...variables,\n    query: EVENTS_COUNT_QUERY,\n  });\n\n  if (!feedData || !feedData.data || feedData.message) {\n    if (feedData.message) console.error(feedData.message);\n    return null;\n  }\n\n  return feedData?.data?.count?.events?.length || 0;\n};\n\nconst getEntries = async ({\n  variables,\n}: {\n  variables: TypeAPIFeedVariables;\n}) => {\n  const feedData = await fetchFeed({ ...variables, query: EVENTS_QUERY });\n  const graceFail = ({ message }: { message: string }) => {\n    throw new Error(message);\n  };\n\n  if (\n    !feedData ||\n    !feedData.data ||\n    !feedData.data.entries ||\n    feedData.message\n  ) {\n    if (!feedData) graceFail({ message: 'Feed not found' });\n    if (!feedData.data) graceFail({ message: 'Feed data not found' });\n    if (!feedData.data.entries)\n      graceFail({ message: 'Feed entries not found' });\n    if (!feedData.data.entries.events)\n      graceFail({ message: 'Feed events not found' });\n    if (!feedData.message)\n      graceFail({ message: `Feed data errors: ${feedData.message}` });\n  }\n\n  return feedData.data.entries.events;\n};\n\nexport const load = async (props: LoadMoreProps) => {\n  const { getContainer, getOffset, displayResults, getTotalEntries } = props;\n  const container = getContainer();\n  const currentCount = getOffset();\n  const totalEntries = getTotalEntries();\n\n  feedMacros.buttonLazyLoad.remove({ container });\n  feedMacros.loader.display({ container });\n\n  getEntries({\n    variables: dataComposed.apiVariables(props),\n  }).then((feedData) => {\n    displayResults({ feedData });\n\n    feedMacros.ariaLive.update({\n      container,\n      message: `Showing ${\n        currentCount + feedData.length\n      } of ${totalEntries} articles`,\n    });\n  });\n};\n\nexport const start = async (props: CreateProps) => {\n  const { displayNoResults, displayResultStart, setTotalEntries } = props;\n\n  await getCount({\n    variables: dataComposed.apiVariables(props),\n  }).then((count) => {\n    if (count === 0) {\n      displayNoResults({ ...props });\n      return;\n    }\n\n    if (count) {\n      setTotalEntries(count);\n    }\n\n    if (count === null) {\n      displayNoResults({\n        ...props,\n        message: 'An error occurred while fetching the data.',\n      });\n      return;\n    }\n  });\n\n  getEntries({\n    variables: dataComposed.apiVariables(props),\n  }).then((feedData) => displayResultStart({ ...props, feedData }));\n};\n"],"names":["feedMacros.buttonLazyLoad","feedMacros.loader","dataComposed.apiVariables","feedMacros.ariaLive"],"mappings":";;;;;;;;;;AAmCA,MAAM,YAAY,OAAO;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,MAAI,CAAC,MAAO,OAAM,IAAI,MAAM,iBAAiB;AAE7C,QAAM,YAAgC;AAAA,IACpC,YAAW,oBAAI,KAAA,GAAO,aAAA;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,SAAO,MAAM,aAAa;AAAA,IACxB;AAAA,IACA,KAAK;AAAA,IACL;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,MAAM,WAAW,OAAO,EAAE,gBAAqD;AAC7E,QAAM,WAAW,MAAM,UAAU;AAAA,IAC/B,GAAG;AAAA,IACH,OAAO;AAAA,EAAA,CACR;AAED,MAAI,CAAC,YAAY,CAAC,SAAS,QAAQ,SAAS,SAAS;AACnD,QAAI,SAAS,QAAS,SAAQ,MAAM,SAAS,OAAO;AACpD,WAAO;AAAA,EACT;AAEA,SAAO,UAAU,MAAM,OAAO,QAAQ,UAAU;AAClD;AAEA,MAAM,aAAa,OAAO;AAAA,EACxB;AACF,MAEM;AACJ,QAAM,WAAW,MAAM,UAAU,EAAE,GAAG,WAAW,OAAO,cAAc;AACtE,QAAM,YAAY,CAAC,EAAE,cAAmC;AACtD,UAAM,IAAI,MAAM,OAAO;AAAA,EACzB;AAEA,MACE,CAAC,YACD,CAAC,SAAS,QACV,CAAC,SAAS,KAAK,WACf,SAAS,SACT;AACA,QAAI,CAAC,SAAU,WAAU,EAAE,SAAS,kBAAkB;AACtD,QAAI,CAAC,SAAS,gBAAgB,EAAE,SAAS,uBAAuB;AAChE,QAAI,CAAC,SAAS,KAAK;AACjB,gBAAU,EAAE,SAAS,0BAA0B;AACjD,QAAI,CAAC,SAAS,KAAK,QAAQ;AACzB,gBAAU,EAAE,SAAS,yBAAyB;AAChD,QAAI,CAAC,SAAS;AACZ,gBAAU,EAAE,SAAS,qBAAqB,SAAS,OAAO,IAAI;AAAA,EAClE;AAEA,SAAO,SAAS,KAAK,QAAQ;AAC/B;AAEO,MAAM,OAAO,OAAO,UAAyB;AAClD,QAAM,EAAE,cAAc,WAAW,gBAAgB,oBAAoB;AACrE,QAAM,YAAY,aAAA;AAClB,QAAM,eAAe,UAAA;AACrB,QAAM,eAAe,gBAAA;AAErBA,WAA0B,OAAO,EAAE,WAAW;AAC9CC,SAAkB,QAAQ,EAAE,WAAW;AAEvC,aAAW;AAAA,IACT,WAAWC,aAA0B,KAAK;AAAA,EAAA,CAC3C,EAAE,KAAK,CAAC,aAAa;AACpB,mBAAe,EAAE,UAAU;AAE3BC,aAAoB,OAAO;AAAA,MACzB;AAAA,MACA,SAAS,WACP,eAAe,SAAS,MAC1B,OAAO,YAAY;AAAA,IAAA,CACpB;AAAA,EACH,CAAC;AACH;AAEO,MAAM,QAAQ,OAAO,UAAuB;AACjD,QAAM,EAAE,kBAAkB,oBAAoB,gBAAA,IAAoB;AAElE,QAAM,SAAS;AAAA,IACb,WAAWD,aAA0B,KAAK;AAAA,EAAA,CAC3C,EAAE,KAAK,CAAC,UAAU;AACjB,QAAI,UAAU,GAAG;AACf,uBAAiB,EAAE,GAAG,OAAO;AAC7B;AAAA,IACF;AAEA,QAAI,OAAO;AACT,sBAAgB,KAAK;AAAA,IACvB;AAEA,QAAI,UAAU,MAAM;AAClB,uBAAiB;AAAA,QACf,GAAG;AAAA,QACH,SAAS;AAAA,MAAA,CACV;AACD;AAAA,IACF;AAAA,EACF,CAAC;AAED,aAAW;AAAA,IACT,WAAWA,aAA0B,KAAK;AAAA,EAAA,CAC3C,EAAE,KAAK,CAAC,aAAa,mBAAmB,EAAE,GAAG,OAAO,SAAA,CAAU,CAAC;AAClE;"}

package/dist/composite/events/grid.js

@@ -4,7 +4,9 @@ const asset = require("../../elements/asset.js");
 const layout = require("../../elements/layout.js");
 require("@universityofmaryland/web-styles-library");
 const loader = require("../../macros/loader.js");
-require("../../macros/slider.js");
+require("@universityofmaryland/web-utilities-library/network");
+require("@universityofmaryland/web-elements-library/composite");
+require("@universityofmaryland/web-elements-library/atomic");
 const fetch = require("./common/fetch.js");
 const display = require("./common/display.js");
 const data = require("./common/data.js");

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

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../source/composite/events/grid.ts"],"sourcesContent":["import { Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type BlockProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: BlockProps): ElementModel =>\n  (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.block({\n            ...dataComposed.display({ entry, isThemeDark }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n            isTransparent,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const layoutElement = feedElements.layout.gridGap({\n      count: numberOfColumnsToShow,\n    });\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement,\n      isThemeDark,\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","Composite","dataComposed.display","feedElements.asset.standard","feedDisplay.setShadowStyles","feedElements.layout.gridGap","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,aAAa,eAAe,sBAAA,IAA0B;AAC9D,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,mBAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrBC,mBAAAA,UAAU,KAAK,MAAM;AAAA,UACnB,GAAGC,aAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,OAAOC,MAAAA,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,UACX;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,8BAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,gBAAgBC,OAAAA,QAA4B;AAAA,IAChD,OAAO;AAAA,EAAA,CACR;AACD,YAAU,YAAYP,SAAO,OAAO;AAEpCQ,cAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC,QAAAA;AAAAA,IACpB,kBAAkBC,QAAAA;AAAAA,IAClB;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;;"}
+{"version":3,"file":"grid.js","sources":["../../../source/composite/events/grid.ts"],"sourcesContent":["import { Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type BlockProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: BlockProps): ElementModel =>\n  (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.block({\n            ...dataComposed.display({ entry, isThemeDark }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n            isTransparent,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const layoutElement = feedElements.layout.gridGap({\n      count: numberOfColumnsToShow,\n    });\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement,\n      isThemeDark,\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","Composite","dataComposed.display","feedElements.asset.standard","feedDisplay.setShadowStyles","feedElements.layout.gridGap","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,aAAa,eAAe,sBAAA,IAA0B;AAC9D,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,mBAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrBC,mBAAAA,UAAU,KAAK,MAAM;AAAA,UACnB,GAAGC,aAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,OAAOC,MAAAA,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,UACX;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,8BAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,gBAAgBC,OAAAA,QAA4B;AAAA,IAChD,OAAO;AAAA,EAAA,CACR;AACD,YAAU,YAAYP,SAAO,OAAO;AAEpCQ,cAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC,QAAAA;AAAAA,IACpB,kBAAkBC,QAAAA;AAAAA,IAClB;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;;"}

package/dist/composite/events/grid.mjs

@@ -3,7 +3,9 @@ import { standard } from "../../elements/asset.mjs";
 import { gridGap } from "../../elements/layout.mjs";
 import "@universityofmaryland/web-styles-library";
 import loader from "../../macros/loader.mjs";
-import "../../macros/slider.mjs";
+import "@universityofmaryland/web-utilities-library/network";
+import "@universityofmaryland/web-elements-library/composite";
+import "@universityofmaryland/web-elements-library/atomic";
 import { start } from "./common/fetch.mjs";
 import { noResults, resultStart, resultLoad, setShadowStyles } from "./common/display.mjs";
 import { display } from "./common/data.mjs";

package/dist/composite/events/grid.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"grid.mjs","sources":["../../../source/composite/events/grid.ts"],"sourcesContent":["import { Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type BlockProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: BlockProps): ElementModel =>\n  (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.block({\n            ...dataComposed.display({ entry, isThemeDark }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n            isTransparent,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const layoutElement = feedElements.layout.gridGap({\n      count: numberOfColumnsToShow,\n    });\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement,\n      isThemeDark,\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","dataComposed.display","feedElements.asset.standard","feedDisplay.setShadowStyles","feedElements.layout.gridGap","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,aAAa,eAAe,sBAAA,IAA0B;AAC9D,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,WAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrB,UAAU,KAAK,MAAM;AAAA,UACnB,GAAGC,QAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,OAAOC,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,UACX;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,sBAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,gBAAgBC,QAA4B;AAAA,IAChD,OAAO;AAAA,EAAA,CACR;AACD,YAAU,YAAYN,SAAO,OAAO;AAEpCO,QAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC;AAAAA,IACpB,kBAAkBC;AAAAA,IAClB;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;"}
+{"version":3,"file":"grid.mjs","sources":["../../../source/composite/events/grid.ts"],"sourcesContent":["import { Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type BlockProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: BlockProps): ElementModel =>\n  (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.block({\n            ...dataComposed.display({ entry, isThemeDark }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n            isTransparent,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const layoutElement = feedElements.layout.gridGap({\n      count: numberOfColumnsToShow,\n    });\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement,\n      isThemeDark,\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","dataComposed.display","feedElements.asset.standard","feedDisplay.setShadowStyles","feedElements.layout.gridGap","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,aAAa,eAAe,sBAAA,IAA0B;AAC9D,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,WAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrB,UAAU,KAAK,MAAM;AAAA,UACnB,GAAGC,QAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,OAAOC,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,UACX;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,sBAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,gBAAgBC,QAA4B;AAAA,IAChD,OAAO;AAAA,EAAA,CACR;AACD,YAAU,YAAYN,SAAO,OAAO;AAEpCO,QAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC;AAAAA,IACpB,kBAAkBC;AAAAA,IAClB;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;"}

package/dist/composite/events/grouped.js

@@ -3,7 +3,9 @@ const Styles = require("@universityofmaryland/web-styles-library");
 const webElementsLibrary = require("@universityofmaryland/web-elements-library");
 const asset = require("../../elements/asset.js");
 const loader = require("../../macros/loader.js");
-require("../../macros/slider.js");
+require("@universityofmaryland/web-utilities-library/network");
+require("@universityofmaryland/web-elements-library/composite");
+require("@universityofmaryland/web-elements-library/atomic");
 const fetch = require("./common/fetch.js");
 const display = require("./common/display.js");
 const data = require("./common/data.js");

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

@@ -1 +1 @@
-{"version":3,"file":"grouped.js","sources":["../../../source/composite/events/grouped.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport {\n  Atomic,\n  Composite,\n  Model,\n} from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type ListProps, type FeedDisplay, type EventType } from './_types';\nimport { type ElementModel } from '../../_types';\n\ninterface GroupedEvent {\n  date: string;\n  events: EventType[];\n}\n\nconst getDateBanner = (dateStamp: string): string => {\n  // Parse the date string more reliably\n  // Handle both \"YYYY-MM-DD\" and ISO format strings\n  const dateParts = dateStamp.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1; // Month is 0-indexed\n  const day = parseInt(dateParts[2], 10);\n\n  // Create dates using local timezone to avoid timezone shifts\n  const eventDate = new Date(year, month, day);\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const weekFromNow = new Date();\n  weekFromNow.setDate(currentDate.getDate() + 7);\n  weekFromNow.setHours(0, 0, 0, 0);\n\n  // Check if it's today\n  if (\n    eventDate.getFullYear() === currentDate.getFullYear() &&\n    eventDate.getMonth() === currentDate.getMonth() &&\n    eventDate.getDate() === currentDate.getDate()\n  ) {\n    return 'Today';\n  }\n\n  // Check if it's within the next 7 days\n  if (\n    eventDate.getTime() > currentDate.getTime() &&\n    eventDate.getTime() <= weekFromNow.getTime()\n  ) {\n    const days = [\n      'Sunday',\n      'Monday',\n      'Tuesday',\n      'Wednesday',\n      'Thursday',\n      'Friday',\n      'Saturday',\n    ];\n    return days[eventDate.getDay()];\n  }\n\n  // Otherwise return day of week, month and day\n  const days = [\n    'Sunday',\n    'Monday',\n    'Tuesday',\n    'Wednesday',\n    'Thursday',\n    'Friday',\n    'Saturday',\n  ];\n  const months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n  ];\n  return `${days[eventDate.getDay()]}, ${\n    months[eventDate.getMonth()]\n  } ${eventDate.getDate()}`;\n};\n\nconst groupEventsByDate = (events: EventType[]): GroupedEvent[] => {\n  const grouped = events.reduce((acc, event) => {\n    const dateKey = event.startStamp;\n    if (!acc[dateKey]) {\n      acc[dateKey] = {\n        date: getDateBanner(event.startStamp),\n        events: [],\n      };\n    }\n    acc[dateKey].events.push(event);\n    return acc;\n  }, {} as Record<string, GroupedEvent>);\n\n  return Object.values(grouped).sort((a, b) => {\n    const dateA = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === a) || '',\n    );\n    const dateB = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === b) || '',\n    );\n    return dateA.getTime() - dateB.getTime();\n  });\n};\n\nexport default (props: ListProps): ElementModel =>\n  (() => {\n    const { isThemeDark } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const groupLayout = (): { element: HTMLElement; styles: string } => {\n      return Model.ElementModel.createDiv({\n        className: 'umd-feed-events-grouped',\n        elementStyles: {\n          element: {},\n        },\n      });\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      const groupedEvents = groupEventsByDate(feedData);\n      const entries: { element: HTMLElement; styles: string }[] = [];\n      let actualEventCount = 0;\n\n      groupedEvents.forEach((group) => {\n        const dateHeadline = document.createElement('p');\n        dateHeadline.textContent = group.date;\n\n        entries.push(\n          Model.ElementModel.text.ribbon({\n            element: dateHeadline,\n            elementStyles: {\n              element: {\n                margin: `${Styles.token.spacing.lg} 0`,\n              },\n            },\n          }),\n        );\n\n        const dateEntries = group.events.map((entry) =>\n          Composite.card.list({\n            ...dataComposed.display({ entry, isThemeDark }),\n            dateSign: Atomic.events.sign({\n              ...entry,\n              isThemeDark,\n              isLargeSize: false,\n            }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n          }),\n        );\n\n        actualEventCount += group.events.length;\n\n        entries.push(\n          Model.ElementModel.createDiv({\n            className: 'umd-feed-events-grouped-entries',\n            children: [...dateEntries],\n            elementStyles: {\n              element: {\n                [` > *:not(:last-child)`]: {\n                  paddingBottom: Styles.token.spacing.lg,\n                  marginBottom: Styles.token.spacing.lg,\n                },\n              },\n            },\n          }),\n        );\n      });\n\n      // Override the offset with actual event count to fix lazy load\n      const originalSetOffset = helperFunctions.setOffset;\n      helperFunctions.setOffset = () => originalSetOffset(actualEventCount);\n\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries,\n      });\n\n      // Restore original setOffset\n      helperFunctions.setOffset = originalSetOffset;\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement: groupLayout(),\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["days","grouped","loader","feedMacros.loader","Model","Styles","Composite","dataComposed.display","Atomic","feedElements.asset.standard","feedDisplay.resultLoad","feedDisplay.setShadowStyles","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":"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"}
+{"version":3,"file":"grouped.js","sources":["../../../source/composite/events/grouped.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport {\n  Atomic,\n  Composite,\n  Model,\n} from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type ListProps, type FeedDisplay, type EventType } from './_types';\nimport { type ElementModel } from '../../_types';\n\ninterface GroupedEvent {\n  date: string;\n  events: EventType[];\n}\n\nconst getDateBanner = (dateStamp: string): string => {\n  // Parse the date string more reliably\n  // Handle both \"YYYY-MM-DD\" and ISO format strings\n  const dateParts = dateStamp.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1; // Month is 0-indexed\n  const day = parseInt(dateParts[2], 10);\n\n  // Create dates using local timezone to avoid timezone shifts\n  const eventDate = new Date(year, month, day);\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const weekFromNow = new Date();\n  weekFromNow.setDate(currentDate.getDate() + 7);\n  weekFromNow.setHours(0, 0, 0, 0);\n\n  // Check if it's today\n  if (\n    eventDate.getFullYear() === currentDate.getFullYear() &&\n    eventDate.getMonth() === currentDate.getMonth() &&\n    eventDate.getDate() === currentDate.getDate()\n  ) {\n    return 'Today';\n  }\n\n  // Check if it's within the next 7 days\n  if (\n    eventDate.getTime() > currentDate.getTime() &&\n    eventDate.getTime() <= weekFromNow.getTime()\n  ) {\n    const days = [\n      'Sunday',\n      'Monday',\n      'Tuesday',\n      'Wednesday',\n      'Thursday',\n      'Friday',\n      'Saturday',\n    ];\n    return days[eventDate.getDay()];\n  }\n\n  // Otherwise return day of week, month and day\n  const days = [\n    'Sunday',\n    'Monday',\n    'Tuesday',\n    'Wednesday',\n    'Thursday',\n    'Friday',\n    'Saturday',\n  ];\n  const months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n  ];\n  return `${days[eventDate.getDay()]}, ${\n    months[eventDate.getMonth()]\n  } ${eventDate.getDate()}`;\n};\n\nconst groupEventsByDate = (events: EventType[]): GroupedEvent[] => {\n  const grouped = events.reduce((acc, event) => {\n    const dateKey = event.startStamp;\n    if (!acc[dateKey]) {\n      acc[dateKey] = {\n        date: getDateBanner(event.startStamp),\n        events: [],\n      };\n    }\n    acc[dateKey].events.push(event);\n    return acc;\n  }, {} as Record<string, GroupedEvent>);\n\n  return Object.values(grouped).sort((a, b) => {\n    const dateA = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === a) || '',\n    );\n    const dateB = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === b) || '',\n    );\n    return dateA.getTime() - dateB.getTime();\n  });\n};\n\nexport default (props: ListProps): ElementModel =>\n  (() => {\n    const { isThemeDark } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const groupLayout = (): { element: HTMLElement; styles: string } => {\n      return Model.ElementModel.createDiv({\n        className: 'umd-feed-events-grouped',\n        elementStyles: {\n          element: {},\n        },\n      });\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      const groupedEvents = groupEventsByDate(feedData);\n      const entries: { element: HTMLElement; styles: string }[] = [];\n      let actualEventCount = 0;\n\n      groupedEvents.forEach((group) => {\n        const dateHeadline = document.createElement('p');\n        dateHeadline.textContent = group.date;\n\n        entries.push(\n          Model.ElementModel.text.ribbon({\n            element: dateHeadline,\n            elementStyles: {\n              element: {\n                margin: `${Styles.token.spacing.lg} 0`,\n              },\n            },\n          }),\n        );\n\n        const dateEntries = group.events.map((entry) =>\n          Composite.card.list({\n            ...dataComposed.display({ entry, isThemeDark }),\n            dateSign: Atomic.events.sign({\n              ...entry,\n              isThemeDark,\n              isLargeSize: false,\n            }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n          }),\n        );\n\n        actualEventCount += group.events.length;\n\n        entries.push(\n          Model.ElementModel.createDiv({\n            className: 'umd-feed-events-grouped-entries',\n            children: [...dateEntries],\n            elementStyles: {\n              element: {\n                [` > *:not(:last-child)`]: {\n                  paddingBottom: Styles.token.spacing.lg,\n                  marginBottom: Styles.token.spacing.lg,\n                },\n              },\n            },\n          }),\n        );\n      });\n\n      // Override the offset with actual event count to fix lazy load\n      const originalSetOffset = helperFunctions.setOffset;\n      helperFunctions.setOffset = () => originalSetOffset(actualEventCount);\n\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries,\n      });\n\n      // Restore original setOffset\n      helperFunctions.setOffset = originalSetOffset;\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement: groupLayout(),\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["days","grouped","loader","feedMacros.loader","Model","Styles","Composite","dataComposed.display","Atomic","feedElements.asset.standard","feedDisplay.resultLoad","feedDisplay.setShadowStyles","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":"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"}

package/dist/composite/events/grouped.mjs

@@ -2,7 +2,9 @@ import * as Styles from "@universityofmaryland/web-styles-library";
 import { Model, Composite, Atomic } from "@universityofmaryland/web-elements-library";
 import { standard } from "../../elements/asset.mjs";
 import loader from "../../macros/loader.mjs";
-import "../../macros/slider.mjs";
+import "@universityofmaryland/web-utilities-library/network";
+import "@universityofmaryland/web-elements-library/composite";
+import "@universityofmaryland/web-elements-library/atomic";
 import { start } from "./common/fetch.mjs";
 import { noResults, resultStart, resultLoad, setShadowStyles } from "./common/display.mjs";
 import { display } from "./common/data.mjs";

package/dist/composite/events/grouped.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"grouped.mjs","sources":["../../../source/composite/events/grouped.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport {\n  Atomic,\n  Composite,\n  Model,\n} from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type ListProps, type FeedDisplay, type EventType } from './_types';\nimport { type ElementModel } from '../../_types';\n\ninterface GroupedEvent {\n  date: string;\n  events: EventType[];\n}\n\nconst getDateBanner = (dateStamp: string): string => {\n  // Parse the date string more reliably\n  // Handle both \"YYYY-MM-DD\" and ISO format strings\n  const dateParts = dateStamp.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1; // Month is 0-indexed\n  const day = parseInt(dateParts[2], 10);\n\n  // Create dates using local timezone to avoid timezone shifts\n  const eventDate = new Date(year, month, day);\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const weekFromNow = new Date();\n  weekFromNow.setDate(currentDate.getDate() + 7);\n  weekFromNow.setHours(0, 0, 0, 0);\n\n  // Check if it's today\n  if (\n    eventDate.getFullYear() === currentDate.getFullYear() &&\n    eventDate.getMonth() === currentDate.getMonth() &&\n    eventDate.getDate() === currentDate.getDate()\n  ) {\n    return 'Today';\n  }\n\n  // Check if it's within the next 7 days\n  if (\n    eventDate.getTime() > currentDate.getTime() &&\n    eventDate.getTime() <= weekFromNow.getTime()\n  ) {\n    const days = [\n      'Sunday',\n      'Monday',\n      'Tuesday',\n      'Wednesday',\n      'Thursday',\n      'Friday',\n      'Saturday',\n    ];\n    return days[eventDate.getDay()];\n  }\n\n  // Otherwise return day of week, month and day\n  const days = [\n    'Sunday',\n    'Monday',\n    'Tuesday',\n    'Wednesday',\n    'Thursday',\n    'Friday',\n    'Saturday',\n  ];\n  const months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n  ];\n  return `${days[eventDate.getDay()]}, ${\n    months[eventDate.getMonth()]\n  } ${eventDate.getDate()}`;\n};\n\nconst groupEventsByDate = (events: EventType[]): GroupedEvent[] => {\n  const grouped = events.reduce((acc, event) => {\n    const dateKey = event.startStamp;\n    if (!acc[dateKey]) {\n      acc[dateKey] = {\n        date: getDateBanner(event.startStamp),\n        events: [],\n      };\n    }\n    acc[dateKey].events.push(event);\n    return acc;\n  }, {} as Record<string, GroupedEvent>);\n\n  return Object.values(grouped).sort((a, b) => {\n    const dateA = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === a) || '',\n    );\n    const dateB = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === b) || '',\n    );\n    return dateA.getTime() - dateB.getTime();\n  });\n};\n\nexport default (props: ListProps): ElementModel =>\n  (() => {\n    const { isThemeDark } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const groupLayout = (): { element: HTMLElement; styles: string } => {\n      return Model.ElementModel.createDiv({\n        className: 'umd-feed-events-grouped',\n        elementStyles: {\n          element: {},\n        },\n      });\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      const groupedEvents = groupEventsByDate(feedData);\n      const entries: { element: HTMLElement; styles: string }[] = [];\n      let actualEventCount = 0;\n\n      groupedEvents.forEach((group) => {\n        const dateHeadline = document.createElement('p');\n        dateHeadline.textContent = group.date;\n\n        entries.push(\n          Model.ElementModel.text.ribbon({\n            element: dateHeadline,\n            elementStyles: {\n              element: {\n                margin: `${Styles.token.spacing.lg} 0`,\n              },\n            },\n          }),\n        );\n\n        const dateEntries = group.events.map((entry) =>\n          Composite.card.list({\n            ...dataComposed.display({ entry, isThemeDark }),\n            dateSign: Atomic.events.sign({\n              ...entry,\n              isThemeDark,\n              isLargeSize: false,\n            }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n          }),\n        );\n\n        actualEventCount += group.events.length;\n\n        entries.push(\n          Model.ElementModel.createDiv({\n            className: 'umd-feed-events-grouped-entries',\n            children: [...dateEntries],\n            elementStyles: {\n              element: {\n                [` > *:not(:last-child)`]: {\n                  paddingBottom: Styles.token.spacing.lg,\n                  marginBottom: Styles.token.spacing.lg,\n                },\n              },\n            },\n          }),\n        );\n      });\n\n      // Override the offset with actual event count to fix lazy load\n      const originalSetOffset = helperFunctions.setOffset;\n      helperFunctions.setOffset = () => originalSetOffset(actualEventCount);\n\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries,\n      });\n\n      // Restore original setOffset\n      helperFunctions.setOffset = originalSetOffset;\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement: groupLayout(),\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["days","grouped","loader","feedMacros.loader","dataComposed.display","feedElements.asset.standard","feedDisplay.resultLoad","feedDisplay.setShadowStyles","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":"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"}
+{"version":3,"file":"grouped.mjs","sources":["../../../source/composite/events/grouped.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport {\n  Atomic,\n  Composite,\n  Model,\n} from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type ListProps, type FeedDisplay, type EventType } from './_types';\nimport { type ElementModel } from '../../_types';\n\ninterface GroupedEvent {\n  date: string;\n  events: EventType[];\n}\n\nconst getDateBanner = (dateStamp: string): string => {\n  // Parse the date string more reliably\n  // Handle both \"YYYY-MM-DD\" and ISO format strings\n  const dateParts = dateStamp.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1; // Month is 0-indexed\n  const day = parseInt(dateParts[2], 10);\n\n  // Create dates using local timezone to avoid timezone shifts\n  const eventDate = new Date(year, month, day);\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const weekFromNow = new Date();\n  weekFromNow.setDate(currentDate.getDate() + 7);\n  weekFromNow.setHours(0, 0, 0, 0);\n\n  // Check if it's today\n  if (\n    eventDate.getFullYear() === currentDate.getFullYear() &&\n    eventDate.getMonth() === currentDate.getMonth() &&\n    eventDate.getDate() === currentDate.getDate()\n  ) {\n    return 'Today';\n  }\n\n  // Check if it's within the next 7 days\n  if (\n    eventDate.getTime() > currentDate.getTime() &&\n    eventDate.getTime() <= weekFromNow.getTime()\n  ) {\n    const days = [\n      'Sunday',\n      'Monday',\n      'Tuesday',\n      'Wednesday',\n      'Thursday',\n      'Friday',\n      'Saturday',\n    ];\n    return days[eventDate.getDay()];\n  }\n\n  // Otherwise return day of week, month and day\n  const days = [\n    'Sunday',\n    'Monday',\n    'Tuesday',\n    'Wednesday',\n    'Thursday',\n    'Friday',\n    'Saturday',\n  ];\n  const months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n  ];\n  return `${days[eventDate.getDay()]}, ${\n    months[eventDate.getMonth()]\n  } ${eventDate.getDate()}`;\n};\n\nconst groupEventsByDate = (events: EventType[]): GroupedEvent[] => {\n  const grouped = events.reduce((acc, event) => {\n    const dateKey = event.startStamp;\n    if (!acc[dateKey]) {\n      acc[dateKey] = {\n        date: getDateBanner(event.startStamp),\n        events: [],\n      };\n    }\n    acc[dateKey].events.push(event);\n    return acc;\n  }, {} as Record<string, GroupedEvent>);\n\n  return Object.values(grouped).sort((a, b) => {\n    const dateA = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === a) || '',\n    );\n    const dateB = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === b) || '',\n    );\n    return dateA.getTime() - dateB.getTime();\n  });\n};\n\nexport default (props: ListProps): ElementModel =>\n  (() => {\n    const { isThemeDark } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const groupLayout = (): { element: HTMLElement; styles: string } => {\n      return Model.ElementModel.createDiv({\n        className: 'umd-feed-events-grouped',\n        elementStyles: {\n          element: {},\n        },\n      });\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      const groupedEvents = groupEventsByDate(feedData);\n      const entries: { element: HTMLElement; styles: string }[] = [];\n      let actualEventCount = 0;\n\n      groupedEvents.forEach((group) => {\n        const dateHeadline = document.createElement('p');\n        dateHeadline.textContent = group.date;\n\n        entries.push(\n          Model.ElementModel.text.ribbon({\n            element: dateHeadline,\n            elementStyles: {\n              element: {\n                margin: `${Styles.token.spacing.lg} 0`,\n              },\n            },\n          }),\n        );\n\n        const dateEntries = group.events.map((entry) =>\n          Composite.card.list({\n            ...dataComposed.display({ entry, isThemeDark }),\n            dateSign: Atomic.events.sign({\n              ...entry,\n              isThemeDark,\n              isLargeSize: false,\n            }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n          }),\n        );\n\n        actualEventCount += group.events.length;\n\n        entries.push(\n          Model.ElementModel.createDiv({\n            className: 'umd-feed-events-grouped-entries',\n            children: [...dateEntries],\n            elementStyles: {\n              element: {\n                [` > *:not(:last-child)`]: {\n                  paddingBottom: Styles.token.spacing.lg,\n                  marginBottom: Styles.token.spacing.lg,\n                },\n              },\n            },\n          }),\n        );\n      });\n\n      // Override the offset with actual event count to fix lazy load\n      const originalSetOffset = helperFunctions.setOffset;\n      helperFunctions.setOffset = () => originalSetOffset(actualEventCount);\n\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries,\n      });\n\n      // Restore original setOffset\n      helperFunctions.setOffset = originalSetOffset;\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement: groupLayout(),\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["days","grouped","loader","feedMacros.loader","dataComposed.display","feedElements.asset.standard","feedDisplay.resultLoad","feedDisplay.setShadowStyles","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;;AAmBA,MAAM,gBAAgB,CAAC,cAA8B;AAGnD,QAAM,YAAY,UAAU,MAAM,GAAG,EAAE,CAAC,EAAE,MAAM,GAAG;AACnD,QAAM,OAAO,SAAS,UAAU,CAAC,GAAG,EAAE;AACtC,QAAM,QAAQ,SAAS,UAAU,CAAC,GAAG,EAAE,IAAI;AAC3C,QAAM,MAAM,SAAS,UAAU,CAAC,GAAG,EAAE;AAGrC,QAAM,YAAY,IAAI,KAAK,MAAM,OAAO,GAAG;AAC3C,QAAM,kCAAkB,KAAA;AACxB,cAAY,SAAS,GAAG,GAAG,GAAG,CAAC;AAE/B,QAAM,kCAAkB,KAAA;AACxB,cAAY,QAAQ,YAAY,QAAA,IAAY,CAAC;AAC7C,cAAY,SAAS,GAAG,GAAG,GAAG,CAAC;AAG/B,MACE,UAAU,YAAA,MAAkB,YAAY,YAAA,KACxC,UAAU,SAAA,MAAe,YAAY,cACrC,UAAU,cAAc,YAAY,WACpC;AACA,WAAO;AAAA,EACT;AAGA,MACE,UAAU,YAAY,YAAY,QAAA,KAClC,UAAU,QAAA,KAAa,YAAY,WACnC;AACA,UAAMA,QAAO;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAEF,WAAOA,MAAK,UAAU,QAAQ;AAAA,EAChC;AAGA,QAAM,OAAO;AAAA,IACX;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,SAAS;AAAA,IACb;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAEF,SAAO,GAAG,KAAK,UAAU,OAAA,CAAQ,CAAC,KAChC,OAAO,UAAU,UAAU,CAC7B,IAAI,UAAU,SAAS;AACzB;AAEA,MAAM,oBAAoB,CAAC,WAAwC;AACjE,QAAMC,WAAU,OAAO,OAAO,CAAC,KAAK,UAAU;AAC5C,UAAM,UAAU,MAAM;AACtB,QAAI,CAAC,IAAI,OAAO,GAAG;AACjB,UAAI,OAAO,IAAI;AAAA,QACb,MAAM,cAAc,MAAM,UAAU;AAAA,QACpC,QAAQ,CAAA;AAAA,MAAC;AAAA,IAEb;AACA,QAAI,OAAO,EAAE,OAAO,KAAK,KAAK;AAC9B,WAAO;AAAA,EACT,GAAG,CAAA,CAAkC;AAErC,SAAO,OAAO,OAAOA,QAAO,EAAE,KAAK,CAAC,GAAG,MAAM;AAC3C,UAAM,QAAQ,IAAI;AAAA,MAChB,OAAO,KAAKA,QAAO,EAAE,KAAK,CAAC,QAAQA,SAAQ,GAAG,MAAM,CAAC,KAAK;AAAA,IAAA;AAE5D,UAAM,QAAQ,IAAI;AAAA,MAChB,OAAO,KAAKA,QAAO,EAAE,KAAK,CAAC,QAAQA,SAAQ,GAAG,MAAM,CAAC,KAAK;AAAA,IAAA;AAE5D,WAAO,MAAM,YAAY,MAAM,QAAA;AAAA,EACjC,CAAC;AACH;AAEA,MAAA,UAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,gBAAgB;AACxB,QAAMC,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,cAAc,MAAgD;AAClE,WAAO,MAAM,aAAa,UAAU;AAAA,MAClC,WAAW;AAAA,MACX,eAAe;AAAA,QACb,SAAS,CAAA;AAAA,MAAC;AAAA,IACZ,CACD;AAAA,EACH;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAM,gBAAgB,kBAAkB,QAAQ;AAChD,UAAM,UAAsD,CAAA;AAC5D,QAAI,mBAAmB;AAEvB,kBAAc,QAAQ,CAAC,UAAU;AAC/B,YAAM,eAAe,SAAS,cAAc,GAAG;AAC/C,mBAAa,cAAc,MAAM;AAEjC,cAAQ;AAAA,QACN,MAAM,aAAa,KAAK,OAAO;AAAA,UAC7B,SAAS;AAAA,UACT,eAAe;AAAA,YACb,SAAS;AAAA,cACP,QAAQ,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,YAAA;AAAA,UACpC;AAAA,QACF,CACD;AAAA,MAAA;AAGH,YAAM,cAAc,MAAM,OAAO;AAAA,QAAI,CAAC,UACpC,UAAU,KAAK,KAAK;AAAA,UAClB,GAAGE,QAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,UAAU,OAAO,OAAO,KAAK;AAAA,YAC3B,GAAG;AAAA,YACH;AAAA,YACA,aAAa;AAAA,UAAA,CACd;AAAA,UACD,OAAOC,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAGH,0BAAoB,MAAM,OAAO;AAEjC,cAAQ;AAAA,QACN,MAAM,aAAa,UAAU;AAAA,UAC3B,WAAW;AAAA,UACX,UAAU,CAAC,GAAG,WAAW;AAAA,UACzB,eAAe;AAAA,YACb,SAAS;AAAA,cACP,CAAC,uBAAuB,GAAG;AAAA,gBACzB,eAAe,OAAO,MAAM,QAAQ;AAAA,gBACpC,cAAc,OAAO,MAAM,QAAQ;AAAA,cAAA;AAAA,YACrC;AAAA,UACF;AAAA,QACF,CACD;AAAA,MAAA;AAAA,IAEL,CAAC;AAGD,UAAM,oBAAoB,gBAAgB;AAC1C,oBAAgB,YAAY,MAAM,kBAAkB,gBAAgB;AAEpE,UAAMC,WAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IAAA,CACD;AAGD,oBAAgB,YAAY;AAE5B,QAAI,YAAY;AACdC,sBAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,YAAU,YAAYL,SAAO,OAAO;AAEpCM,QAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC;AAAAA,IACpB,kBAAkBC;AAAAA,IAClB,eAAe,YAAA;AAAA,EAAY,CAC5B;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;"}

package/dist/composite/events/list.js

@@ -4,7 +4,9 @@ const asset = require("../../elements/asset.js");
 const layout = require("../../elements/layout.js");
 require("@universityofmaryland/web-styles-library");
 const loader = require("../../macros/loader.js");
-require("../../macros/slider.js");
+require("@universityofmaryland/web-utilities-library/network");
+require("@universityofmaryland/web-elements-library/composite");
+require("@universityofmaryland/web-elements-library/atomic");
 const fetch = require("./common/fetch.js");
 const display = require("./common/display.js");
 const data = require("./common/data.js");

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

@@ -1 +1 @@
-{"version":3,"file":"list.js","sources":["../../../source/composite/events/list.ts"],"sourcesContent":["import { Atomic, Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type ListProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: ListProps): ElementModel =>\n  (() => {\n    const { isThemeDark } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.list({\n            ...dataComposed.display({ entry, isThemeDark }),\n            dateSign: Atomic.events.sign({\n              ...entry,\n              isThemeDark,\n              isLargeSize: true,\n            }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement: feedElements.layout.stacked(isThemeDark),\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","Composite","dataComposed.display","Atomic","feedElements.asset.standard","feedDisplay.setShadowStyles","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults","feedElements.layout.stacked"],"mappings":";;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,gBAAgB;AACxB,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,mBAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrBC,mBAAAA,UAAU,KAAK,KAAK;AAAA,UAClB,GAAGC,aAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,UAAUC,mBAAAA,OAAO,OAAO,KAAK;AAAA,YAC3B,GAAG;AAAA,YACH;AAAA,YACA,aAAa;AAAA,UAAA,CACd;AAAA,UACD,OAAOC,MAAAA,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,8BAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,YAAU,YAAYP,SAAO,OAAO;AAEpCQ,cAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC,QAAAA;AAAAA,IACpB,kBAAkBC,QAAAA;AAAAA,IAClB,eAAeC,OAAAA,QAA4B,WAAW;AAAA,EAAA,CACvD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;;"}
+{"version":3,"file":"list.js","sources":["../../../source/composite/events/list.ts"],"sourcesContent":["import { Atomic, Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type ListProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: ListProps): ElementModel =>\n  (() => {\n    const { isThemeDark } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.list({\n            ...dataComposed.display({ entry, isThemeDark }),\n            dateSign: Atomic.events.sign({\n              ...entry,\n              isThemeDark,\n              isLargeSize: true,\n            }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement: feedElements.layout.stacked(isThemeDark),\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","Composite","dataComposed.display","Atomic","feedElements.asset.standard","feedDisplay.setShadowStyles","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults","feedElements.layout.stacked"],"mappings":";;;;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,gBAAgB;AACxB,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,mBAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrBC,mBAAAA,UAAU,KAAK,KAAK;AAAA,UAClB,GAAGC,aAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,UAAUC,mBAAAA,OAAO,OAAO,KAAK;AAAA,YAC3B,GAAG;AAAA,YACH;AAAA,YACA,aAAa;AAAA,UAAA,CACd;AAAA,UACD,OAAOC,MAAAA,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,8BAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,YAAU,YAAYP,SAAO,OAAO;AAEpCQ,cAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC,QAAAA;AAAAA,IACpB,kBAAkBC,QAAAA;AAAAA,IAClB,eAAeC,OAAAA,QAA4B,WAAW;AAAA,EAAA,CACvD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;;"}

package/dist/composite/events/list.mjs

@@ -3,7 +3,9 @@ import { standard } from "../../elements/asset.mjs";
 import { stacked } from "../../elements/layout.mjs";
 import "@universityofmaryland/web-styles-library";
 import loader from "../../macros/loader.mjs";
-import "../../macros/slider.mjs";
+import "@universityofmaryland/web-utilities-library/network";
+import "@universityofmaryland/web-elements-library/composite";
+import "@universityofmaryland/web-elements-library/atomic";
 import { start } from "./common/fetch.mjs";
 import { noResults, resultStart, resultLoad, setShadowStyles } from "./common/display.mjs";
 import { display } from "./common/data.mjs";

package/dist/composite/events/list.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"list.mjs","sources":["../../../source/composite/events/list.ts"],"sourcesContent":["import { Atomic, Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type ListProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: ListProps): ElementModel =>\n  (() => {\n    const { isThemeDark } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.list({\n            ...dataComposed.display({ entry, isThemeDark }),\n            dateSign: Atomic.events.sign({\n              ...entry,\n              isThemeDark,\n              isLargeSize: true,\n            }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement: feedElements.layout.stacked(isThemeDark),\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","dataComposed.display","feedElements.asset.standard","feedDisplay.setShadowStyles","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults","feedElements.layout.stacked"],"mappings":";;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,gBAAgB;AACxB,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,WAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrB,UAAU,KAAK,KAAK;AAAA,UAClB,GAAGC,QAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,UAAU,OAAO,OAAO,KAAK;AAAA,YAC3B,GAAG;AAAA,YACH;AAAA,YACA,aAAa;AAAA,UAAA,CACd;AAAA,UACD,OAAOC,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,sBAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,YAAU,YAAYL,SAAO,OAAO;AAEpCM,QAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC;AAAAA,IACpB,kBAAkBC;AAAAA,IAClB,eAAeC,QAA4B,WAAW;AAAA,EAAA,CACvD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;"}
+{"version":3,"file":"list.mjs","sources":["../../../source/composite/events/list.ts"],"sourcesContent":["import { Atomic, Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type ListProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: ListProps): ElementModel =>\n  (() => {\n    const { isThemeDark } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.list({\n            ...dataComposed.display({ entry, isThemeDark }),\n            dateSign: Atomic.events.sign({\n              ...entry,\n              isThemeDark,\n              isLargeSize: true,\n            }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement: feedElements.layout.stacked(isThemeDark),\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","dataComposed.display","feedElements.asset.standard","feedDisplay.setShadowStyles","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults","feedElements.layout.stacked"],"mappings":";;;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,gBAAgB;AACxB,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,WAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrB,UAAU,KAAK,KAAK;AAAA,UAClB,GAAGC,QAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,UAAU,OAAO,OAAO,KAAK;AAAA,YAC3B,GAAG;AAAA,YACH;AAAA,YACA,aAAa;AAAA,UAAA,CACd;AAAA,UACD,OAAOC,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,QAAA,CACZ;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,sBAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,YAAU,YAAYL,SAAO,OAAO;AAEpCM,QAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC;AAAAA,IACpB,kBAAkBC;AAAAA,IAClB,eAAeC,QAA4B,WAAW;AAAA,EAAA,CACvD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;"}

package/dist/composite/news/common/display.js

@@ -5,7 +5,9 @@ const ariaLive = require("../../../macros/aria-live.js");
 const lazyLoad = require("../../../macros/lazy-load.js");
 const loader = require("../../../macros/loader.js");
 const noResults$1 = require("../../../macros/no-results.js");
-require("../../../macros/slider.js");
+require("@universityofmaryland/web-utilities-library/network");
+require("@universityofmaryland/web-elements-library/composite");
+require("@universityofmaryland/web-elements-library/atomic");
 const fetch = require("./fetch.js");
 const data = require("./data.js");
 const index = require("../../../utilities/events/index.js");

package/dist/composite/news/common/display.js.map

@@ -1 +1 @@
-{"version":3,"file":"display.js","sources":["../../../../source/composite/news/common/display.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './fetch';\nimport * as dataComposed from './data';\nimport { events } from '../../../utilities';\nimport {\n  NoResultsProps,\n  DisplayStartResultsProps,\n  DisplayProps,\n} from '../_types';\n\ninterface DisplayLoadProps extends DisplayProps {\n  entries: { element: HTMLElement; styles: string }[];\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\nexport const setShadowStyles = async ({\n  shadowRoot,\n  styles,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n}) => {\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\nexport const noResults = ({\n  getContainer,\n  getStyles,\n  getShadowRoot,\n  setStyles,\n  message = 'No results found',\n  linkUrl = 'https://today.umd.edu',\n  linkText = 'View all articles',\n  isThemeDark,\n}: NoResultsProps) => {\n  const container = getContainer();\n  const shadowRoot = getShadowRoot();\n  const noResultsContent = feedMacros.noResults({\n    message,\n    linkUrl,\n    linkText,\n    isThemeDark,\n  });\n  const ariaLiveContent = feedMacros.ariaLive.create({\n    message,\n  });\n\n  container.innerHTML = '';\n\n  container.appendChild(noResultsContent.element);\n  container.appendChild(ariaLiveContent);\n\n  setStyles(noResultsContent.styles);\n\n  events.dispatch(container, events.eventNames.FEED_ERROR, {\n    error: 'No results found',\n    message,\n  });\n\n  setTimeout(() => {\n    const styles = getStyles();\n    if (shadowRoot) {\n      setShadowStyles({\n        shadowRoot,\n        styles,\n      });\n    }\n  }, 100);\n};\n\nexport const resultLoad = async (props: DisplayLoadProps): Promise<void> => {\n  const { entries, getContainer, setStyles, setOffset } = props;\n  const container = getContainer();\n  const grid = container.querySelector(\n    `#${ID_GRID_LAYOUT_CONTAINER}`,\n  ) as HTMLDivElement;\n\n  feedMacros.loader.remove({ container });\n  feedMacros.buttonLazyLoad.remove({ container });\n  setOffset(entries.length);\n\n  return new Promise<void>((resolve) => {\n    entries.forEach((entry) => {\n      grid.appendChild(entry.element);\n      setStyles(entry.styles);\n    });\n\n    const lazyLoadButton = feedMacros.buttonLazyLoad.create(\n      dataComposed.lazyLoadVariables({\n        ...props,\n        callback: feedFetch.load,\n      }),\n    );\n\n    if (lazyLoadButton) {\n      container.appendChild(lazyLoadButton.element);\n      setStyles(lazyLoadButton.styles);\n    }\n\n    resolve();\n  });\n};\n\nexport const resultStart = (props: DisplayStartResultsProps) => {\n  const {\n    feedData,\n    numberOfColumnsToShow = 1,\n    numberOfRowsToStart,\n    isLazyLoad,\n    displayResults,\n    getContainer,\n    getTotalEntries,\n    setTotalEntries,\n    setStyles,\n    layoutElement,\n  } = props;\n\n  const container = getContainer();\n  const totalEntries = getTotalEntries();\n  const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;\n  const message = isLazyLoad\n    ? `Showing ${showAmount} of ${totalEntries} articles`\n    : `Showing ${showAmount} articles`;\n\n  if (totalEntries) setTotalEntries(totalEntries);\n\n  layoutElement.element.setAttribute('id', ID_GRID_LAYOUT_CONTAINER);\n  container.appendChild(layoutElement.element);\n  setStyles(layoutElement.styles);\n\n  events.dispatch(container, events.eventNames.FEED_LOADED, {\n    items: feedData,\n    count: feedData.length,\n    total: totalEntries || feedData.length,\n  });\n\n  displayResults({ feedData });\n  container.appendChild(\n    feedMacros.ariaLive.create({\n      message,\n    }),\n  );\n};\n"],"names":["Styles","feedMacros.noResults","feedMacros.ariaLive","events.dispatch","events.eventNames","feedMacros.loader","feedMacros.buttonLazyLoad","dataComposed.lazyLoadVariables","feedFetch.load"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,2BAA2B;AAEjC,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,eAAe,SAAS,cAAc,OAAO;AACnD,QAAM,eAAe,MAAMA,kBAAO,UAAU,UAAU,IAAI;AAAA,IACxD;AAAA,EAAA;AAEF,eAAa,cAAc;AAC3B,aAAW,YAAY,YAAY;AACrC;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AACF,MAAsB;AACpB,QAAM,YAAY,aAAA;AAClB,QAAM,aAAa,cAAA;AACnB,QAAM,mBAAmBC,YAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,kBAAkBC,SAAoB,OAAO;AAAA,IACjD;AAAA,EAAA,CACD;AAED,YAAU,YAAY;AAEtB,YAAU,YAAY,iBAAiB,OAAO;AAC9C,YAAU,YAAY,eAAe;AAErC,YAAU,iBAAiB,MAAM;AAEjCC,iBAAgB,WAAWC,MAAAA,WAAkB,YAAY;AAAA,IACvD,OAAO;AAAA,IACP;AAAA,EAAA,CACD;AAED,aAAW,MAAM;AACf,UAAM,SAAS,UAAA;AACf,QAAI,YAAY;AACd,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF,GAAG,GAAG;AACR;AAEO,MAAM,aAAa,OAAO,UAA2C;AAC1E,QAAM,EAAE,SAAS,cAAc,WAAW,cAAc;AACxD,QAAM,YAAY,aAAA;AAClB,QAAM,OAAO,UAAU;AAAA,IACrB,IAAI,wBAAwB;AAAA,EAAA;AAG9BC,SAAkB,OAAO,EAAE,WAAW;AACtCC,WAA0B,OAAO,EAAE,WAAW;AAC9C,YAAU,QAAQ,MAAM;AAExB,SAAO,IAAI,QAAc,CAAC,YAAY;AACpC,YAAQ,QAAQ,CAAC,UAAU;AACzB,WAAK,YAAY,MAAM,OAAO;AAC9B,gBAAU,MAAM,MAAM;AAAA,IACxB,CAAC;AAED,UAAM,iBAAiBA,SAA0B;AAAA,MAC/CC,uBAA+B;AAAA,QAC7B,GAAG;AAAA,QACH,UAAUC,MAAAA;AAAAA,MAAU,CACrB;AAAA,IAAA;AAGH,QAAI,gBAAgB;AAClB,gBAAU,YAAY,eAAe,OAAO;AAC5C,gBAAU,eAAe,MAAM;AAAA,IACjC;AAEA,YAAA;AAAA,EACF,CAAC;AACH;AAEO,MAAM,cAAc,CAAC,UAAoC;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,YAAY,aAAA;AAClB,QAAM,eAAe,gBAAA;AACrB,QAAM,aAAa,yBAAyB,IAAI;AAChD,QAAM,UAAU,aACZ,WAAW,UAAU,OAAO,YAAY,cACxC,WAAW,UAAU;AAEzB,MAAI,8BAA8B,YAAY;AAE9C,gBAAc,QAAQ,aAAa,MAAM,wBAAwB;AACjE,YAAU,YAAY,cAAc,OAAO;AAC3C,YAAU,cAAc,MAAM;AAE9BL,iBAAgB,WAAWC,MAAAA,WAAkB,aAAa;AAAA,IACxD,OAAO;AAAA,IACP,OAAO,SAAS;AAAA,IAChB,OAAO,gBAAgB,SAAS;AAAA,EAAA,CACjC;AAED,iBAAe,EAAE,UAAU;AAC3B,YAAU;AAAA,IACRF,SAAoB,OAAO;AAAA,MACzB;AAAA,IAAA,CACD;AAAA,EAAA;AAEL;;;;;;"}
+{"version":3,"file":"display.js","sources":["../../../../source/composite/news/common/display.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './fetch';\nimport * as dataComposed from './data';\nimport { events } from '../../../utilities';\nimport {\n  NoResultsProps,\n  DisplayStartResultsProps,\n  DisplayProps,\n} from '../_types';\n\ninterface DisplayLoadProps extends DisplayProps {\n  entries: { element: HTMLElement; styles: string }[];\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\nexport const setShadowStyles = async ({\n  shadowRoot,\n  styles,\n}: {\n  shadowRoot: ShadowRoot;\n  styles: string;\n}) => {\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\nexport const noResults = ({\n  getContainer,\n  getStyles,\n  getShadowRoot,\n  setStyles,\n  message = 'No results found',\n  linkUrl = 'https://today.umd.edu',\n  linkText = 'View all articles',\n  isThemeDark,\n}: NoResultsProps) => {\n  const container = getContainer();\n  const shadowRoot = getShadowRoot();\n  const noResultsContent = feedMacros.noResults({\n    message,\n    linkUrl,\n    linkText,\n    isThemeDark,\n  });\n  const ariaLiveContent = feedMacros.ariaLive.create({\n    message,\n  });\n\n  container.innerHTML = '';\n\n  container.appendChild(noResultsContent.element);\n  container.appendChild(ariaLiveContent);\n\n  setStyles(noResultsContent.styles);\n\n  events.dispatch(container, events.eventNames.FEED_ERROR, {\n    error: 'No results found',\n    message,\n  });\n\n  setTimeout(() => {\n    const styles = getStyles();\n    if (shadowRoot) {\n      setShadowStyles({\n        shadowRoot,\n        styles,\n      });\n    }\n  }, 100);\n};\n\nexport const resultLoad = async (props: DisplayLoadProps): Promise<void> => {\n  const { entries, getContainer, setStyles, setOffset } = props;\n  const container = getContainer();\n  const grid = container.querySelector(\n    `#${ID_GRID_LAYOUT_CONTAINER}`,\n  ) as HTMLDivElement;\n\n  feedMacros.loader.remove({ container });\n  feedMacros.buttonLazyLoad.remove({ container });\n  setOffset(entries.length);\n\n  return new Promise<void>((resolve) => {\n    entries.forEach((entry) => {\n      grid.appendChild(entry.element);\n      setStyles(entry.styles);\n    });\n\n    const lazyLoadButton = feedMacros.buttonLazyLoad.create(\n      dataComposed.lazyLoadVariables({\n        ...props,\n        callback: feedFetch.load,\n      }),\n    );\n\n    if (lazyLoadButton) {\n      container.appendChild(lazyLoadButton.element);\n      setStyles(lazyLoadButton.styles);\n    }\n\n    resolve();\n  });\n};\n\nexport const resultStart = (props: DisplayStartResultsProps) => {\n  const {\n    feedData,\n    numberOfColumnsToShow = 1,\n    numberOfRowsToStart,\n    isLazyLoad,\n    displayResults,\n    getContainer,\n    getTotalEntries,\n    setTotalEntries,\n    setStyles,\n    layoutElement,\n  } = props;\n\n  const container = getContainer();\n  const totalEntries = getTotalEntries();\n  const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;\n  const message = isLazyLoad\n    ? `Showing ${showAmount} of ${totalEntries} articles`\n    : `Showing ${showAmount} articles`;\n\n  if (totalEntries) setTotalEntries(totalEntries);\n\n  layoutElement.element.setAttribute('id', ID_GRID_LAYOUT_CONTAINER);\n  container.appendChild(layoutElement.element);\n  setStyles(layoutElement.styles);\n\n  events.dispatch(container, events.eventNames.FEED_LOADED, {\n    items: feedData,\n    count: feedData.length,\n    total: totalEntries || feedData.length,\n  });\n\n  displayResults({ feedData });\n  container.appendChild(\n    feedMacros.ariaLive.create({\n      message,\n    }),\n  );\n};\n"],"names":["Styles","feedMacros.noResults","feedMacros.ariaLive","events.dispatch","events.eventNames","feedMacros.loader","feedMacros.buttonLazyLoad","dataComposed.lazyLoadVariables","feedFetch.load"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAeO,MAAM,2BAA2B;AAEjC,MAAM,kBAAkB,OAAO;AAAA,EACpC;AAAA,EACA;AACF,MAGM;AACJ,QAAM,eAAe,SAAS,cAAc,OAAO;AACnD,QAAM,eAAe,MAAMA,kBAAO,UAAU,UAAU,IAAI;AAAA,IACxD;AAAA,EAAA;AAEF,eAAa,cAAc;AAC3B,aAAW,YAAY,YAAY;AACrC;AAEO,MAAM,YAAY,CAAC;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AACF,MAAsB;AACpB,QAAM,YAAY,aAAA;AAClB,QAAM,aAAa,cAAA;AACnB,QAAM,mBAAmBC,YAAqB;AAAA,IAC5C;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,QAAM,kBAAkBC,SAAoB,OAAO;AAAA,IACjD;AAAA,EAAA,CACD;AAED,YAAU,YAAY;AAEtB,YAAU,YAAY,iBAAiB,OAAO;AAC9C,YAAU,YAAY,eAAe;AAErC,YAAU,iBAAiB,MAAM;AAEjCC,iBAAgB,WAAWC,MAAAA,WAAkB,YAAY;AAAA,IACvD,OAAO;AAAA,IACP;AAAA,EAAA,CACD;AAED,aAAW,MAAM;AACf,UAAM,SAAS,UAAA;AACf,QAAI,YAAY;AACd,sBAAgB;AAAA,QACd;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF,GAAG,GAAG;AACR;AAEO,MAAM,aAAa,OAAO,UAA2C;AAC1E,QAAM,EAAE,SAAS,cAAc,WAAW,cAAc;AACxD,QAAM,YAAY,aAAA;AAClB,QAAM,OAAO,UAAU;AAAA,IACrB,IAAI,wBAAwB;AAAA,EAAA;AAG9BC,SAAkB,OAAO,EAAE,WAAW;AACtCC,WAA0B,OAAO,EAAE,WAAW;AAC9C,YAAU,QAAQ,MAAM;AAExB,SAAO,IAAI,QAAc,CAAC,YAAY;AACpC,YAAQ,QAAQ,CAAC,UAAU;AACzB,WAAK,YAAY,MAAM,OAAO;AAC9B,gBAAU,MAAM,MAAM;AAAA,IACxB,CAAC;AAED,UAAM,iBAAiBA,SAA0B;AAAA,MAC/CC,uBAA+B;AAAA,QAC7B,GAAG;AAAA,QACH,UAAUC,MAAAA;AAAAA,MAAU,CACrB;AAAA,IAAA;AAGH,QAAI,gBAAgB;AAClB,gBAAU,YAAY,eAAe,OAAO;AAC5C,gBAAU,eAAe,MAAM;AAAA,IACjC;AAEA,YAAA;AAAA,EACF,CAAC;AACH;AAEO,MAAM,cAAc,CAAC,UAAoC;AAC9D,QAAM;AAAA,IACJ;AAAA,IACA,wBAAwB;AAAA,IACxB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AAEJ,QAAM,YAAY,aAAA;AAClB,QAAM,eAAe,gBAAA;AACrB,QAAM,aAAa,yBAAyB,IAAI;AAChD,QAAM,UAAU,aACZ,WAAW,UAAU,OAAO,YAAY,cACxC,WAAW,UAAU;AAEzB,MAAI,8BAA8B,YAAY;AAE9C,gBAAc,QAAQ,aAAa,MAAM,wBAAwB;AACjE,YAAU,YAAY,cAAc,OAAO;AAC3C,YAAU,cAAc,MAAM;AAE9BL,iBAAgB,WAAWC,MAAAA,WAAkB,aAAa;AAAA,IACxD,OAAO;AAAA,IACP,OAAO,SAAS;AAAA,IAChB,OAAO,gBAAgB,SAAS;AAAA,EAAA,CACjC;AAED,iBAAe,EAAE,UAAU;AAC3B,YAAU;AAAA,IACRF,SAAoB,OAAO;AAAA,MACzB;AAAA,IAAA,CACD;AAAA,EAAA;AAEL;;;;;;"}

package/dist/composite/news/common/display.mjs

@@ -3,7 +3,9 @@ import ariaLive from "../../../macros/aria-live.mjs";
 import lazyLoad from "../../../macros/lazy-load.mjs";
 import loader from "../../../macros/loader.mjs";
 import noResults$1 from "../../../macros/no-results.mjs";
-import "../../../macros/slider.mjs";
+import "@universityofmaryland/web-utilities-library/network";
+import "@universityofmaryland/web-elements-library/composite";
+import "@universityofmaryland/web-elements-library/atomic";
 import { load } from "./fetch.mjs";
 import { lazyLoadVariables } from "./data.mjs";
 import { dispatch, eventNames } from "../../../utilities/events/index.mjs";