@universityofmaryland/web-feeds-library 1.0.8 → 1.1.0

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

@@ -0,0 +1,128 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+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 { load } from "./fetch.mjs";
+import { lazyLoadVariables } from "./data.mjs";
+import { dispatch, eventNames } from "../../../utilities/events/index.mjs";
+const ID_GRID_LAYOUT_CONTAINER = "umd-grid-gap-layout-container";
+const setShadowStyles = async ({
+  shadowRoot,
+  styles
+}) => {
+  const styleElement = document.createElement("style");
+  const optimizedCss = await Styles.utilities.transform.css.removeDuplicates(
+    styles
+  );
+  styleElement.textContent = optimizedCss;
+  shadowRoot.appendChild(styleElement);
+};
+const noResults = ({
+  getContainer,
+  getStyles,
+  getShadowRoot,
+  setStyles,
+  message = "No results found",
+  linkUrl = "https://today.umd.edu",
+  linkText = "View all articles",
+  isThemeDark
+}) => {
+  const container = getContainer();
+  const shadowRoot = getShadowRoot();
+  const noResultsContent = noResults$1({
+    message,
+    linkUrl,
+    linkText,
+    isThemeDark
+  });
+  const ariaLiveContent = ariaLive.create({
+    message
+  });
+  container.innerHTML = "";
+  container.appendChild(noResultsContent.element);
+  container.appendChild(ariaLiveContent);
+  setStyles(noResultsContent.styles);
+  dispatch(container, eventNames.FEED_ERROR, {
+    error: "No results found",
+    message
+  });
+  setTimeout(() => {
+    const styles = getStyles();
+    if (shadowRoot) {
+      setShadowStyles({
+        shadowRoot,
+        styles
+      });
+    }
+  }, 100);
+};
+const resultLoad = async (props) => {
+  const { entries, getContainer, setStyles, setOffset } = props;
+  const container = getContainer();
+  const grid = container.querySelector(
+    `#${ID_GRID_LAYOUT_CONTAINER}`
+  );
+  loader.remove({ container });
+  lazyLoad.remove({ container });
+  setOffset(entries.length);
+  return new Promise((resolve) => {
+    entries.forEach((entry) => {
+      grid.appendChild(entry.element);
+      setStyles(entry.styles);
+    });
+    const lazyLoadButton = lazyLoad.create(
+      lazyLoadVariables({
+        ...props,
+        callback: load
+      })
+    );
+    if (lazyLoadButton) {
+      container.appendChild(lazyLoadButton.element);
+      setStyles(lazyLoadButton.styles);
+    }
+    resolve();
+  });
+};
+const resultStart = (props) => {
+  const {
+    feedData,
+    numberOfColumnsToShow = 1,
+    numberOfRowsToStart,
+    isLazyLoad,
+    displayResults,
+    getContainer,
+    getTotalEntries,
+    setTotalEntries,
+    setStyles,
+    layoutElement
+  } = props;
+  const container = getContainer();
+  const totalEntries = getTotalEntries();
+  const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;
+  const message = isLazyLoad ? `Showing ${showAmount} of ${totalEntries} articles` : `Showing ${showAmount} articles`;
+  if (totalEntries) setTotalEntries(totalEntries);
+  layoutElement.element.setAttribute("id", ID_GRID_LAYOUT_CONTAINER);
+  container.appendChild(layoutElement.element);
+  setStyles(layoutElement.styles);
+  dispatch(container, eventNames.FEED_LOADED, {
+    items: feedData,
+    count: feedData.length,
+    total: totalEntries || feedData.length
+  });
+  displayResults({ feedData });
+  container.appendChild(
+    ariaLive.create({
+      message
+    })
+  );
+};
+export {
+  ID_GRID_LAYOUT_CONTAINER,
+  noResults,
+  resultLoad,
+  resultStart,
+  setShadowStyles
+};
+//# sourceMappingURL=display.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"display.mjs","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":["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,UAAU;AAAA,EACV,UAAU;AAAA,EACV,WAAW;AAAA,EACX;AACF,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;AAErC,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,MAAI,8BAA8B,YAAY;AAE9C,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/news/common/fetch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../../../source/composite/news/common/fetch.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACb,MAAM,WAAW,CAAC;AAEnB,UAAU,aAAc,SAAQ,YAAY;CAAG;AAE/C,UAAU,WAAY,SAAQ,iBAAiB;IAC7C,kBAAkB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,wBAAwB,kCAAkC,CAAC;AAiDxE,eAAO,MAAM,IAAI,UAAiB,aAAa,kBAqB9C,CAAC;AAEF,eAAO,MAAM,KAAK,UAAiB,WAAW,kBAuB7C,CAAC"}
+{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../../../source/composite/news/common/fetch.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACb,MAAM,WAAW,CAAC;AAEnB,UAAU,aAAc,SAAQ,YAAY;CAAG;AAE/C,UAAU,WAAY,SAAQ,iBAAiB;IAC7C,kBAAkB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAED,MAAM,WAAW,kBAAkB;IACjC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,GAAG,CAAC,EAAE,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC,CAAC;CAC9B;AAED,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB;AAED,eAAO,MAAM,wBAAwB,kCAAkC,CAAC;AAiDxE,eAAO,MAAM,IAAI,GAAU,OAAO,aAAa,kBAqB9C,CAAC;AAEF,eAAO,MAAM,KAAK,GAAU,OAAO,WAAW,kBAuB7C,CAAC"}

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

@@ -0,0 +1,85 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const webElementsLibrary = require("@universityofmaryland/web-elements-library");
+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");
+const queries = require("./queries.js");
+const data = require("./data.js");
+const getEntries = async ({
+  limit,
+  not,
+  offset,
+  related,
+  relatedToAll,
+  token
+}) => {
+  if (!token) throw new Error("Token not found");
+  const graceFail = ({ message }) => {
+    console.error(message);
+  };
+  const variables = {
+    limit,
+    related,
+    relatedToAll,
+    offset,
+    not
+  };
+  const feedData = await webElementsLibrary.Utilities.network.FetchGraphQL({
+    query: queries.ARTICLES_QUERY,
+    url: "https://today.umd.edu/graphql",
+    token,
+    variables
+  });
+  if (!feedData || !feedData.data || !feedData.data.entries || feedData.message) {
+    if (!feedData) graceFail({ message: "Feed not found" });
+    if (feedData?.message)
+      graceFail({ message: `Feed data errors: ${feedData.message}` });
+    return null;
+  }
+  return {
+    entries: feedData.data.entries,
+    count: feedData.data.entryCount
+  };
+};
+const load = async (props) => {
+  const { getContainer, getOffset, displayResults, getTotalEntries } = props;
+  const container = getContainer();
+  const currentCount = getOffset();
+  const totalEntries = getTotalEntries();
+  lazyLoad.remove({ container });
+  loader.display({ container });
+  getEntries(data.apiVariables(props)).then((feedData) => {
+    if (feedData) {
+      displayResults({ feedData: feedData.entries });
+      ariaLive.update({
+        container,
+        message: `Showing ${currentCount + feedData.entries.length} of ${totalEntries} articles`
+      });
+    }
+  });
+};
+const start = async (props) => {
+  const { displayNoResults, displayResultStart, setTotalEntries } = props;
+  getEntries(data.apiVariables(props)).then((feedData) => {
+    if (!feedData || !feedData.entries) {
+      displayNoResults({
+        ...props,
+        message: "An error occurred while fetching the data."
+      });
+      return;
+    }
+    const totalEntries = feedData.count;
+    if (totalEntries === 0) {
+      displayNoResults({ ...props });
+      return;
+    }
+    setTotalEntries(totalEntries);
+    return displayResultStart({ ...props, feedData: feedData.entries });
+  });
+};
+exports.load = load;
+exports.start = start;
+//# sourceMappingURL=fetch.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fetch.js","sources":["../../../../source/composite/news/common/fetch.ts"],"sourcesContent":["import { Utilities } from '@universityofmaryland/web-elements-library';\nimport * as feedMacros from 'macros';\nimport { ARTICLES_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 interface TypeFetchVariables {\n  related?: string[];\n  relatedToAll?: string[];\n  limit?: number;\n  offset?: number;\n  not?: Array<string | number>;\n}\n\nexport interface TypeAPIFeedVariables extends TypeFetchVariables {\n  token: string | null;\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\nconst getEntries = async ({\n  limit,\n  not,\n  offset,\n  related,\n  relatedToAll,\n  token,\n}: TypeAPIFeedVariables) => {\n  if (!token) throw new Error('Token not found');\n  const graceFail = ({ message }: { message: string }) => {\n    console.error(message);\n  };\n\n  const variables: TypeFetchVariables = {\n    limit,\n    related,\n    relatedToAll,\n    offset,\n    not,\n  };\n\n  const feedData = await Utilities.network.FetchGraphQL({\n    query: ARTICLES_QUERY,\n    url: 'https://today.umd.edu/graphql',\n    token: token,\n    variables,\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?.message)\n      graceFail({ message: `Feed data errors: ${feedData.message}` });\n\n    return null;\n  }\n\n  return {\n    entries: feedData.data.entries,\n    count: feedData.data.entryCount,\n  };\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(dataComposed.apiVariables(props)).then((feedData) => {\n    if (feedData) {\n      displayResults({ feedData: feedData.entries });\n\n      feedMacros.ariaLive.update({\n        container,\n        message: `Showing ${\n          currentCount + feedData.entries.length\n        } of ${totalEntries} articles`,\n      });\n    }\n  });\n};\n\nexport const start = async (props: CreateProps) => {\n  const { displayNoResults, displayResultStart, setTotalEntries } = props;\n\n  getEntries(dataComposed.apiVariables(props)).then((feedData) => {\n    if (!feedData || !feedData.entries) {\n      displayNoResults({\n        ...props,\n        message: 'An error occurred while fetching the data.',\n      });\n      return;\n    }\n\n    const totalEntries = feedData.count;\n\n    if (totalEntries === 0) {\n      displayNoResults({ ...props });\n      return;\n    }\n\n    setTotalEntries(totalEntries);\n\n    return displayResultStart({ ...props, feedData: feedData.entries });\n  });\n};\n"],"names":["Utilities","ARTICLES_QUERY","feedMacros.buttonLazyLoad","feedMacros.loader","dataComposed.apiVariables","feedMacros.ariaLive"],"mappings":";;;;;;;;;;AAgCA,MAAM,aAAa,OAAO;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,MAAI,CAAC,MAAO,OAAM,IAAI,MAAM,iBAAiB;AAC7C,QAAM,YAAY,CAAC,EAAE,cAAmC;AACtD,YAAQ,MAAM,OAAO;AAAA,EACvB;AAEA,QAAM,YAAgC;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,MAAMA,6BAAU,QAAQ,aAAa;AAAA,IACpD,OAAOC,QAAAA;AAAAA,IACP,KAAK;AAAA,IACL;AAAA,IACA;AAAA,EAAA,CACD;AAED,MACE,CAAC,YACD,CAAC,SAAS,QACV,CAAC,SAAS,KAAK,WACf,SAAS,SACT;AACA,QAAI,CAAC,SAAU,WAAU,EAAE,SAAS,kBAAkB;AACtD,QAAI,UAAU;AACZ,gBAAU,EAAE,SAAS,qBAAqB,SAAS,OAAO,IAAI;AAEhE,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,SAAS,SAAS,KAAK;AAAA,IACvB,OAAO,SAAS,KAAK;AAAA,EAAA;AAEzB;AAEO,MAAM,OAAO,OAAO,UAAyB;AAClD,QAAM,EAAE,cAAc,WAAW,gBAAgB,oBAAoB;AACrE,QAAM,YAAY,aAAA;AAClB,QAAM,eAAe,UAAA;AACrB,QAAM,eAAe,gBAAA;AAErBC,WAA0B,OAAO,EAAE,WAAW;AAC9CC,SAAkB,QAAQ,EAAE,WAAW;AAEvC,aAAWC,KAAAA,aAA0B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa;AAC9D,QAAI,UAAU;AACZ,qBAAe,EAAE,UAAU,SAAS,QAAA,CAAS;AAE7CC,eAAoB,OAAO;AAAA,QACzB;AAAA,QACA,SAAS,WACP,eAAe,SAAS,QAAQ,MAClC,OAAO,YAAY;AAAA,MAAA,CACpB;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAEO,MAAM,QAAQ,OAAO,UAAuB;AACjD,QAAM,EAAE,kBAAkB,oBAAoB,gBAAA,IAAoB;AAElE,aAAWD,KAAAA,aAA0B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa;AAC9D,QAAI,CAAC,YAAY,CAAC,SAAS,SAAS;AAClC,uBAAiB;AAAA,QACf,GAAG;AAAA,QACH,SAAS;AAAA,MAAA,CACV;AACD;AAAA,IACF;AAEA,UAAM,eAAe,SAAS;AAE9B,QAAI,iBAAiB,GAAG;AACtB,uBAAiB,EAAE,GAAG,OAAO;AAC7B;AAAA,IACF;AAEA,oBAAgB,YAAY;AAE5B,WAAO,mBAAmB,EAAE,GAAG,OAAO,UAAU,SAAS,SAAS;AAAA,EACpE,CAAC;AACH;;;"}

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

@@ -0,0 +1,85 @@
+import { Utilities } from "@universityofmaryland/web-elements-library";
+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 { ARTICLES_QUERY } from "./queries.mjs";
+import { apiVariables } from "./data.mjs";
+const getEntries = async ({
+  limit,
+  not,
+  offset,
+  related,
+  relatedToAll,
+  token
+}) => {
+  if (!token) throw new Error("Token not found");
+  const graceFail = ({ message }) => {
+    console.error(message);
+  };
+  const variables = {
+    limit,
+    related,
+    relatedToAll,
+    offset,
+    not
+  };
+  const feedData = await Utilities.network.FetchGraphQL({
+    query: ARTICLES_QUERY,
+    url: "https://today.umd.edu/graphql",
+    token,
+    variables
+  });
+  if (!feedData || !feedData.data || !feedData.data.entries || feedData.message) {
+    if (!feedData) graceFail({ message: "Feed not found" });
+    if (feedData?.message)
+      graceFail({ message: `Feed data errors: ${feedData.message}` });
+    return null;
+  }
+  return {
+    entries: feedData.data.entries,
+    count: feedData.data.entryCount
+  };
+};
+const load = async (props) => {
+  const { getContainer, getOffset, displayResults, getTotalEntries } = props;
+  const container = getContainer();
+  const currentCount = getOffset();
+  const totalEntries = getTotalEntries();
+  lazyLoad.remove({ container });
+  loader.display({ container });
+  getEntries(apiVariables(props)).then((feedData) => {
+    if (feedData) {
+      displayResults({ feedData: feedData.entries });
+      ariaLive.update({
+        container,
+        message: `Showing ${currentCount + feedData.entries.length} of ${totalEntries} articles`
+      });
+    }
+  });
+};
+const start = async (props) => {
+  const { displayNoResults, displayResultStart, setTotalEntries } = props;
+  getEntries(apiVariables(props)).then((feedData) => {
+    if (!feedData || !feedData.entries) {
+      displayNoResults({
+        ...props,
+        message: "An error occurred while fetching the data."
+      });
+      return;
+    }
+    const totalEntries = feedData.count;
+    if (totalEntries === 0) {
+      displayNoResults({ ...props });
+      return;
+    }
+    setTotalEntries(totalEntries);
+    return displayResultStart({ ...props, feedData: feedData.entries });
+  });
+};
+export {
+  load,
+  start
+};
+//# sourceMappingURL=fetch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fetch.mjs","sources":["../../../../source/composite/news/common/fetch.ts"],"sourcesContent":["import { Utilities } from '@universityofmaryland/web-elements-library';\nimport * as feedMacros from 'macros';\nimport { ARTICLES_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 interface TypeFetchVariables {\n  related?: string[];\n  relatedToAll?: string[];\n  limit?: number;\n  offset?: number;\n  not?: Array<string | number>;\n}\n\nexport interface TypeAPIFeedVariables extends TypeFetchVariables {\n  token: string | null;\n}\n\nexport const ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\n\nconst getEntries = async ({\n  limit,\n  not,\n  offset,\n  related,\n  relatedToAll,\n  token,\n}: TypeAPIFeedVariables) => {\n  if (!token) throw new Error('Token not found');\n  const graceFail = ({ message }: { message: string }) => {\n    console.error(message);\n  };\n\n  const variables: TypeFetchVariables = {\n    limit,\n    related,\n    relatedToAll,\n    offset,\n    not,\n  };\n\n  const feedData = await Utilities.network.FetchGraphQL({\n    query: ARTICLES_QUERY,\n    url: 'https://today.umd.edu/graphql',\n    token: token,\n    variables,\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?.message)\n      graceFail({ message: `Feed data errors: ${feedData.message}` });\n\n    return null;\n  }\n\n  return {\n    entries: feedData.data.entries,\n    count: feedData.data.entryCount,\n  };\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(dataComposed.apiVariables(props)).then((feedData) => {\n    if (feedData) {\n      displayResults({ feedData: feedData.entries });\n\n      feedMacros.ariaLive.update({\n        container,\n        message: `Showing ${\n          currentCount + feedData.entries.length\n        } of ${totalEntries} articles`,\n      });\n    }\n  });\n};\n\nexport const start = async (props: CreateProps) => {\n  const { displayNoResults, displayResultStart, setTotalEntries } = props;\n\n  getEntries(dataComposed.apiVariables(props)).then((feedData) => {\n    if (!feedData || !feedData.entries) {\n      displayNoResults({\n        ...props,\n        message: 'An error occurred while fetching the data.',\n      });\n      return;\n    }\n\n    const totalEntries = feedData.count;\n\n    if (totalEntries === 0) {\n      displayNoResults({ ...props });\n      return;\n    }\n\n    setTotalEntries(totalEntries);\n\n    return displayResultStart({ ...props, feedData: feedData.entries });\n  });\n};\n"],"names":["feedMacros.buttonLazyLoad","feedMacros.loader","dataComposed.apiVariables","feedMacros.ariaLive"],"mappings":";;;;;;;;AAgCA,MAAM,aAAa,OAAO;AAAA,EACxB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAA4B;AAC1B,MAAI,CAAC,MAAO,OAAM,IAAI,MAAM,iBAAiB;AAC7C,QAAM,YAAY,CAAC,EAAE,cAAmC;AACtD,YAAQ,MAAM,OAAO;AAAA,EACvB;AAEA,QAAM,YAAgC;AAAA,IACpC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,MAAM,UAAU,QAAQ,aAAa;AAAA,IACpD,OAAO;AAAA,IACP,KAAK;AAAA,IACL;AAAA,IACA;AAAA,EAAA,CACD;AAED,MACE,CAAC,YACD,CAAC,SAAS,QACV,CAAC,SAAS,KAAK,WACf,SAAS,SACT;AACA,QAAI,CAAC,SAAU,WAAU,EAAE,SAAS,kBAAkB;AACtD,QAAI,UAAU;AACZ,gBAAU,EAAE,SAAS,qBAAqB,SAAS,OAAO,IAAI;AAEhE,WAAO;AAAA,EACT;AAEA,SAAO;AAAA,IACL,SAAS,SAAS,KAAK;AAAA,IACvB,OAAO,SAAS,KAAK;AAAA,EAAA;AAEzB;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,aAAWC,aAA0B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa;AAC9D,QAAI,UAAU;AACZ,qBAAe,EAAE,UAAU,SAAS,QAAA,CAAS;AAE7CC,eAAoB,OAAO;AAAA,QACzB;AAAA,QACA,SAAS,WACP,eAAe,SAAS,QAAQ,MAClC,OAAO,YAAY;AAAA,MAAA,CACpB;AAAA,IACH;AAAA,EACF,CAAC;AACH;AAEO,MAAM,QAAQ,OAAO,UAAuB;AACjD,QAAM,EAAE,kBAAkB,oBAAoB,gBAAA,IAAoB;AAElE,aAAWD,aAA0B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa;AAC9D,QAAI,CAAC,YAAY,CAAC,SAAS,SAAS;AAClC,uBAAiB;AAAA,QACf,GAAG;AAAA,QACH,SAAS;AAAA,MAAA,CACV;AACD;AAAA,IACF;AAEA,UAAM,eAAe,SAAS;AAE9B,QAAI,iBAAiB,GAAG;AACtB,uBAAiB,EAAE,GAAG,OAAO;AAC7B;AAAA,IACF;AAEA,oBAAgB,YAAY;AAE5B,WAAO,mBAAmB,EAAE,GAAG,OAAO,UAAU,SAAS,SAAS;AAAA,EACpE,CAAC;AACH;"}

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

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const ARTICLES_QUERY = `
+  query getArticles($related: [QueryArgument], $relatedToAll: [QueryArgument], $limit: Int, $offset: Int, $not: [QueryArgument]) {
+    entryCount(section: "articles", relatedTo: $related,relatedToAll: $relatedToAll)
+    entries(
+      section: "articles",
+      relatedTo: $related,
+      relatedToAll: $relatedToAll,
+      limit: $limit,
+      offset: $offset,
+      id: $not
+    ) {
+      ... on articles_today_Entry {
+        id
+        title
+        date: postDate
+        dateFormatted: postDate @formatDateTime(format: "M d, Y")
+        summary: genericText
+        url
+        image:articlesHeroImage {
+          url
+          ... on hero_Asset {
+            id
+            altText: genericText
+          }
+        }
+        categories:categoryTodaySectionMultiple {
+          title
+          url
+        }
+      }
+    }
+  }
+`;
+exports.ARTICLES_QUERY = ARTICLES_QUERY;
+//# sourceMappingURL=queries.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"queries.js","sources":["../../../../source/composite/news/common/queries.ts"],"sourcesContent":["export const ARTICLES_QUERY = `\n  query getArticles($related: [QueryArgument], $relatedToAll: [QueryArgument], $limit: Int, $offset: Int, $not: [QueryArgument]) {\n    entryCount(section: \"articles\", relatedTo: $related,relatedToAll: $relatedToAll)\n    entries(\n      section: \"articles\",\n      relatedTo: $related,\n      relatedToAll: $relatedToAll,\n      limit: $limit,\n      offset: $offset,\n      id: $not\n    ) {\n      ... on articles_today_Entry {\n        id\n        title\n        date: postDate\n        dateFormatted: postDate @formatDateTime(format: \"M d, Y\")\n        summary: genericText\n        url\n        image:articlesHeroImage {\n          url\n          ... on hero_Asset {\n            id\n            altText: genericText\n          }\n        }\n        categories:categoryTodaySectionMultiple {\n          title\n          url\n        }\n      }\n    }\n  }\n`;\n"],"names":[],"mappings":";;AAAO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;"}

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

@@ -0,0 +1,37 @@
+const ARTICLES_QUERY = `
+  query getArticles($related: [QueryArgument], $relatedToAll: [QueryArgument], $limit: Int, $offset: Int, $not: [QueryArgument]) {
+    entryCount(section: "articles", relatedTo: $related,relatedToAll: $relatedToAll)
+    entries(
+      section: "articles",
+      relatedTo: $related,
+      relatedToAll: $relatedToAll,
+      limit: $limit,
+      offset: $offset,
+      id: $not
+    ) {
+      ... on articles_today_Entry {
+        id
+        title
+        date: postDate
+        dateFormatted: postDate @formatDateTime(format: "M d, Y")
+        summary: genericText
+        url
+        image:articlesHeroImage {
+          url
+          ... on hero_Asset {
+            id
+            altText: genericText
+          }
+        }
+        categories:categoryTodaySectionMultiple {
+          title
+          url
+        }
+      }
+    }
+  }
+`;
+export {
+  ARTICLES_QUERY
+};
+//# sourceMappingURL=queries.mjs.map

package/dist/composite/news/common/queries.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"queries.mjs","sources":["../../../../source/composite/news/common/queries.ts"],"sourcesContent":["export const ARTICLES_QUERY = `\n  query getArticles($related: [QueryArgument], $relatedToAll: [QueryArgument], $limit: Int, $offset: Int, $not: [QueryArgument]) {\n    entryCount(section: \"articles\", relatedTo: $related,relatedToAll: $relatedToAll)\n    entries(\n      section: \"articles\",\n      relatedTo: $related,\n      relatedToAll: $relatedToAll,\n      limit: $limit,\n      offset: $offset,\n      id: $not\n    ) {\n      ... on articles_today_Entry {\n        id\n        title\n        date: postDate\n        dateFormatted: postDate @formatDateTime(format: \"M d, Y\")\n        summary: genericText\n        url\n        image:articlesHeroImage {\n          url\n          ... on hero_Asset {\n            id\n            altText: genericText\n          }\n        }\n        categories:categoryTodaySectionMultiple {\n          title\n          url\n        }\n      }\n    }\n  }\n`;\n"],"names":[],"mappings":"AAAO,MAAM,iBAAiB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}

package/dist/composite/news/featured.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"featured.d.ts","sourceRoot":"","sources":["../../../source/composite/news/featured.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;gCAE1B,aAAa,KAAG,YAAY;AAAnD,wBAgMO"}
+{"version":3,"file":"featured.d.ts","sourceRoot":"","sources":["../../../source/composite/news/featured.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;yBAEjC,OAAO,aAAa,KAAG,YAAY;AAAnD,wBAgMO"}

package/dist/composite/news/featured.js

@@ -0,0 +1,180 @@
+"use strict";
+const webElementsLibrary = require("@universityofmaryland/web-elements-library");
+const asset = require("../../elements/asset.js");
+const layout = require("../../elements/layout.js");
+const ariaLive = require("../../macros/aria-live.js");
+require("@universityofmaryland/web-styles-library");
+const loader = require("../../macros/loader.js");
+require("../../macros/slider.js");
+const fetch = require("./common/fetch.js");
+const display = require("./common/display.js");
+const data = require("./common/data.js");
+const featured = (props) => (() => {
+  const {
+    isThemeDark,
+    isLazyLoad,
+    isLayoutReversed,
+    isTransparent,
+    overwriteStickyPosition
+  } = props;
+  const loader$1 = loader.create({ isThemeDark });
+  const container = document.createElement("div");
+  const setTotalEntries = (count) => totalEntries = count;
+  const setOffset = (count) => offset = offset + count;
+  const setStyles = (additonalStyles) => styles += additonalStyles;
+  const getContainer = () => container;
+  const getTotalEntries = () => totalEntries;
+  const getOffset = () => offset;
+  const getStyles = () => styles;
+  const getShadowRoot = () => shadowRoot;
+  let numberOfColumnsToShow = 3;
+  let totalEntries = 0;
+  let offset = 0;
+  let styles = `
+      ${loader$1.styles}
+    `;
+  let shadowRoot = null;
+  const helperFunctions = {
+    setTotalEntries,
+    setOffset,
+    setStyles,
+    getContainer,
+    getOffset,
+    getTotalEntries,
+    getStyles,
+    getShadowRoot
+  };
+  const callback = (shadow) => {
+    shadowRoot = shadow;
+  };
+  const setPosition = (position) => {
+    const overlayElement = container.querySelector(
+      `.${webElementsLibrary.Composite.card.overlay.imageClassRef}`
+    );
+    if (overlayElement) overlayElement.style.top = `${position}px`;
+  };
+  const layoutElement = layout.gridGap({ count: 2 });
+  const displayGridOffsetResults = async ({ feedData }) => {
+    let entries = [];
+    if (feedData.length >= 2) {
+      const offsetLayout = layout.gridOffsetGap({
+        count: 2,
+        isLayoutReversed,
+        overwriteStickyPosition
+      });
+      const firstEntry = feedData[0];
+      const overlayCard = webElementsLibrary.Composite.card.overlay.image({
+        ...data.display({ entry: firstEntry }),
+        backgroundImage: asset.standard({
+          images: firstEntry.image,
+          url: firstEntry.url
+        })
+      });
+      offsetLayout.element.appendChild(overlayCard.element);
+      offsetLayout.element.appendChild(layoutElement.element);
+      container.appendChild(offsetLayout.element);
+      setStyles(offsetLayout.styles);
+      setStyles(overlayCard.styles);
+      entries = feedData.slice(1, 3).map(
+        (entry) => webElementsLibrary.Composite.card.block({
+          ...data.display({ entry, isThemeDark }),
+          image: asset.standard({
+            images: entry.image,
+            url: entry.url
+          }),
+          isAligned: true,
+          isTransparent
+        })
+      );
+    } else {
+      entries = feedData.map(
+        (entry) => webElementsLibrary.Composite.card.overlay.image({
+          ...data.display({ entry, isThemeDark }),
+          backgroundImage: asset.standard({
+            images: entry.image,
+            url: entry.url
+          })
+        })
+      );
+      container.appendChild(layoutElement.element);
+    }
+    await display.resultLoad({
+      ...props,
+      ...helperFunctions,
+      numberOfColumnsToShow: 2,
+      displayResults,
+      entries
+    });
+    if (shadowRoot) {
+      display.setShadowStyles({
+        shadowRoot,
+        styles
+      });
+    }
+  };
+  const displayResults = async ({ feedData }) => {
+    const entries = feedData.map(
+      (entry) => webElementsLibrary.Composite.card.block({
+        ...data.display({ entry, isThemeDark }),
+        image: asset.standard({
+          images: entry.image,
+          url: entry.url
+        }),
+        isAligned: true,
+        isTransparent
+      })
+    );
+    await display.resultLoad({
+      ...props,
+      ...helperFunctions,
+      numberOfColumnsToShow: 2,
+      displayResults,
+      entries
+    });
+    if (shadowRoot) {
+      display.setShadowStyles({
+        shadowRoot,
+        styles
+      });
+    }
+  };
+  const resultStart = (props2) => {
+    const { feedData, setOffset: setOffset2, getOffset: getOffset2 } = props2;
+    const totalEntries2 = getTotalEntries();
+    const showAmount = 3;
+    const message = isLazyLoad ? `Showing ${showAmount} of ${totalEntries2} articles` : `Showing ${showAmount} articles`;
+    setOffset2(getOffset2() + 1);
+    if (totalEntries2) setTotalEntries(totalEntries2);
+    layoutElement.element.setAttribute(
+      "id",
+      display.ID_GRID_LAYOUT_CONTAINER
+    );
+    setStyles(layoutElement.styles);
+    displayGridOffsetResults({ feedData });
+    container.appendChild(
+      ariaLive.create({
+        message
+      })
+    );
+  };
+  container.appendChild(loader$1.element);
+  fetch.start({
+    ...props,
+    ...helperFunctions,
+    numberOfColumnsToShow,
+    displayResults,
+    displayResultStart: resultStart,
+    displayNoResults: display.noResults,
+    layoutElement
+  });
+  return {
+    element: container,
+    styles,
+    events: {
+      callback,
+      setPosition
+    }
+  };
+})();
+module.exports = featured;
+//# sourceMappingURL=featured.js.map

package/dist/composite/news/featured.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"featured.js","sources":["../../../source/composite/news/featured.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 {\n  type DisplayStartResultsProps,\n  type FeaturedProps,\n  type FeedDisplay,\n} from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: FeaturedProps): ElementModel =>\n  (() => {\n    const {\n      isThemeDark,\n      isLazyLoad,\n      isLayoutReversed,\n      isTransparent,\n      overwriteStickyPosition,\n    } = 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 numberOfColumnsToShow = 3;\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    const setPosition = (position: number) => {\n      const overlayElement = container.querySelector(\n        `.${Composite.card.overlay.imageClassRef}`,\n      ) as HTMLElement;\n      if (overlayElement) overlayElement.style.top = `${position}px`;\n    };\n\n    const layoutElement = feedElements.layout.gridGap({ count: 2 });\n\n    const displayGridOffsetResults = async ({ feedData }: FeedDisplay) => {\n      let entries = [];\n\n      if (feedData.length >= 2) {\n        const offsetLayout = feedElements.layout.gridOffsetGap({\n          count: 2,\n          isLayoutReversed,\n          overwriteStickyPosition,\n        });\n        const firstEntry = feedData[0];\n        const overlayCard = Composite.card.overlay.image({\n          ...dataComposed.display({ entry: firstEntry }),\n          backgroundImage: feedElements.asset.standard({\n            images: firstEntry.image,\n            url: firstEntry.url,\n          }),\n        });\n\n        offsetLayout.element.appendChild(overlayCard.element);\n        offsetLayout.element.appendChild(layoutElement.element);\n        container.appendChild(offsetLayout.element);\n        setStyles(offsetLayout.styles);\n        setStyles(overlayCard.styles);\n\n        entries = feedData.slice(1, 3).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: true,\n            isTransparent,\n          }),\n        );\n      } else {\n        entries = feedData.map((entry) =>\n          Composite.card.overlay.image({\n            ...dataComposed.display({ entry, isThemeDark }),\n            backgroundImage: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n          }),\n        );\n\n        container.appendChild(layoutElement.element);\n      }\n\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        numberOfColumnsToShow: 2,\n        displayResults,\n        entries,\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      const 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: true,\n          isTransparent,\n        }),\n      );\n\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        numberOfColumnsToShow: 2,\n        displayResults,\n        entries,\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const resultStart = (props: DisplayStartResultsProps) => {\n      const { feedData, setOffset, getOffset } = props;\n      const totalEntries = getTotalEntries();\n      const showAmount = 3;\n      const message = isLazyLoad\n        ? `Showing ${showAmount} of ${totalEntries} articles`\n        : `Showing ${showAmount} articles`;\n\n      setOffset(getOffset() + 1);\n\n      if (totalEntries) setTotalEntries(totalEntries);\n\n      layoutElement.element.setAttribute(\n        'id',\n        feedDisplay.ID_GRID_LAYOUT_CONTAINER,\n      );\n\n      setStyles(layoutElement.styles);\n\n      displayGridOffsetResults({ feedData });\n\n      container.appendChild(\n        feedMacros.ariaLive.create({\n          message,\n        }),\n      );\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      numberOfColumnsToShow,\n      displayResults,\n      displayResultStart: resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement,\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n        setPosition,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","Composite","feedElements.layout.gridGap","feedElements.layout.gridOffsetGap","dataComposed.display","feedElements.asset.standard","feedDisplay.resultLoad","feedDisplay.setShadowStyles","props","setOffset","getOffset","totalEntries","feedDisplay.ID_GRID_LAYOUT_CONTAINER","feedMacros.ariaLive","feedFetch.start","feedDisplay.noResults"],"mappings":";;;;;;;;;;;AAaA,MAAA,WAAe,CAAC,WACb,MAAM;AACL,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,IACE;AACJ,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,wBAAwB;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;AACA,QAAM,cAAc,CAAC,aAAqB;AACxC,UAAM,iBAAiB,UAAU;AAAA,MAC/B,IAAIE,mBAAAA,UAAU,KAAK,QAAQ,aAAa;AAAA,IAAA;AAE1C,QAAI,eAAgB,gBAAe,MAAM,MAAM,GAAG,QAAQ;AAAA,EAC5D;AAEA,QAAM,gBAAgBC,OAAAA,QAA4B,EAAE,OAAO,GAAG;AAE9D,QAAM,2BAA2B,OAAO,EAAE,eAA4B;AACpE,QAAI,UAAU,CAAA;AAEd,QAAI,SAAS,UAAU,GAAG;AACxB,YAAM,eAAeC,OAAAA,cAAkC;AAAA,QACrD,OAAO;AAAA,QACP;AAAA,QACA;AAAA,MAAA,CACD;AACD,YAAM,aAAa,SAAS,CAAC;AAC7B,YAAM,cAAcF,mBAAAA,UAAU,KAAK,QAAQ,MAAM;AAAA,QAC/C,GAAGG,aAAqB,EAAE,OAAO,YAAY;AAAA,QAC7C,iBAAiBC,MAAAA,SAA4B;AAAA,UAC3C,QAAQ,WAAW;AAAA,UACnB,KAAK,WAAW;AAAA,QAAA,CACjB;AAAA,MAAA,CACF;AAED,mBAAa,QAAQ,YAAY,YAAY,OAAO;AACpD,mBAAa,QAAQ,YAAY,cAAc,OAAO;AACtD,gBAAU,YAAY,aAAa,OAAO;AAC1C,gBAAU,aAAa,MAAM;AAC7B,gBAAU,YAAY,MAAM;AAE5B,gBAAU,SAAS,MAAM,GAAG,CAAC,EAAE;AAAA,QAAI,CAAC,UAClCJ,mBAAAA,UAAU,KAAK,MAAM;AAAA,UACnB,GAAGG,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,IAEL,OAAO;AACL,gBAAU,SAAS;AAAA,QAAI,CAAC,UACtBJ,mBAAAA,UAAU,KAAK,QAAQ,MAAM;AAAA,UAC3B,GAAGG,aAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,iBAAiBC,MAAAA,SAA4B;AAAA,YAC3C,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,QAAA,CACF;AAAA,MAAA;AAGH,gBAAU,YAAY,cAAc,OAAO;AAAA,IAC7C;AAEA,UAAMC,mBAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,uBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,IAAA,CACD;AAED,QAAI,YAAY;AACdC,8BAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAM,UAAU,SAAS;AAAA,MAAI,CAAC,UAC5BN,mBAAAA,UAAU,KAAK,MAAM;AAAA,QACnB,GAAGG,aAAqB,EAAE,OAAO,aAAa;AAAA,QAC9C,OAAOC,MAAAA,SAA4B;AAAA,UACjC,QAAQ,MAAM;AAAA,UACd,KAAK,MAAM;AAAA,QAAA,CACZ;AAAA,QACD,WAAW;AAAA,QACX;AAAA,MAAA,CACD;AAAA,IAAA;AAGH,UAAMC,mBAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH,uBAAuB;AAAA,MACvB;AAAA,MACA;AAAA,IAAA,CACD;AAED,QAAI,YAAY;AACdC,8BAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,cAAc,CAACC,WAAoC;AACvD,UAAM,EAAE,UAAU,WAAAC,YAAW,WAAAC,eAAcF;AAC3C,UAAMG,gBAAe,gBAAA;AACrB,UAAM,aAAa;AACnB,UAAM,UAAU,aACZ,WAAW,UAAU,OAAOA,aAAY,cACxC,WAAW,UAAU;AAEzBF,eAAUC,WAAAA,IAAc,CAAC;AAEzB,QAAIC,+BAA8BA,aAAY;AAE9C,kBAAc,QAAQ;AAAA,MACpB;AAAA,MACAC,QAAAA;AAAAA,IAAY;AAGd,cAAU,cAAc,MAAM;AAE9B,6BAAyB,EAAE,UAAU;AAErC,cAAU;AAAA,MACRC,SAAoB,OAAO;AAAA,QACzB;AAAA,MAAA,CACD;AAAA,IAAA;AAAA,EAEL;AAEA,YAAU,YAAYd,SAAO,OAAO;AAEpCe,cAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA;AAAA,IACA,oBAAoB;AAAA,IACpB,kBAAkBC,QAAAA;AAAAA,IAClB;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,MACA;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;;"}