@universityofmaryland/web-feeds-library 1.2.6 → 1.3.0-beta.0

package/dist/macros/no-results.mjs

@@ -1,50 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import { Atomic } from "@universityofmaryland/web-elements-library";
-import * as Styles from "@universityofmaryland/web-styles-library";
-import { theme } from "@universityofmaryland/web-utilities-library/theme";
-const noResults = ({
-  message,
-  linkUrl,
-  linkText,
-  isThemeDark,
-  isAlignedCenter = true
-}) => {
-  const headline = new ElementBuilder(document.createElement("p")).styled(
-    Styles.typography.sans.compose("extralarge", {
-      theme: theme.fontColor(isThemeDark)
-    })
-  ).withStyles({
-    element: {
-      textTransform: "uppercase"
-    }
-  }).build();
-  headline.element.innerHTML = message || "No results found";
-  const composite = new ElementBuilder().styled(Styles.layout.grid.stacked).withChild(headline).withStyles({
-    element: {
-      [`& *`]: {
-        textAlign: isAlignedCenter ? "center" : "left"
-      },
-      [`& *:not(:first-child)`]: {
-        marginTop: `${Styles.token.spacing.md}`
-      }
-    }
-  });
-  if (linkUrl && linkText) {
-    const link = document.createElement("a");
-    link.innerHTML = linkText;
-    link.setAttribute("href", linkUrl);
-    link.setAttribute("target", "_blank");
-    link.setAttribute("rel", "noopener noreferrer");
-    const ctaButton = Atomic.actions.options({
-      element: link,
-      isTypeOutline: true,
-      isThemeDark
-    });
-    composite.withChild(ctaButton);
-  }
-  return composite.build();
-};
-export {
-  noResults as default
-};
-//# sourceMappingURL=no-results.mjs.map

package/dist/macros/no-results.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"no-results.mjs","sources":["../../source/macros/no-results.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { Atomic } from '@universityofmaryland/web-elements-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { theme } from '@universityofmaryland/web-utilities-library/theme';\nimport { type ElementModel } from '../_types';\n\ninterface NoResultsContentType {\n  message?: string;\n  linkUrl?: string;\n  linkText?: string;\n  ctaType?: string;\n  isThemeDark?: boolean;\n  isAlignedCenter?: boolean;\n}\n\nexport default ({\n  message,\n  linkUrl,\n  linkText,\n  isThemeDark,\n  isAlignedCenter = true,\n}: NoResultsContentType): ElementModel => {\n  const headline = new ElementBuilder(document.createElement('p'))\n    .styled(\n      Styles.typography.sans.compose('extralarge', {\n        theme: theme.fontColor(isThemeDark),\n      }),\n    )\n    .withStyles({\n      element: {\n        textTransform: 'uppercase',\n      },\n    })\n    .build();\n\n  headline.element.innerHTML = message || 'No results found';\n\n  const composite = new ElementBuilder()\n    .styled(Styles.layout.grid.stacked)\n    .withChild(headline)\n    .withStyles({\n      element: {\n        [`& *`]: {\n          textAlign: isAlignedCenter ? 'center' : 'left',\n        },\n        [`& *:not(:first-child)`]: {\n          marginTop: `${Styles.token.spacing.md}`,\n        },\n      },\n    });\n\n  if (linkUrl && linkText) {\n    const link = document.createElement('a');\n    link.innerHTML = linkText;\n    link.setAttribute('href', linkUrl);\n    link.setAttribute('target', '_blank');\n    link.setAttribute('rel', 'noopener noreferrer');\n\n    const ctaButton = Atomic.actions.options({\n      element: link,\n      isTypeOutline: true,\n      isThemeDark,\n    });\n\n    composite.withChild(ctaButton);\n  }\n\n  return composite.build();\n};\n"],"names":[],"mappings":";;;;AAeA,MAAA,YAAe,CAAC;AAAA,EACd;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,kBAAkB;AACpB,MAA0C;AACxC,QAAM,WAAW,IAAI,eAAe,SAAS,cAAc,GAAG,CAAC,EAC5D;AAAA,IACC,OAAO,WAAW,KAAK,QAAQ,cAAc;AAAA,MAC3C,OAAO,MAAM,UAAU,WAAW;AAAA,IAAA,CACnC;AAAA,EAAA,EAEF,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,IAAA;AAAA,EACjB,CACD,EACA,MAAA;AAEH,WAAS,QAAQ,YAAY,WAAW;AAExC,QAAM,YAAY,IAAI,iBACnB,OAAO,OAAO,OAAO,KAAK,OAAO,EACjC,UAAU,QAAQ,EAClB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,CAAC,KAAK,GAAG;AAAA,QACP,WAAW,kBAAkB,WAAW;AAAA,MAAA;AAAA,MAE1C,CAAC,uBAAuB,GAAG;AAAA,QACzB,WAAW,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,MAAA;AAAA,IACvC;AAAA,EACF,CACD;AAEH,MAAI,WAAW,UAAU;AACvB,UAAM,OAAO,SAAS,cAAc,GAAG;AACvC,SAAK,YAAY;AACjB,SAAK,aAAa,QAAQ,OAAO;AACjC,SAAK,aAAa,UAAU,QAAQ;AACpC,SAAK,aAAa,OAAO,qBAAqB;AAE9C,UAAM,YAAY,OAAO,QAAQ,QAAQ;AAAA,MACvC,SAAS;AAAA,MACT,eAAe;AAAA,MACf;AAAA,IAAA,CACD;AAED,cAAU,UAAU,SAAS;AAAA,EAC/B;AAEA,SAAO,UAAU,MAAA;AACnB;"}

package/dist/macros/slider.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.d.ts","sourceRoot":"","sources":["../../source/macros/slider.ts"],"names":[],"mappings":"yBAgBgB,oEAQb;IACD,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,UAAU,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;CAC9B;;2BA0B2B,UAAU;;;;;AA1CtC,wBAwGE"}

package/dist/macros/slider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.js","sources":["../../source/macros/slider.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { fetchGraphQL } from '@universityofmaryland/web-utilities-library/network';\nimport { slider as elementSlider } from '@universityofmaryland/web-elements-library/composite';\nimport {\n  textLockup as elementTextLockup,\n  events as elementEvents,\n} from '@universityofmaryland/web-elements-library/atomic';\n\ntype TypeSlideFeedResponse = {\n  title: string;\n  startMonth: string;\n  startDay: string;\n  endMonth?: string;\n  endDay?: string;\n};\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 = elementSlider.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 = elementEvents.sign({\n            startMonth: data.startMonth,\n            startDay: data.startDay,\n            endDay: data.endDay,\n            endMonth: data.endMonth,\n            isThemeDark,\n          });\n\n          const textLockup = elementTextLockup.date({\n            headline,\n            isThemeDark,\n            dateSign,\n          });\n\n          slider.styles += textLockup.styles;\n          slider.styles += dateSign.styles;\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","elementSlider","shadowRoot","Styles","fetchGraphQL","headline","elementEvents","elementTextLockup"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAgBA,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,UAASC,UAAAA,OAAc,OAAO;AAAA,IAClC;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,MAAME,QAAAA,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,WAAWC,OAAAA,OAAc,KAAK;AAAA,UAClC,YAAY,KAAK;AAAA,UACjB,UAAU,KAAK;AAAA,UACf,QAAQ,KAAK;AAAA,UACb,UAAU,KAAK;AAAA,UACf;AAAA,QAAA,CACD;AAED,cAAM,aAAaC,OAAAA,WAAkB,KAAK;AAAA,UACxC,UAAAF;AAAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAED,QAAAL,QAAO,UAAU,WAAW;AAC5B,QAAAA,QAAO,UAAU,SAAS;AAE1B,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/utilities/events/index.d.ts.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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.map

@@ -1 +0,0 @@
-{"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/index.d.ts

@@ -1,3 +0,0 @@
-export * as network from './network';
-export * as events from './events';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/utilities/index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,OAAO,MAAM,WAAW,CAAC;AACrC,OAAO,KAAK,MAAM,MAAM,UAAU,CAAC"}

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

@@ -1 +0,0 @@
-{"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/dist/utilities/network/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/utilities/network/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}