@universityofmaryland/web-feeds-library 1.0.8 → 1.1.0

package/dist/composite/news/featured.mjs

@@ -0,0 +1,181 @@
+import { Composite } from "@universityofmaryland/web-elements-library";
+import { standard } from "../../elements/asset.mjs";
+import { gridGap, gridOffsetGap } from "../../elements/layout.mjs";
+import ariaLive from "../../macros/aria-live.mjs";
+import "@universityofmaryland/web-styles-library";
+import loader from "../../macros/loader.mjs";
+import "../../macros/slider.mjs";
+import { start } from "./common/fetch.mjs";
+import { noResults, ID_GRID_LAYOUT_CONTAINER, resultLoad, setShadowStyles } from "./common/display.mjs";
+import { display } from "./common/data.mjs";
+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(
+      `.${Composite.card.overlay.imageClassRef}`
+    );
+    if (overlayElement) overlayElement.style.top = `${position}px`;
+  };
+  const layoutElement = gridGap({ count: 2 });
+  const displayGridOffsetResults = async ({ feedData }) => {
+    let entries = [];
+    if (feedData.length >= 2) {
+      const offsetLayout = gridOffsetGap({
+        count: 2,
+        isLayoutReversed,
+        overwriteStickyPosition
+      });
+      const firstEntry = feedData[0];
+      const overlayCard = Composite.card.overlay.image({
+        ...display({ entry: firstEntry }),
+        backgroundImage: 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) => Composite.card.block({
+          ...display({ entry, isThemeDark }),
+          image: standard({
+            images: entry.image,
+            url: entry.url
+          }),
+          isAligned: true,
+          isTransparent
+        })
+      );
+    } else {
+      entries = feedData.map(
+        (entry) => Composite.card.overlay.image({
+          ...display({ entry, isThemeDark }),
+          backgroundImage: standard({
+            images: entry.image,
+            url: entry.url
+          })
+        })
+      );
+      container.appendChild(layoutElement.element);
+    }
+    await resultLoad({
+      ...props,
+      ...helperFunctions,
+      numberOfColumnsToShow: 2,
+      displayResults,
+      entries
+    });
+    if (shadowRoot) {
+      setShadowStyles({
+        shadowRoot,
+        styles
+      });
+    }
+  };
+  const displayResults = async ({ feedData }) => {
+    const entries = feedData.map(
+      (entry) => Composite.card.block({
+        ...display({ entry, isThemeDark }),
+        image: standard({
+          images: entry.image,
+          url: entry.url
+        }),
+        isAligned: true,
+        isTransparent
+      })
+    );
+    await resultLoad({
+      ...props,
+      ...helperFunctions,
+      numberOfColumnsToShow: 2,
+      displayResults,
+      entries
+    });
+    if (shadowRoot) {
+      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",
+      ID_GRID_LAYOUT_CONTAINER
+    );
+    setStyles(layoutElement.styles);
+    displayGridOffsetResults({ feedData });
+    container.appendChild(
+      ariaLive.create({
+        message
+      })
+    );
+  };
+  container.appendChild(loader$1.element);
+  start({
+    ...props,
+    ...helperFunctions,
+    numberOfColumnsToShow,
+    displayResults,
+    displayResultStart: resultStart,
+    displayNoResults: noResults,
+    layoutElement
+  });
+  return {
+    element: container,
+    styles,
+    events: {
+      callback,
+      setPosition
+    }
+  };
+})();
+export {
+  featured as default
+};
+//# sourceMappingURL=featured.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"featured.mjs","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","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":"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"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../source/composite/news/grid.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,UAAU,EAAoB,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;gCAE1B,UAAU,KAAG,YAAY;AAAhD,wBAiGO"}
+{"version":3,"file":"grid.d.ts","sourceRoot":"","sources":["../../../source/composite/news/grid.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,UAAU,EAAoB,MAAM,UAAU,CAAC;AAC7D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;yBAEjC,OAAO,UAAU,KAAG,YAAY;AAAhD,wBAiGO"}

package/dist/composite/news/grid.js

@@ -0,0 +1,96 @@
+"use strict";
+const webElementsLibrary = require("@universityofmaryland/web-elements-library");
+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");
+const fetch = require("./common/fetch.js");
+const display = require("./common/display.js");
+const data = require("./common/data.js");
+const grid = (props) => (() => {
+  const { isThemeDark, isTransparent, numberOfColumnsToShow, isTypeOverlay } = 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 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 displayResults = async ({ feedData }) => {
+    const entries = feedData.map((entry) => {
+      if (isTypeOverlay) {
+        return webElementsLibrary.Composite.card.overlay.image({
+          ...data.display({ entry }),
+          backgroundImage: asset.standard({
+            images: entry.image,
+            url: entry.url
+          })
+        });
+      }
+      return 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,
+      displayResults,
+      entries
+    });
+    if (shadowRoot) {
+      display.setShadowStyles({
+        shadowRoot,
+        styles
+      });
+    }
+  };
+  const layoutElement = isTypeOverlay ? layout.grid({ count: numberOfColumnsToShow }) : layout.gridGap({ count: numberOfColumnsToShow });
+  container.appendChild(loader$1.element);
+  fetch.start({
+    ...props,
+    ...helperFunctions,
+    displayResults,
+    displayResultStart: display.resultStart,
+    displayNoResults: display.noResults,
+    layoutElement,
+    isThemeDark
+  });
+  return {
+    element: container,
+    styles,
+    events: {
+      callback
+    }
+  };
+})();
+module.exports = grid;
+//# sourceMappingURL=grid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.js","sources":["../../../source/composite/news/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, isTypeOverlay } =\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 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      const entries = feedData.map((entry) => {\n        if (isTypeOverlay) {\n          return Composite.card.overlay.image({\n            ...dataComposed.display({ entry }),\n            backgroundImage: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n          });\n        }\n\n        return 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        displayResults,\n        entries,\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const layoutElement = isTypeOverlay\n      ? feedElements.layout.grid({ count: numberOfColumnsToShow })\n      : feedElements.layout.gridGap({ 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","Composite","dataComposed.display","feedElements.asset.standard","feedDisplay.resultLoad","feedDisplay.setShadowStyles","feedElements.layout.grid","feedElements.layout.gridGap","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,aAAa,eAAe,uBAAuB,kBACzD;AACF,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,UAAM,UAAU,SAAS,IAAI,CAAC,UAAU;AACtC,UAAI,eAAe;AACjB,eAAOE,6BAAU,KAAK,QAAQ,MAAM;AAAA,UAClC,GAAGC,KAAAA,QAAqB,EAAE,OAAO;AAAA,UACjC,iBAAiBC,MAAAA,SAA4B;AAAA,YAC3C,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,QAAA,CACF;AAAA,MACH;AAEA,aAAOF,mBAAAA,UAAU,KAAK,MAAM;AAAA,QAC1B,GAAGC,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,IACH,CAAC;AAED,UAAMC,mBAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IAAA,CACD;AAED,QAAI,YAAY;AACdC,8BAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,gBAAgB,gBAClBC,OAAAA,KAAyB,EAAE,OAAO,sBAAA,CAAuB,IACzDC,OAAAA,QAA4B,EAAE,OAAO,uBAAuB;AAEhE,YAAU,YAAYR,SAAO,OAAO;AAEpCS,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/news/grid.mjs

@@ -0,0 +1,97 @@
+import { Composite } from "@universityofmaryland/web-elements-library";
+import { standard } from "../../elements/asset.mjs";
+import { grid as grid$1, gridGap } from "../../elements/layout.mjs";
+import "@universityofmaryland/web-styles-library";
+import loader from "../../macros/loader.mjs";
+import "../../macros/slider.mjs";
+import { start } from "./common/fetch.mjs";
+import { noResults, resultStart, resultLoad, setShadowStyles } from "./common/display.mjs";
+import { display } from "./common/data.mjs";
+const grid = (props) => (() => {
+  const { isThemeDark, isTransparent, numberOfColumnsToShow, isTypeOverlay } = 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 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 displayResults = async ({ feedData }) => {
+    const entries = feedData.map((entry) => {
+      if (isTypeOverlay) {
+        return Composite.card.overlay.image({
+          ...display({ entry }),
+          backgroundImage: standard({
+            images: entry.image,
+            url: entry.url
+          })
+        });
+      }
+      return Composite.card.block({
+        ...display({ entry, isThemeDark }),
+        image: standard({
+          images: entry.image,
+          url: entry.url
+        }),
+        isAligned: true,
+        isTransparent
+      });
+    });
+    await resultLoad({
+      ...props,
+      ...helperFunctions,
+      displayResults,
+      entries
+    });
+    if (shadowRoot) {
+      setShadowStyles({
+        shadowRoot,
+        styles
+      });
+    }
+  };
+  const layoutElement = isTypeOverlay ? grid$1({ count: numberOfColumnsToShow }) : gridGap({ count: numberOfColumnsToShow });
+  container.appendChild(loader$1.element);
+  start({
+    ...props,
+    ...helperFunctions,
+    displayResults,
+    displayResultStart: resultStart,
+    displayNoResults: noResults,
+    layoutElement,
+    isThemeDark
+  });
+  return {
+    element: container,
+    styles,
+    events: {
+      callback
+    }
+  };
+})();
+export {
+  grid as default
+};
+//# sourceMappingURL=grid.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"grid.mjs","sources":["../../../source/composite/news/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, isTypeOverlay } =\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 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      const entries = feedData.map((entry) => {\n        if (isTypeOverlay) {\n          return Composite.card.overlay.image({\n            ...dataComposed.display({ entry }),\n            backgroundImage: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n          });\n        }\n\n        return 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        displayResults,\n        entries,\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const layoutElement = isTypeOverlay\n      ? feedElements.layout.grid({ count: numberOfColumnsToShow })\n      : feedElements.layout.gridGap({ 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","dataComposed.display","feedElements.asset.standard","feedDisplay.resultLoad","feedDisplay.setShadowStyles","feedElements.layout.grid","feedElements.layout.gridGap","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,aAAa,eAAe,uBAAuB,kBACzD;AACF,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,UAAM,UAAU,SAAS,IAAI,CAAC,UAAU;AACtC,UAAI,eAAe;AACjB,eAAO,UAAU,KAAK,QAAQ,MAAM;AAAA,UAClC,GAAGE,QAAqB,EAAE,OAAO;AAAA,UACjC,iBAAiBC,SAA4B;AAAA,YAC3C,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,QAAA,CACF;AAAA,MACH;AAEA,aAAO,UAAU,KAAK,MAAM;AAAA,QAC1B,GAAGD,QAAqB,EAAE,OAAO,aAAa;AAAA,QAC9C,OAAOC,SAA4B;AAAA,UACjC,QAAQ,MAAM;AAAA,UACd,KAAK,MAAM;AAAA,QAAA,CACZ;AAAA,QACD,WAAW;AAAA,QACX;AAAA,MAAA,CACD;AAAA,IACH,CAAC;AAED,UAAMC,WAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA;AAAA,IAAA,CACD;AAED,QAAI,YAAY;AACdC,sBAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,gBAAgB,gBAClBC,OAAyB,EAAE,OAAO,sBAAA,CAAuB,IACzDC,QAA4B,EAAE,OAAO,uBAAuB;AAEhE,YAAU,YAAYP,SAAO,OAAO;AAEpCQ,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/news/list.d.ts

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

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

@@ -1 +1 @@
-{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../source/composite/news/list.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;gCAE1B,SAAS,KAAG,YAAY;AAA/C,wBA8EO"}
+{"version":3,"file":"list.d.ts","sourceRoot":"","sources":["../../../source/composite/news/list.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,KAAK,SAAS,EAAoB,MAAM,UAAU,CAAC;AAC5D,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;yBAEjC,OAAO,SAAS,KAAG,YAAY;AAA/C,wBA8EO"}

package/dist/composite/news/list.js

@@ -0,0 +1,83 @@
+"use strict";
+const webElementsLibrary = require("@universityofmaryland/web-elements-library");
+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");
+const fetch = require("./common/fetch.js");
+const display = require("./common/display.js");
+const data = require("./common/data.js");
+const list = (props) => (() => {
+  const { isThemeDark } = 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 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 displayResults = async ({ feedData }) => {
+    await display.resultLoad({
+      ...props,
+      ...helperFunctions,
+      displayResults,
+      entries: feedData.map(
+        (entry) => webElementsLibrary.Composite.card.list({
+          ...data.display({ entry, isThemeDark }),
+          image: asset.standard({
+            images: entry.image,
+            url: entry.url
+          }),
+          isAligned: false
+        })
+      )
+    });
+    if (shadowRoot) {
+      display.setShadowStyles({
+        shadowRoot,
+        styles
+      });
+    }
+  };
+  container.appendChild(loader$1.element);
+  fetch.start({
+    ...props,
+    ...helperFunctions,
+    displayResults,
+    displayResultStart: display.resultStart,
+    displayNoResults: display.noResults,
+    layoutElement: layout.stacked(isThemeDark)
+  });
+  return {
+    element: container,
+    styles,
+    events: {
+      callback
+    }
+  };
+})();
+module.exports = list;
+//# sourceMappingURL=list.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.js","sources":["../../../source/composite/news/list.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 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            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","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,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,YAAYN,SAAO,OAAO;AAEpCO,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/news/list.mjs

@@ -0,0 +1,84 @@
+import { Composite } from "@universityofmaryland/web-elements-library";
+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 { start } from "./common/fetch.mjs";
+import { noResults, resultStart, resultLoad, setShadowStyles } from "./common/display.mjs";
+import { display } from "./common/data.mjs";
+const list = (props) => (() => {
+  const { isThemeDark } = 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 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 displayResults = async ({ feedData }) => {
+    await resultLoad({
+      ...props,
+      ...helperFunctions,
+      displayResults,
+      entries: feedData.map(
+        (entry) => Composite.card.list({
+          ...display({ entry, isThemeDark }),
+          image: standard({
+            images: entry.image,
+            url: entry.url
+          }),
+          isAligned: false
+        })
+      )
+    });
+    if (shadowRoot) {
+      setShadowStyles({
+        shadowRoot,
+        styles
+      });
+    }
+  };
+  container.appendChild(loader$1.element);
+  start({
+    ...props,
+    ...helperFunctions,
+    displayResults,
+    displayResultStart: resultStart,
+    displayNoResults: noResults,
+    layoutElement: stacked(isThemeDark)
+  });
+  return {
+    element: container,
+    styles,
+    events: {
+      callback
+    }
+  };
+})();
+export {
+  list as default
+};
+//# sourceMappingURL=list.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"list.mjs","sources":["../../../source/composite/news/list.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 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            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,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/elements/asset.d.ts

@@ -5,6 +5,6 @@ type ImageType = {
 export declare const standard: ({ images, url, }: {
     images: ImageType;
     url?: string;
-}) => HTMLImageElement | HTMLAnchorElement;
+}) => HTMLAnchorElement | HTMLImageElement | undefined;
 export {};
 //# sourceMappingURL=asset.d.ts.map

package/dist/elements/asset.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"asset.d.ts","sourceRoot":"","sources":["../../source/elements/asset.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,EAAE,CAAC;AAEJ,eAAO,MAAM,QAAQ,qBAGlB;IACD,MAAM,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,KAAG,gBAAgB,GAAG,iBAqBtB,CAAC"}
+{"version":3,"file":"asset.d.ts","sourceRoot":"","sources":["../../source/elements/asset.ts"],"names":[],"mappings":"AAAA,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,OAAO,EAAE,MAAM,CAAC;CACjB,EAAE,CAAC;AAEJ,eAAO,MAAM,QAAQ,GAAI,kBAGtB;IACD,MAAM,EAAE,SAAS,CAAC;IAClB,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,qDAuBA,CAAC"}