@universityofmaryland/web-feeds-library 1.0.9 → 1.1.1

package/dist/macros/slider.js

@@ -0,0 +1,104 @@
+"use strict";
+const Styles = require("@universityofmaryland/web-styles-library");
+const webElementsLibrary = require("@universityofmaryland/web-elements-library");
+function _interopNamespaceDefault(e) {
+  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = e;
+  return Object.freeze(n);
+}
+const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+const { FetchGraphQL } = webElementsLibrary.Utilities.network;
+const slider = ({
+  token,
+  query,
+  url,
+  categories,
+  isThemeDark,
+  headline,
+  actions
+}) => {
+  const dataSlider = document.createElement("div");
+  const slider2 = webElementsLibrary.Composite.slider.events({
+    isThemeDark,
+    dataSlider,
+    headline,
+    actions
+  });
+  let variables = { startDate: (/* @__PURE__ */ new Date()).toDateString() };
+  let shadowRoot = null;
+  const setShadowStyles = async ({
+    shadowRoot: shadowRoot2,
+    styles
+  }) => {
+    const styleElement = document.createElement("style");
+    const optimizedCss = await Styles__namespace.utilities.transform.css.removeDuplicates(
+      styles
+    );
+    styleElement.textContent = optimizedCss;
+    shadowRoot2.appendChild(styleElement);
+  };
+  const callback = (shadow) => {
+    shadowRoot = shadow;
+  };
+  const loadEvents = async () => {
+    if (categories) {
+      const related = categories.split(",");
+      variables.related = related;
+    }
+    const fetchVariables = {
+      query,
+      url,
+      token,
+      variables
+    };
+    const feedData = await FetchGraphQL(fetchVariables);
+    const slides = feedData?.data?.entries?.events.map(
+      (data, i) => {
+        const headline2 = document.createElement("p");
+        headline2.textContent = data.title;
+        const dateSign = webElementsLibrary.Atomic.events.sign({
+          startMonth: data.startMonth,
+          startDay: data.startDay,
+          endDay: data.endDay,
+          endMonth: data.endMonth,
+          isThemeDark
+        });
+        const textLockup = webElementsLibrary.Atomic.textLockup.date({
+          headline: headline2,
+          isThemeDark,
+          dateSign
+        });
+        if (i === 0) {
+          slider2.styles += textLockup.styles;
+          slider2.styles += dateSign.styles;
+        }
+        return textLockup;
+      }
+    );
+    slides?.forEach((slide) => dataSlider.appendChild(slide.element));
+    if (shadowRoot) setShadowStyles({ shadowRoot, styles: slider2.styles });
+    setTimeout(() => {
+      slider2.events.load();
+    }, 100);
+  };
+  loadEvents();
+  return {
+    ...slider2,
+    events: {
+      callback
+    }
+  };
+};
+module.exports = slider;
+//# sourceMappingURL=slider.js.map

package/dist/macros/slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.js","sources":["../../source/macros/slider.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport {\n  Atomic,\n  Composite,\n  Utilities,\n} from '@universityofmaryland/web-elements-library';\n\ntype TypeSlideFeedResponse = {\n  title: string;\n  startMonth: string;\n  startDay: string;\n  endMonth?: string;\n  endDay?: string;\n};\n\nconst { FetchGraphQL } = Utilities.network;\n\nexport default ({\n  token,\n  query,\n  url,\n  categories,\n  isThemeDark,\n  headline,\n  actions,\n}: {\n  token: string;\n  query: string;\n  url: string;\n  categories?: string | null;\n  isThemeDark?: boolean;\n  headline?: HTMLElement | null;\n  actions?: HTMLElement | null;\n}) => {\n  const dataSlider = document.createElement('div');\n  const slider = Composite.slider.events({\n    isThemeDark,\n    dataSlider,\n    headline,\n    actions,\n  });\n  let variables: any = { startDate: new Date().toDateString() };\n  let shadowRoot: ShadowRoot | null = null;\n\n  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\n  const callback = (shadow: ShadowRoot) => {\n    shadowRoot = shadow;\n  };\n\n  const loadEvents = async () => {\n    if (categories) {\n      const related = categories.split(',');\n      variables.related = related;\n    }\n\n    const fetchVariables = {\n      query,\n      url,\n      token,\n      variables,\n    };\n\n    const feedData = await FetchGraphQL(fetchVariables);\n\n    const slides: { element: HTMLElement; styles: string }[] =\n      feedData?.data?.entries?.events.map(\n        (data: TypeSlideFeedResponse, i: number) => {\n          const headline = document.createElement('p');\n          headline.textContent = data.title;\n\n          const dateSign = Atomic.events.sign({\n            startMonth: data.startMonth,\n            startDay: data.startDay,\n            endDay: data.endDay,\n            endMonth: data.endMonth,\n            isThemeDark,\n          });\n          const textLockup = Atomic.textLockup.date({\n            headline,\n            isThemeDark,\n            dateSign,\n          });\n\n          if (i === 0) {\n            slider.styles += textLockup.styles;\n            slider.styles += dateSign.styles;\n          }\n\n          return textLockup;\n        },\n      );\n\n    slides?.forEach((slide) => dataSlider.appendChild(slide.element));\n\n    if (shadowRoot) setShadowStyles({ shadowRoot, styles: slider.styles });\n    setTimeout(() => {\n      slider.events.load();\n    }, 100);\n  };\n\n  loadEvents();\n\n  return {\n    ...slider,\n    events: {\n      callback,\n    },\n  };\n};\n"],"names":["Utilities","slider","Composite","shadowRoot","Styles","headline","Atomic"],"mappings":";;;;;;;;;;;;;;;;;;;;AAeA,MAAM,EAAE,aAAA,IAAiBA,mBAAAA,UAAU;AAEnC,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQM;AACJ,QAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,QAAMC,UAASC,mBAAAA,UAAU,OAAO,OAAO;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,MAAI,YAAiB,EAAE,gCAAe,KAAA,GAAO,eAAa;AAC1D,MAAI,aAAgC;AAEpC,QAAM,kBAAkB,OAAO;AAAA,IAC7B,YAAAC;AAAAA,IACA;AAAA,EAAA,MAII;AACJ,UAAM,eAAe,SAAS,cAAc,OAAO;AACnD,UAAM,eAAe,MAAMC,kBAAO,UAAU,UAAU,IAAI;AAAA,MACxD;AAAA,IAAA;AAEF,iBAAa,cAAc;AAC3BD,gBAAW,YAAY,YAAY;AAAA,EACrC;AAEA,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,aAAa,YAAY;AAC7B,QAAI,YAAY;AACd,YAAM,UAAU,WAAW,MAAM,GAAG;AACpC,gBAAU,UAAU;AAAA,IACtB;AAEA,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,WAAW,MAAM,aAAa,cAAc;AAElD,UAAM,SACJ,UAAU,MAAM,SAAS,OAAO;AAAA,MAC9B,CAAC,MAA6B,MAAc;AAC1C,cAAME,YAAW,SAAS,cAAc,GAAG;AAC3CA,kBAAS,cAAc,KAAK;AAE5B,cAAM,WAAWC,mBAAAA,OAAO,OAAO,KAAK;AAAA,UAClC,YAAY,KAAK;AAAA,UACjB,UAAU,KAAK;AAAA,UACf,QAAQ,KAAK;AAAA,UACb,UAAU,KAAK;AAAA,UACf;AAAA,QAAA,CACD;AACD,cAAM,aAAaA,mBAAAA,OAAO,WAAW,KAAK;AAAA,UACxC,UAAAD;AAAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAED,YAAI,MAAM,GAAG;AACX,UAAAJ,QAAO,UAAU,WAAW;AAC5B,UAAAA,QAAO,UAAU,SAAS;AAAA,QAC5B;AAEA,eAAO;AAAA,MACT;AAAA,IAAA;AAGJ,YAAQ,QAAQ,CAAC,UAAU,WAAW,YAAY,MAAM,OAAO,CAAC;AAEhE,QAAI,WAAY,iBAAgB,EAAE,YAAY,QAAQA,QAAO,QAAQ;AACrE,eAAW,MAAM;AACf,MAAAA,QAAO,OAAO,KAAA;AAAA,IAChB,GAAG,GAAG;AAAA,EACR;AAEA,aAAA;AAEA,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ;;"}

package/dist/macros/slider.mjs

@@ -0,0 +1,88 @@
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { Utilities, Composite, Atomic } from "@universityofmaryland/web-elements-library";
+const { FetchGraphQL } = Utilities.network;
+const slider = ({
+  token,
+  query,
+  url,
+  categories,
+  isThemeDark,
+  headline,
+  actions
+}) => {
+  const dataSlider = document.createElement("div");
+  const slider2 = Composite.slider.events({
+    isThemeDark,
+    dataSlider,
+    headline,
+    actions
+  });
+  let variables = { startDate: (/* @__PURE__ */ new Date()).toDateString() };
+  let shadowRoot = null;
+  const setShadowStyles = async ({
+    shadowRoot: shadowRoot2,
+    styles
+  }) => {
+    const styleElement = document.createElement("style");
+    const optimizedCss = await Styles.utilities.transform.css.removeDuplicates(
+      styles
+    );
+    styleElement.textContent = optimizedCss;
+    shadowRoot2.appendChild(styleElement);
+  };
+  const callback = (shadow) => {
+    shadowRoot = shadow;
+  };
+  const loadEvents = async () => {
+    if (categories) {
+      const related = categories.split(",");
+      variables.related = related;
+    }
+    const fetchVariables = {
+      query,
+      url,
+      token,
+      variables
+    };
+    const feedData = await FetchGraphQL(fetchVariables);
+    const slides = feedData?.data?.entries?.events.map(
+      (data, i) => {
+        const headline2 = document.createElement("p");
+        headline2.textContent = data.title;
+        const dateSign = Atomic.events.sign({
+          startMonth: data.startMonth,
+          startDay: data.startDay,
+          endDay: data.endDay,
+          endMonth: data.endMonth,
+          isThemeDark
+        });
+        const textLockup = Atomic.textLockup.date({
+          headline: headline2,
+          isThemeDark,
+          dateSign
+        });
+        if (i === 0) {
+          slider2.styles += textLockup.styles;
+          slider2.styles += dateSign.styles;
+        }
+        return textLockup;
+      }
+    );
+    slides?.forEach((slide) => dataSlider.appendChild(slide.element));
+    if (shadowRoot) setShadowStyles({ shadowRoot, styles: slider2.styles });
+    setTimeout(() => {
+      slider2.events.load();
+    }, 100);
+  };
+  loadEvents();
+  return {
+    ...slider2,
+    events: {
+      callback
+    }
+  };
+};
+export {
+  slider as default
+};
+//# sourceMappingURL=slider.mjs.map

package/dist/macros/slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slider.mjs","sources":["../../source/macros/slider.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport {\n  Atomic,\n  Composite,\n  Utilities,\n} from '@universityofmaryland/web-elements-library';\n\ntype TypeSlideFeedResponse = {\n  title: string;\n  startMonth: string;\n  startDay: string;\n  endMonth?: string;\n  endDay?: string;\n};\n\nconst { FetchGraphQL } = Utilities.network;\n\nexport default ({\n  token,\n  query,\n  url,\n  categories,\n  isThemeDark,\n  headline,\n  actions,\n}: {\n  token: string;\n  query: string;\n  url: string;\n  categories?: string | null;\n  isThemeDark?: boolean;\n  headline?: HTMLElement | null;\n  actions?: HTMLElement | null;\n}) => {\n  const dataSlider = document.createElement('div');\n  const slider = Composite.slider.events({\n    isThemeDark,\n    dataSlider,\n    headline,\n    actions,\n  });\n  let variables: any = { startDate: new Date().toDateString() };\n  let shadowRoot: ShadowRoot | null = null;\n\n  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\n  const callback = (shadow: ShadowRoot) => {\n    shadowRoot = shadow;\n  };\n\n  const loadEvents = async () => {\n    if (categories) {\n      const related = categories.split(',');\n      variables.related = related;\n    }\n\n    const fetchVariables = {\n      query,\n      url,\n      token,\n      variables,\n    };\n\n    const feedData = await FetchGraphQL(fetchVariables);\n\n    const slides: { element: HTMLElement; styles: string }[] =\n      feedData?.data?.entries?.events.map(\n        (data: TypeSlideFeedResponse, i: number) => {\n          const headline = document.createElement('p');\n          headline.textContent = data.title;\n\n          const dateSign = Atomic.events.sign({\n            startMonth: data.startMonth,\n            startDay: data.startDay,\n            endDay: data.endDay,\n            endMonth: data.endMonth,\n            isThemeDark,\n          });\n          const textLockup = Atomic.textLockup.date({\n            headline,\n            isThemeDark,\n            dateSign,\n          });\n\n          if (i === 0) {\n            slider.styles += textLockup.styles;\n            slider.styles += dateSign.styles;\n          }\n\n          return textLockup;\n        },\n      );\n\n    slides?.forEach((slide) => dataSlider.appendChild(slide.element));\n\n    if (shadowRoot) setShadowStyles({ shadowRoot, styles: slider.styles });\n    setTimeout(() => {\n      slider.events.load();\n    }, 100);\n  };\n\n  loadEvents();\n\n  return {\n    ...slider,\n    events: {\n      callback,\n    },\n  };\n};\n"],"names":["slider","shadowRoot","headline"],"mappings":";;AAeA,MAAM,EAAE,aAAA,IAAiB,UAAU;AAEnC,MAAA,SAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,MAQM;AACJ,QAAM,aAAa,SAAS,cAAc,KAAK;AAC/C,QAAMA,UAAS,UAAU,OAAO,OAAO;AAAA,IACrC;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AACD,MAAI,YAAiB,EAAE,gCAAe,KAAA,GAAO,eAAa;AAC1D,MAAI,aAAgC;AAEpC,QAAM,kBAAkB,OAAO;AAAA,IAC7B,YAAAC;AAAAA,IACA;AAAA,EAAA,MAII;AACJ,UAAM,eAAe,SAAS,cAAc,OAAO;AACnD,UAAM,eAAe,MAAM,OAAO,UAAU,UAAU,IAAI;AAAA,MACxD;AAAA,IAAA;AAEF,iBAAa,cAAc;AAC3BA,gBAAW,YAAY,YAAY;AAAA,EACrC;AAEA,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,aAAa,YAAY;AAC7B,QAAI,YAAY;AACd,YAAM,UAAU,WAAW,MAAM,GAAG;AACpC,gBAAU,UAAU;AAAA,IACtB;AAEA,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,WAAW,MAAM,aAAa,cAAc;AAElD,UAAM,SACJ,UAAU,MAAM,SAAS,OAAO;AAAA,MAC9B,CAAC,MAA6B,MAAc;AAC1C,cAAMC,YAAW,SAAS,cAAc,GAAG;AAC3CA,kBAAS,cAAc,KAAK;AAE5B,cAAM,WAAW,OAAO,OAAO,KAAK;AAAA,UAClC,YAAY,KAAK;AAAA,UACjB,UAAU,KAAK;AAAA,UACf,QAAQ,KAAK;AAAA,UACb,UAAU,KAAK;AAAA,UACf;AAAA,QAAA,CACD;AACD,cAAM,aAAa,OAAO,WAAW,KAAK;AAAA,UACxC,UAAAA;AAAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAED,YAAI,MAAM,GAAG;AACX,UAAAF,QAAO,UAAU,WAAW;AAC5B,UAAAA,QAAO,UAAU,SAAS;AAAA,QAC5B;AAEA,eAAO;AAAA,MACT;AAAA,IAAA;AAGJ,YAAQ,QAAQ,CAAC,UAAU,WAAW,YAAY,MAAM,OAAO,CAAC;AAEhE,QAAI,WAAY,iBAAgB,EAAE,YAAY,QAAQA,QAAO,QAAQ;AACrE,eAAW,MAAM;AACf,MAAAA,QAAO,OAAO,KAAA;AAAA,IAChB,GAAG,GAAG;AAAA,EACR;AAEA,aAAA;AAEA,SAAO;AAAA,IACL,GAAGA;AAAA,IACH,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ;"}

package/dist/news.d.ts

@@ -0,0 +1,2 @@
+export * from './composite/news/index'
+export {}

package/dist/news.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const featured = require("./composite/news/featured.js");
+const grid = require("./composite/news/grid.js");
+const list = require("./composite/news/list.js");
+exports.featured = featured;
+exports.grid = grid;
+exports.list = list;
+//# sourceMappingURL=news.js.map

package/dist/news.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"news.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/news.mjs

@@ -0,0 +1,9 @@
+import { default as default2 } from "./composite/news/featured.mjs";
+import { default as default3 } from "./composite/news/grid.mjs";
+import { default as default4 } from "./composite/news/list.mjs";
+export {
+  default2 as featured,
+  default3 as grid,
+  default4 as list
+};
+//# sourceMappingURL=news.mjs.map

package/dist/news.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"news.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/utilities/events/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/utilities/events/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;CAMtB,CAAC;AAKF,MAAM,WAAW,gBAAgB;IAE/B,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IAGd,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAGvB,IAAI,CAAC,EAAE,GAAG,CAAC;IAGX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAuBD,eAAO,MAAM,QAAQ,YACV,WAAW,aACT,MAAM,UACT,gBAAgB,KACvB,OAQF,CAAC;AA0BF,eAAO,MAAM,MAAM,YACR,WAAW,aACT,MAAM,YACP,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,YAClC,uBAAuB,KAChC,CAAC,MAAM,IAAI,CAWb,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/utilities/events/index.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,UAAU;;;CAMtB,CAAC;AAKF,MAAM,WAAW,gBAAgB;IAE/B,KAAK,CAAC,EAAE,GAAG,EAAE,CAAC;IAGd,KAAK,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAGvB,IAAI,CAAC,EAAE,GAAG,CAAC;IAGX,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAuBD,eAAO,MAAM,QAAQ,GACnB,SAAS,WAAW,EACpB,WAAW,MAAM,EACjB,QAAQ,gBAAgB,KACvB,OAQF,CAAC;AA0BF,eAAO,MAAM,MAAM,GACjB,SAAS,WAAW,EACpB,WAAW,MAAM,EACjB,UAAU,CAAC,MAAM,EAAE,gBAAgB,KAAK,IAAI,EAC5C,UAAU,uBAAuB,KAChC,CAAC,MAAM,IAAI,CAWb,CAAC"}

package/dist/utilities/events/index.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const eventNames = {
+  /** Triggered when a feed has finished loading its content */
+  FEED_LOADED: "feed:loaded",
+  /** Triggered when an error occurs during feed loading or processing */
+  FEED_ERROR: "feed:error"
+};
+const dispatch = (element, eventName, detail) => {
+  const event = new CustomEvent(eventName, {
+    detail,
+    bubbles: true,
+    cancelable: true
+  });
+  return element.dispatchEvent(event);
+};
+exports.dispatch = dispatch;
+exports.eventNames = eventNames;
+//# sourceMappingURL=index.js.map

package/dist/utilities/events/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../source/utilities/events/index.ts"],"sourcesContent":["/**\n * Event names supported by the feeds library.\n * These can be used for consistent event handling across implementations.\n */\nexport const eventNames = {\n  /** Triggered when a feed has finished loading its content */\n  FEED_LOADED: 'feed:loaded',\n\n  /** Triggered when an error occurs during feed loading or processing */\n  FEED_ERROR: 'feed:error',\n};\n\n/**\n * Custom event details for different feed events.\n */\nexport interface FeedEventDetails {\n  /** Items in the feed that have been loaded */\n  items?: any[];\n\n  /** Error information if a feed failed to load */\n  error?: Error | string;\n\n  /** Information about a specific item that was clicked */\n  item?: any;\n\n  /** Additional custom data that may be included with any event */\n  [key: string]: any;\n}\n\n/**\n * Dispatches a custom feed event on the specified element.\n *\n * @param element - The element to dispatch the event on\n * @param eventName - Name of the event to dispatch (use eventNames constants for consistency)\n * @param detail - Event details to include\n * @returns True if the event was dispatched successfully and not cancelled\n *\n * @example\n * ```typescript\n * import { events } from '@universityofmaryland/web-feeds-library/utilities';\n *\n * // Dispatch a feed loaded event\n * events.dispatch(feedContainer, events.eventNames.FEED_LOADED, { items: loadedItems });\n *\n * // Listen for feed loaded events\n * feedContainer.addEventListener(events.eventNames.FEED_LOADED, (event) => {\n *   console.log('Feed loaded with', event.detail.items.length, 'items');\n * });\n * ```\n */\nexport const dispatch = (\n  element: HTMLElement,\n  eventName: string,\n  detail: FeedEventDetails,\n): boolean => {\n  const event = new CustomEvent(eventName, {\n    detail,\n    bubbles: true,\n    cancelable: true,\n  });\n\n  return element.dispatchEvent(event);\n};\n\n/**\n * Adds an event listener for a specific feed event with proper TypeScript typings for the event detail.\n *\n * @param element - The element to attach the event listener to\n * @param eventName - Name of the event to listen for (use eventNames constants for consistency)\n * @param callback - Function to call when the event is triggered\n * @param options - Standard addEventListener options (capture, once, passive, etc.)\n * @returns A function that removes the event listener when called\n *\n * @example\n * ```typescript\n * import { events } from '@universityofmaryland/web-feeds-library/utilities';\n *\n * // Add a typed event listener\n * const removeListener = events.listen(\n *   feedContainer,\n *   events.eventNames.FEED_LOADED,\n *   (detail) => console.log('Feed loaded with', detail.items.length, 'items')\n * );\n *\n * // Later, if needed:\n * removeListener();\n * ```\n */\nexport const listen = (\n  element: HTMLElement,\n  eventName: string,\n  callback: (detail: FeedEventDetails) => void,\n  options?: AddEventListenerOptions,\n): (() => void) => {\n  const eventListener = (event: Event) => {\n    const customEvent = event as CustomEvent<FeedEventDetails>;\n    callback(customEvent.detail);\n  };\n\n  element.addEventListener(eventName, eventListener, options);\n\n  return () => {\n    element.removeEventListener(eventName, eventListener, options);\n  };\n};\n"],"names":[],"mappings":";;AAIO,MAAM,aAAa;AAAA;AAAA,EAExB,aAAa;AAAA;AAAA,EAGb,YAAY;AACd;AAwCO,MAAM,WAAW,CACtB,SACA,WACA,WACY;AACZ,QAAM,QAAQ,IAAI,YAAY,WAAW;AAAA,IACvC;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,EAAA,CACb;AAED,SAAO,QAAQ,cAAc,KAAK;AACpC;;;"}

package/dist/utilities/events/index.mjs

@@ -0,0 +1,19 @@
+const eventNames = {
+  /** Triggered when a feed has finished loading its content */
+  FEED_LOADED: "feed:loaded",
+  /** Triggered when an error occurs during feed loading or processing */
+  FEED_ERROR: "feed:error"
+};
+const dispatch = (element, eventName, detail) => {
+  const event = new CustomEvent(eventName, {
+    detail,
+    bubbles: true,
+    cancelable: true
+  });
+  return element.dispatchEvent(event);
+};
+export {
+  dispatch,
+  eventNames
+};
+//# sourceMappingURL=index.mjs.map

package/dist/utilities/events/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../source/utilities/events/index.ts"],"sourcesContent":["/**\n * Event names supported by the feeds library.\n * These can be used for consistent event handling across implementations.\n */\nexport const eventNames = {\n  /** Triggered when a feed has finished loading its content */\n  FEED_LOADED: 'feed:loaded',\n\n  /** Triggered when an error occurs during feed loading or processing */\n  FEED_ERROR: 'feed:error',\n};\n\n/**\n * Custom event details for different feed events.\n */\nexport interface FeedEventDetails {\n  /** Items in the feed that have been loaded */\n  items?: any[];\n\n  /** Error information if a feed failed to load */\n  error?: Error | string;\n\n  /** Information about a specific item that was clicked */\n  item?: any;\n\n  /** Additional custom data that may be included with any event */\n  [key: string]: any;\n}\n\n/**\n * Dispatches a custom feed event on the specified element.\n *\n * @param element - The element to dispatch the event on\n * @param eventName - Name of the event to dispatch (use eventNames constants for consistency)\n * @param detail - Event details to include\n * @returns True if the event was dispatched successfully and not cancelled\n *\n * @example\n * ```typescript\n * import { events } from '@universityofmaryland/web-feeds-library/utilities';\n *\n * // Dispatch a feed loaded event\n * events.dispatch(feedContainer, events.eventNames.FEED_LOADED, { items: loadedItems });\n *\n * // Listen for feed loaded events\n * feedContainer.addEventListener(events.eventNames.FEED_LOADED, (event) => {\n *   console.log('Feed loaded with', event.detail.items.length, 'items');\n * });\n * ```\n */\nexport const dispatch = (\n  element: HTMLElement,\n  eventName: string,\n  detail: FeedEventDetails,\n): boolean => {\n  const event = new CustomEvent(eventName, {\n    detail,\n    bubbles: true,\n    cancelable: true,\n  });\n\n  return element.dispatchEvent(event);\n};\n\n/**\n * Adds an event listener for a specific feed event with proper TypeScript typings for the event detail.\n *\n * @param element - The element to attach the event listener to\n * @param eventName - Name of the event to listen for (use eventNames constants for consistency)\n * @param callback - Function to call when the event is triggered\n * @param options - Standard addEventListener options (capture, once, passive, etc.)\n * @returns A function that removes the event listener when called\n *\n * @example\n * ```typescript\n * import { events } from '@universityofmaryland/web-feeds-library/utilities';\n *\n * // Add a typed event listener\n * const removeListener = events.listen(\n *   feedContainer,\n *   events.eventNames.FEED_LOADED,\n *   (detail) => console.log('Feed loaded with', detail.items.length, 'items')\n * );\n *\n * // Later, if needed:\n * removeListener();\n * ```\n */\nexport const listen = (\n  element: HTMLElement,\n  eventName: string,\n  callback: (detail: FeedEventDetails) => void,\n  options?: AddEventListenerOptions,\n): (() => void) => {\n  const eventListener = (event: Event) => {\n    const customEvent = event as CustomEvent<FeedEventDetails>;\n    callback(customEvent.detail);\n  };\n\n  element.addEventListener(eventName, eventListener, options);\n\n  return () => {\n    element.removeEventListener(eventName, eventListener, options);\n  };\n};\n"],"names":[],"mappings":"AAIO,MAAM,aAAa;AAAA;AAAA,EAExB,aAAa;AAAA;AAAA,EAGb,YAAY;AACd;AAwCO,MAAM,WAAW,CACtB,SACA,WACA,WACY;AACZ,QAAM,QAAQ,IAAI,YAAY,WAAW;AAAA,IACvC;AAAA,IACA,SAAS;AAAA,IACT,YAAY;AAAA,EAAA,CACb;AAED,SAAO,QAAQ,cAAc,KAAK;AACpC;"}

package/dist/utilities/network/fetch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../../source/utilities/network/fetch.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,sCAKjB;IACD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,iBA8BA,CAAC"}
+{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../../source/utilities/network/fetch.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG;IAC1B,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,OAAO,GAAU,mCAK3B;IACD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,aAAa,CAAC;CAC3B,iBA8BA,CAAC"}

package/package.json

@@ -1,10 +1,32 @@
 {
   "name": "@universityofmaryland/web-feeds-library",
-  "version": "1.0.9",
+  "version": "1.1.1",
   "description": "UMD Feed Elements",
   "main": "dist/index.js",
-  "module": "dist/index.js",
+  "module": "dist/index.mjs",
   "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.js"
+    },
+    "./academic": {
+      "types": "./dist/composite/academic/index.d.ts",
+      "import": "./dist/composite/academic/index.mjs",
+      "require": "./dist/composite/academic/index.js"
+    },
+    "./events": {
+      "types": "./dist/composite/events/index.d.ts",
+      "import": "./dist/composite/events/index.mjs",
+      "require": "./dist/composite/events/index.js"
+    },
+    "./news": {
+      "types": "./dist/composite/news/index.d.ts",
+      "import": "./dist/composite/news/index.mjs",
+      "require": "./dist/composite/news/index.js"
+    }
+  },
   "license": "MIT",
   "repository": "",
   "files": [
@@ -15,9 +37,9 @@
     "docs": "npx typedoc --options ./typedoc.json",
     "prebuild": "node ../../source/update-badges.js",
     "release": "npm run test && npm run build && npm publish --access public",
-    "build": "webpack --env NODE_ENV=production",
-    "webpack": "webpack -w --env NODE_ENV=development",
-    "start": "npm run webpack",
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "start": "npm run dev",
     "test": "jest",
     "test:watch": "jest --watch",
     "test:coverage": "jest --coverage",
@@ -25,5 +47,9 @@
   },
   "dependencies": {
     "@types/postcss-js": "^4.0.4"
+  },
+  "devDependencies": {
+    "vite-plugin-checker": "^0.10.3",
+    "vite-plugin-dts": "^4.5.4"
   }
 }

package/dist/composite/academic/__tests__/index.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=index.test.d.ts.map

package/dist/composite/academic/__tests__/index.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.test.d.ts","sourceRoot":"","sources":["../../../../source/composite/academic/__tests__/index.test.ts"],"names":[],"mappings":""}

package/dist/composite/academic/__tests__/slider.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=slider.test.d.ts.map

package/dist/composite/academic/__tests__/slider.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.test.d.ts","sourceRoot":"","sources":["../../../../source/composite/academic/__tests__/slider.test.ts"],"names":[],"mappings":""}

package/dist/composite/events/__tests__/fetch.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=fetch.test.d.ts.map

package/dist/composite/events/__tests__/fetch.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"fetch.test.d.ts","sourceRoot":"","sources":["../../../../source/composite/events/__tests__/fetch.test.ts"],"names":[],"mappings":""}

package/dist/composite/events/__tests__/grid.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=grid.test.d.ts.map

package/dist/composite/events/__tests__/grid.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.test.d.ts","sourceRoot":"","sources":["../../../../source/composite/events/__tests__/grid.test.ts"],"names":[],"mappings":""}

package/dist/composite/events/__tests__/grouped.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=grouped.test.d.ts.map

package/dist/composite/events/__tests__/grouped.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"grouped.test.d.ts","sourceRoot":"","sources":["../../../../source/composite/events/__tests__/grouped.test.ts"],"names":[],"mappings":""}

package/dist/composite/events/__tests__/list.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=list.test.d.ts.map

package/dist/composite/events/__tests__/list.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"list.test.d.ts","sourceRoot":"","sources":["../../../../source/composite/events/__tests__/list.test.ts"],"names":[],"mappings":""}

package/dist/composite/events/__tests__/slider.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=slider.test.d.ts.map

package/dist/composite/events/__tests__/slider.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.test.d.ts","sourceRoot":"","sources":["../../../../source/composite/events/__tests__/slider.test.ts"],"names":[],"mappings":""}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=featured.test.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"featured.test.d.ts","sourceRoot":"","sources":["../../../../source/composite/news/__tests__/featured.test.ts"],"names":[],"mappings":""}

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

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=grid.test.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"grid.test.d.ts","sourceRoot":"","sources":["../../../../source/composite/news/__tests__/grid.test.ts"],"names":[],"mappings":""}

package/dist/composite/news/__tests__/list.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=list.test.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"list.test.d.ts","sourceRoot":"","sources":["../../../../source/composite/news/__tests__/list.test.ts"],"names":[],"mappings":""}

package/dist/elements/__tests__/asset.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=asset.test.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"asset.test.d.ts","sourceRoot":"","sources":["../../../source/elements/__tests__/asset.test.ts"],"names":[],"mappings":""}

package/dist/elements/__tests__/layout.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=layout.test.d.ts.map

package/dist/elements/__tests__/layout.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"layout.test.d.ts","sourceRoot":"","sources":["../../../source/elements/__tests__/layout.test.ts"],"names":[],"mappings":""}

package/dist/elements/__tests__/text.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=text.test.d.ts.map

package/dist/elements/__tests__/text.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"text.test.d.ts","sourceRoot":"","sources":["../../../source/elements/__tests__/text.test.ts"],"names":[],"mappings":""}

package/dist/index.js.LICENSE.txt

@@ -1,143 +0,0 @@
-/*!*************************!*\
-  !*** ./source/index.ts ***!
-  \*************************/
-
-/*!********************************!*\
-  !*** ./source/macros/index.ts ***!
-  \********************************/
-
-/*!*********************************!*\
-  !*** ./source/elements/text.ts ***!
-  \*********************************/
-
-/*!*********************************!*\
-  !*** ./source/macros/loader.ts ***!
-  \*********************************/
-
-/*!*********************************!*\
-  !*** ./source/macros/slider.ts ***!
-  \*********************************/
-
-/*!**********************************!*\
-  !*** ./source/elements/asset.ts ***!
-  \**********************************/
-
-/*!**********************************!*\
-  !*** ./source/elements/index.ts ***!
-  \**********************************/
-
-/*!***********************************!*\
-  !*** ./source/elements/layout.ts ***!
-  \***********************************/
-
-/*!***********************************!*\
-  !*** ./source/utilities/index.ts ***!
-  \***********************************/
-
-/*!************************************!*\
-  !*** ./source/macros/aria-live.ts ***!
-  \************************************/
-
-/*!************************************!*\
-  !*** ./source/macros/lazy-load.ts ***!
-  \************************************/
-
-/*!*************************************!*\
-  !*** ./source/macros/no-results.ts ***!
-  \*************************************/
-
-/*!***************************************!*\
-  !*** ./source/composite/news/grid.ts ***!
-  \***************************************/
-
-/*!***************************************!*\
-  !*** ./source/composite/news/list.ts ***!
-  \***************************************/
-
-/*!****************************************!*\
-  !*** ./source/composite/news/index.ts ***!
-  \****************************************/
-
-/*!*****************************************!*\
-  !*** ./source/composite/events/grid.ts ***!
-  \*****************************************/
-
-/*!*****************************************!*\
-  !*** ./source/composite/events/list.ts ***!
-  \*****************************************/
-
-/*!******************************************!*\
-  !*** ./source/composite/events/index.ts ***!
-  \******************************************/
-
-/*!******************************************!*\
-  !*** ./source/utilities/events/index.ts ***!
-  \******************************************/
-
-/*!*******************************************!*\
-  !*** ./source/composite/events/slider.ts ***!
-  \*******************************************/
-
-/*!*******************************************!*\
-  !*** ./source/composite/news/featured.ts ***!
-  \*******************************************/
-
-/*!*******************************************!*\
-  !*** ./source/utilities/network/fetch.ts ***!
-  \*******************************************/
-
-/*!*******************************************!*\
-  !*** ./source/utilities/network/index.ts ***!
-  \*******************************************/
-
-/*!********************************************!*\
-  !*** ./source/composite/academic/index.ts ***!
-  \********************************************/
-
-/*!********************************************!*\
-  !*** ./source/composite/events/grouped.ts ***!
-  \********************************************/
-
-/*!*********************************************!*\
-  !*** ./source/composite/academic/slider.ts ***!
-  \*********************************************/
-
-/*!**********************************************!*\
-  !*** ./source/composite/news/common/data.ts ***!
-  \**********************************************/
-
-/*!***********************************************!*\
-  !*** ./source/composite/news/common/fetch.ts ***!
-  \***********************************************/
-
-/*!************************************************!*\
-  !*** ./source/composite/events/common/data.ts ***!
-  \************************************************/
-
-/*!*************************************************!*\
-  !*** ./source/composite/events/common/fetch.ts ***!
-  \*************************************************/
-
-/*!*************************************************!*\
-  !*** ./source/composite/news/common/display.ts ***!
-  \*************************************************/
-
-/*!*************************************************!*\
-  !*** ./source/composite/news/common/queries.ts ***!
-  \*************************************************/
-
-/*!***************************************************!*\
-  !*** ./source/composite/events/common/display.ts ***!
-  \***************************************************/
-
-/*!***************************************************!*\
-  !*** ./source/composite/events/common/queries.ts ***!
-  \***************************************************/
-
-/*!***********************************************************!*\
-  !*** external "@universityofmaryland/web-styles-library" ***!
-  \***********************************************************/
-
-/*!*************************************************************!*\
-  !*** external "@universityofmaryland/web-elements-library" ***!
-  \*************************************************************/

package/dist/macros/__tests__/aria-live.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=aria-live.test.d.ts.map

package/dist/macros/__tests__/aria-live.test.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"aria-live.test.d.ts","sourceRoot":"","sources":["../../../source/macros/__tests__/aria-live.test.ts"],"names":[],"mappings":""}

package/dist/macros/__tests__/lazy-load.test.d.ts

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=lazy-load.test.d.ts.map