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

package/dist/states/loading.js.map

@@ -1 +1 @@
-{"version":3,"file":"loading.js","sources":["../../source/states/loading.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { token } from '@universityofmaryland/web-styles-library';\n\nimport { type ElementModel } from '../_types';\nimport {\n  type LoadingStateConfig,\n  type LoaderLegacyAPI,\n  FeedStateEvent,\n} from './_types';\n\nconst ID_UMD_LOADER = 'umd-loader-container';\n\nconst keyframes = `\n  @keyframes loader-first-animation {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n\n  @keyframes loader-last-animation {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n\n  @keyframes loader-middle-animation {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(24px, 0);\n    }\n  }\n`;\n\n/**\n * Creates a loading spinner element model\n *\n * @param config - Loading state configuration\n * @returns ElementModel with loading spinner\n *\n * @example\n * ```typescript\n * const loading = createLoadingElement({ isThemeDark: false });\n * container.appendChild(loading.element);\n * ```\n */\nexport function createLoadingElement(config: LoadingStateConfig = {}): ElementModel {\n  const { isThemeDark = false } = config;\n\n  const defaultDotStyles = {\n    position: 'absolute',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    width: '8px',\n    height: '8px',\n    borderRadius: '50%',\n    background: isThemeDark ? token.color.gray.light : token.color.gray.dark,\n    animationTimingFunction: 'cubic-bezier(0, 1, 1, 0)',\n  };\n\n  const innerElmOne = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-one`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '5px',\n        animation: 'loader-first-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const innerElmTwo = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-two`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '5px',\n        animation: 'loader-middle-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const innerElmThree = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-three`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '24px',\n        animation: 'loader-middle-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const innerElmFour = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-four`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '45px',\n        animation: 'loader-last-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const wrapper = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-wrapper`)\n    .withChild(innerElmOne)\n    .withChild(innerElmTwo)\n    .withChild(innerElmThree)\n    .withChild(innerElmFour)\n    .withStyles({\n      element: {\n        position: 'relative',\n      },\n    })\n    .build();\n\n  const composite = new ElementBuilder()\n    .withClassName(ID_UMD_LOADER)\n    .withChild(wrapper)\n    .withStyles({\n      element: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        padding: '10px 0',\n        minHeight: '40px',\n        position: 'relative',\n        gridColumn: '1 / -1',\n      },\n    })\n    .build();\n\n  composite.styles += keyframes;\n\n  return composite;\n}\n\n/**\n * Loading state manager class\n *\n * Manages the lifecycle of a loading spinner with show/hide functionality.\n *\n * @example\n * ```typescript\n * const loading = new LoadingState({ isThemeDark: false });\n * loading.show(container);\n * // ... async operation\n * loading.hide();\n * ```\n */\nexport class LoadingState {\n  private model: ElementModel;\n  private container: HTMLElement | null = null;\n  private isVisible: boolean = false;\n\n  constructor(config: LoadingStateConfig = {}) {\n    this.model = createLoadingElement(config);\n  }\n\n  /**\n   * Show the loading spinner in a container\n   */\n  show(container: HTMLElement): void {\n    if (!this.isVisible) {\n      this.container = container;\n      container.appendChild(this.model.element);\n      this.isVisible = true;\n\n      container.dispatchEvent(\n        new CustomEvent(FeedStateEvent.LOADING_START, {\n          bubbles: true,\n          detail: { timestamp: Date.now() },\n        })\n      );\n    }\n  }\n\n  /**\n   * Hide and remove the loading spinner\n   */\n  hide(): void {\n    if (this.isVisible && this.model.element.parentNode) {\n      this.model.element.remove();\n      this.isVisible = false;\n\n      if (this.container) {\n        this.container.dispatchEvent(\n          new CustomEvent(FeedStateEvent.LOADING_END, {\n            bubbles: true,\n            detail: { timestamp: Date.now() },\n          })\n        );\n      }\n    }\n  }\n\n  /**\n   * Cleanup and remove the loading spinner\n   */\n  destroy(): void {\n    this.hide();\n    this.container = null;\n  }\n\n  /**\n   * Get the loading spinner element\n   */\n  get element(): HTMLElement {\n    return this.model.element;\n  }\n\n  /**\n   * Get the loading spinner styles\n   */\n  get styles(): string {\n    return this.model.styles;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Exports (Legacy API)\n// =============================================================================\n\n/**\n * @deprecated Use LoadingState class instead\n */\nconst create = (config: LoadingStateConfig = {}): ElementModel => {\n  return createLoadingElement(config);\n};\n\n/**\n * @deprecated Use LoadingState.show() instead\n */\nconst display = ({\n  container,\n  isThemeDark,\n}: {\n  container: HTMLElement;\n  isThemeDark?: boolean;\n}): void => {\n  const loading = createLoadingElement({ isThemeDark });\n  container.appendChild(loading.element);\n};\n\n/**\n * @deprecated Use LoadingState.hide() instead\n */\nconst remove = ({ container }: { container: HTMLElement }): void => {\n  const loader = container.querySelector(`.${ID_UMD_LOADER}`) as HTMLDivElement;\n  if (loader) loader.remove();\n};\n\n/**\n * Legacy API for backwards compatibility\n * @deprecated Use LoadingState class instead\n */\nexport default {\n  create,\n  display,\n  remove,\n} as LoaderLegacyAPI;\n"],"names":["token","ElementBuilder","FeedStateEvent"],"mappings":"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"}
+{"version":3,"file":"loading.js","sources":["../../source/states/loading.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { token } from '@universityofmaryland/web-styles-library';\n\nimport { type ElementModel } from '../_types';\nimport { type LoadingStateConfig, FeedStateEvent } from './_types';\n\nconst ID_UMD_LOADER = 'umd-loader-container';\n\nconst keyframes = `\n  @keyframes loader-first-animation {\n    0% {\n      transform: scale(0);\n    }\n    100% {\n      transform: scale(1);\n    }\n  }\n\n  @keyframes loader-last-animation {\n    0% {\n      transform: scale(1);\n    }\n    100% {\n      transform: scale(0);\n    }\n  }\n\n  @keyframes loader-middle-animation {\n    0% {\n      transform: translate(0, 0);\n    }\n    100% {\n      transform: translate(24px, 0);\n    }\n  }\n`;\n\n/**\n * Creates a loading spinner element model\n *\n * @param config - Loading state configuration\n * @returns ElementModel with loading spinner\n *\n * @example\n * ```typescript\n * const loading = createLoadingElement({ isThemeDark: false });\n * container.appendChild(loading.element);\n * ```\n */\nexport function createLoadingElement(config: LoadingStateConfig = {}): ElementModel {\n  const { isThemeDark = false } = config;\n\n  const defaultDotStyles = {\n    position: 'absolute',\n    top: '50%',\n    transform: 'translateY(-50%)',\n    width: '8px',\n    height: '8px',\n    borderRadius: '50%',\n    background: isThemeDark ? token.color.gray.light : token.color.gray.dark,\n    animationTimingFunction: 'cubic-bezier(0, 1, 1, 0)',\n  };\n\n  const innerElmOne = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-one`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '5px',\n        animation: 'loader-first-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const innerElmTwo = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-two`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '5px',\n        animation: 'loader-middle-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const innerElmThree = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-three`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '24px',\n        animation: 'loader-middle-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const innerElmFour = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-four`)\n    .withStyles({\n      element: {\n        ...defaultDotStyles,\n        left: '45px',\n        animation: 'loader-last-animation 0.6s infinite',\n      },\n    })\n    .build();\n\n  const wrapper = new ElementBuilder()\n    .withClassName(`${ID_UMD_LOADER}-wrapper`)\n    .withChild(innerElmOne)\n    .withChild(innerElmTwo)\n    .withChild(innerElmThree)\n    .withChild(innerElmFour)\n    .withStyles({\n      element: {\n        position: 'relative',\n      },\n    })\n    .build();\n\n  const composite = new ElementBuilder()\n    .withClassName(ID_UMD_LOADER)\n    .withChild(wrapper)\n    .withStyles({\n      element: {\n        display: 'flex',\n        justifyContent: 'center',\n        alignItems: 'center',\n        padding: '10px 0',\n        minHeight: '40px',\n        position: 'relative',\n        gridColumn: '1 / -1',\n      },\n    })\n    .build();\n\n  composite.styles += keyframes;\n\n  return composite;\n}\n\n/**\n * Loading state manager class\n *\n * Manages the lifecycle of a loading spinner with show/hide functionality.\n *\n * @example\n * ```typescript\n * const loading = new LoadingState({ isThemeDark: false });\n * loading.show(container);\n * // ... async operation\n * loading.hide();\n * ```\n */\nexport class LoadingState {\n  private model: ElementModel;\n  private container: HTMLElement | null = null;\n  private isVisible: boolean = false;\n\n  constructor(config: LoadingStateConfig = {}) {\n    this.model = createLoadingElement(config);\n  }\n\n  /**\n   * Show the loading spinner in a container\n   */\n  show(container: HTMLElement): void {\n    if (!this.isVisible) {\n      this.container = container;\n      container.appendChild(this.model.element);\n      this.isVisible = true;\n\n      container.dispatchEvent(\n        new CustomEvent(FeedStateEvent.LOADING_START, {\n          bubbles: true,\n          detail: { timestamp: Date.now() },\n        })\n      );\n    }\n  }\n\n  /**\n   * Hide and remove the loading spinner\n   */\n  hide(): void {\n    if (this.isVisible && this.model.element.parentNode) {\n      this.model.element.remove();\n      this.isVisible = false;\n\n      if (this.container) {\n        this.container.dispatchEvent(\n          new CustomEvent(FeedStateEvent.LOADING_END, {\n            bubbles: true,\n            detail: { timestamp: Date.now() },\n          })\n        );\n      }\n    }\n  }\n\n  /**\n   * Cleanup and remove the loading spinner\n   */\n  destroy(): void {\n    this.hide();\n    this.container = null;\n  }\n\n  /**\n   * Get the loading spinner element\n   */\n  get element(): HTMLElement {\n    return this.model.element;\n  }\n\n  /**\n   * Get the loading spinner styles\n   */\n  get styles(): string {\n    return this.model.styles;\n  }\n}\n\n"],"names":[],"mappings":"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"}

package/dist/states/pagination.d.ts

@@ -1,5 +1,5 @@
 import { ElementModel } from '../_types';
-import { PaginationStateConfig, PaginationLegacyAPI } from './_types';
+import { PaginationStateConfig } from './_types';
 export declare function createPaginationElement(config: PaginationStateConfig): ElementModel | undefined;
 export declare class PaginationState {
     private config;
@@ -14,6 +14,4 @@ export declare class PaginationState {
     get element(): HTMLElement | undefined;
     get styles(): string | undefined;
 }
-declare const _default: PaginationLegacyAPI;
-export default _default;
 //# sourceMappingURL=pagination.d.ts.map

package/dist/states/pagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../source/states/pagination.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EACL,KAAK,qBAAqB,EAC1B,KAAK,mBAAmB,EAEzB,MAAM,UAAU,CAAC;AAsBlB,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,qBAAqB,GAC5B,YAAY,GAAG,SAAS,CAuC1B;AAyBD,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAwB;IACtC,OAAO,CAAC,KAAK,CAA2B;IACxC,OAAO,CAAC,SAAS,CAA4B;gBAEjC,MAAM,EAAE,qBAAqB;IASzC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,YAAY,GAAG,SAAS;IAWxD,MAAM,IAAI,IAAI;IAUd,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAmBvD,OAAO,IAAI,OAAO;IAQlB,OAAO,IAAI,IAAI;IAQf,IAAI,OAAO,IAAI,WAAW,GAAG,SAAS,CAErC;IAKD,IAAI,MAAM,IAAI,MAAM,GAAG,SAAS,CAE/B;CACF;wBA+BI,mBAAmB;AAHxB,wBAGyB"}
+{"version":3,"file":"pagination.d.ts","sourceRoot":"","sources":["../../source/states/pagination.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,WAAW,CAAC;AAC9C,OAAO,EAAE,KAAK,qBAAqB,EAAkB,MAAM,UAAU,CAAC;AAsBtE,wBAAgB,uBAAuB,CACrC,MAAM,EAAE,qBAAqB,GAC5B,YAAY,GAAG,SAAS,CAuC1B;AAyBD,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAwB;IACtC,OAAO,CAAC,KAAK,CAA2B;IACxC,OAAO,CAAC,SAAS,CAA4B;gBAEjC,MAAM,EAAE,qBAAqB;IASzC,MAAM,CAAC,SAAS,EAAE,WAAW,GAAG,YAAY,GAAG,SAAS;IAWxD,MAAM,IAAI,IAAI;IAUd,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,YAAY,EAAE,MAAM,GAAG,IAAI;IAmBvD,OAAO,IAAI,OAAO;IAQlB,OAAO,IAAI,IAAI;IAQf,IAAI,OAAO,IAAI,WAAW,GAAG,SAAS,CAErC;IAKD,IAAI,MAAM,IAAI,MAAM,GAAG,SAAS,CAE/B;CACF"}

package/dist/states/pagination.js

@@ -1,25 +1,6 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const Styles = require("@universityofmaryland/web-styles-library");
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const _types = require("./_types.js");
-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);
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { FeedStateEvent } from "./_types.js";
 function createPaginationElement(config) {
   const { callback, isLazyLoad, totalEntries, offset } = config;
   if (!isLazyLoad) return;
@@ -32,7 +13,7 @@ function createPaginationElement(config) {
   button.addEventListener("click", () => {
     callback();
     button.dispatchEvent(
-      new CustomEvent(_types.FeedStateEvent.PAGINATION_LOADED, {
+      new CustomEvent(FeedStateEvent.PAGINATION_LOADED, {
         bubbles: true,
         detail: {
           offset,
@@ -42,10 +23,10 @@ function createPaginationElement(config) {
       })
     );
   });
-  const ctaButton = new webBuilderLibrary.ElementBuilder(button).styled(Styles__namespace.element.action.outline.normal).build();
-  return new webBuilderLibrary.ElementBuilder().styled(Styles__namespace.layout.alignment.block.center).withChild(ctaButton).withStyles({
+  const ctaButton = new ElementBuilder(button).styled(Styles.element.action.outline.normal).build();
+  return new ElementBuilder().styled(Styles.layout.alignment.block.center).withChild(ctaButton).withStyles({
     element: {
-      marginTop: `${Styles__namespace.token.spacing.lg}`
+      marginTop: `${Styles.token.spacing.lg}`
     }
   }).build();
 }
@@ -114,6 +95,8 @@ class PaginationState {
     return this.model?.styles;
   }
 }
-exports.PaginationState = PaginationState;
-exports.createPaginationElement = createPaginationElement;
+export {
+  PaginationState,
+  createPaginationElement
+};
 //# sourceMappingURL=pagination.js.map

package/dist/states/pagination.js.map

@@ -1 +1 @@
-{"version":3,"file":"pagination.js","sources":["../../source/states/pagination.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\n\nimport { type ElementModel } from '../_types';\nimport {\n  type PaginationStateConfig,\n  type PaginationLegacyAPI,\n  FeedStateEvent,\n} from './_types';\n\n/**\n * Creates a pagination \"Load more\" button element\n *\n * @param config - Pagination state configuration\n * @returns ElementModel with load more button, or undefined if pagination not needed\n *\n * @example\n * ```typescript\n * const pagination = createPaginationElement({\n *   callback: () => loadMoreItems(),\n *   isThemeDark: false,\n *   isLazyLoad: true,\n *   totalEntries: 50,\n *   offset: 10\n * });\n * if (pagination) {\n *   container.appendChild(pagination.element);\n * }\n * ```\n */\nexport function createPaginationElement(\n  config: PaginationStateConfig\n): ElementModel | undefined {\n  const { callback, isLazyLoad, totalEntries, offset } = config;\n\n  // Guard clauses for when pagination is not needed\n  if (!isLazyLoad) return;\n  if (!totalEntries) return;\n  if (!offset) return;\n  if (!callback) return;\n  if (offset >= totalEntries) return;\n\n  const button = document.createElement('button');\n  button.textContent = 'Load more'; // Use textContent for security\n  button.addEventListener('click', () => {\n    callback();\n    button.dispatchEvent(\n      new CustomEvent(FeedStateEvent.PAGINATION_LOADED, {\n        bubbles: true,\n        detail: {\n          offset,\n          totalEntries,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  });\n\n  const ctaButton = new ElementBuilder(button)\n    .styled(Styles.element.action.outline.normal)\n    .build();\n\n  return new ElementBuilder()\n    .styled(Styles.layout.alignment.block.center)\n    .withChild(ctaButton)\n    .withStyles({\n      element: {\n        marginTop: `${Styles.token.spacing.lg}`,\n      },\n    })\n    .build();\n}\n\n/**\n * Pagination state manager class\n *\n * Manages a \"Load more\" button for paginated feed content.\n *\n * @example\n * ```typescript\n * const pagination = new PaginationState({\n *   callback: () => loadMore(),\n *   isLazyLoad: true,\n *   totalEntries: 50,\n *   offset: 10\n * });\n *\n * const button = pagination.render(container);\n * if (button) {\n *   // Pagination was rendered\n * }\n *\n * // Later, update state\n * pagination.updateState(20, 50);\n * ```\n */\nexport class PaginationState {\n  private config: PaginationStateConfig;\n  private model: ElementModel | undefined;\n  private container: HTMLElement | null = null;\n\n  constructor(config: PaginationStateConfig) {\n    this.config = config;\n    this.model = createPaginationElement(config);\n  }\n\n  /**\n   * Render the pagination button if applicable\n   * @returns ElementModel if rendered, undefined otherwise\n   */\n  render(container: HTMLElement): ElementModel | undefined {\n    if (this.model) {\n      this.container = container;\n      container.appendChild(this.model.element);\n    }\n    return this.model;\n  }\n\n  /**\n   * Remove the pagination button from DOM\n   */\n  remove(): void {\n    if (this.model && this.model.element.parentNode) {\n      this.model.element.remove();\n    }\n  }\n\n  /**\n   * Update pagination state with new offset and total\n   * Re-creates button if needed\n   */\n  updateState(offset: number, totalEntries: number): void {\n    this.config.offset = offset;\n    this.config.totalEntries = totalEntries;\n\n    // Remove old button\n    this.remove();\n\n    // Create new button if still needed\n    this.model = createPaginationElement(this.config);\n\n    // Re-render if we have a container\n    if (this.container && this.model) {\n      this.container.appendChild(this.model.element);\n    }\n  }\n\n  /**\n   * Check if more items are available to load\n   */\n  hasMore(): boolean {\n    const { offset, totalEntries } = this.config;\n    return !!(totalEntries && offset < totalEntries);\n  }\n\n  /**\n   * Cleanup and remove pagination\n   */\n  destroy(): void {\n    this.remove();\n    this.container = null;\n  }\n\n  /**\n   * Get the pagination element if it exists\n   */\n  get element(): HTMLElement | undefined {\n    return this.model?.element;\n  }\n\n  /**\n   * Get the pagination styles if element exists\n   */\n  get styles(): string | undefined {\n    return this.model?.styles;\n  }\n}\n\n// =============================================================================\n// Backwards Compatible Exports (Legacy API)\n// =============================================================================\n\n/**\n * @deprecated Use PaginationState class or createPaginationElement instead\n */\nconst create = (config: PaginationStateConfig): ElementModel | undefined => {\n  return createPaginationElement(config);\n};\n\n/**\n * @deprecated Use PaginationState.remove() instead\n */\nconst remove = ({ container }: { container: HTMLElement }): void => {\n  const button = container.querySelector(\n    `.${Styles.layout.alignment.block.center.className}`\n  ) as HTMLDivElement;\n\n  if (button) button.remove();\n};\n\n/**\n * Legacy API for backwards compatibility\n * @deprecated Use PaginationState class instead\n */\nexport default {\n  remove,\n  create,\n} as PaginationLegacyAPI;\n"],"names":["FeedStateEvent","ElementBuilder","Styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;AA8BO,SAAS,wBACd,QAC0B;AAC1B,QAAM,EAAE,UAAU,YAAY,cAAc,WAAW;AAGvD,MAAI,CAAC,WAAY;AACjB,MAAI,CAAC,aAAc;AACnB,MAAI,CAAC,OAAQ;AACb,MAAI,CAAC,SAAU;AACf,MAAI,UAAU,aAAc;AAE5B,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,cAAc;AACrB,SAAO,iBAAiB,SAAS,MAAM;AACrC,aAAA;AACA,WAAO;AAAA,MACL,IAAI,YAAYA,OAAAA,eAAe,mBAAmB;AAAA,QAChD,SAAS;AAAA,QACT,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL,CAAC;AAED,QAAM,YAAY,IAAIC,iCAAe,MAAM,EACxC,OAAOC,kBAAO,QAAQ,OAAO,QAAQ,MAAM,EAC3C,MAAA;AAEH,SAAO,IAAID,kBAAAA,eAAA,EACR,OAAOC,kBAAO,OAAO,UAAU,MAAM,MAAM,EAC3C,UAAU,SAAS,EACnB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,WAAW,GAAGA,kBAAO,MAAM,QAAQ,EAAE;AAAA,IAAA;AAAA,EACvC,CACD,EACA,MAAA;AACL;AAyBO,MAAM,gBAAgB;AAAA,EAK3B,YAAY,QAA+B;AAF3C,SAAQ,YAAgC;AAGtC,SAAK,SAAS;AACd,SAAK,QAAQ,wBAAwB,MAAM;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,WAAkD;AACvD,QAAI,KAAK,OAAO;AACd,WAAK,YAAY;AACjB,gBAAU,YAAY,KAAK,MAAM,OAAO;AAAA,IAC1C;AACA,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,SAAe;AACb,QAAI,KAAK,SAAS,KAAK,MAAM,QAAQ,YAAY;AAC/C,WAAK,MAAM,QAAQ,OAAA;AAAA,IACrB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,QAAgB,cAA4B;AACtD,SAAK,OAAO,SAAS;AACrB,SAAK,OAAO,eAAe;AAG3B,SAAK,OAAA;AAGL,SAAK,QAAQ,wBAAwB,KAAK,MAAM;AAGhD,QAAI,KAAK,aAAa,KAAK,OAAO;AAChC,WAAK,UAAU,YAAY,KAAK,MAAM,OAAO;AAAA,IAC/C;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAmB;AACjB,UAAM,EAAE,QAAQ,aAAA,IAAiB,KAAK;AACtC,WAAO,CAAC,EAAE,gBAAgB,SAAS;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,SAAK,OAAA;AACL,SAAK,YAAY;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,UAAmC;AACrC,WAAO,KAAK,OAAO;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAA6B;AAC/B,WAAO,KAAK,OAAO;AAAA,EACrB;AACF;;;"}
+{"version":3,"file":"pagination.js","sources":["../../source/states/pagination.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\n\nimport { type ElementModel } from '../_types';\nimport { type PaginationStateConfig, FeedStateEvent } from './_types';\n\n/**\n * Creates a pagination \"Load more\" button element\n *\n * @param config - Pagination state configuration\n * @returns ElementModel with load more button, or undefined if pagination not needed\n *\n * @example\n * ```typescript\n * const pagination = createPaginationElement({\n *   callback: () => loadMoreItems(),\n *   isThemeDark: false,\n *   isLazyLoad: true,\n *   totalEntries: 50,\n *   offset: 10\n * });\n * if (pagination) {\n *   container.appendChild(pagination.element);\n * }\n * ```\n */\nexport function createPaginationElement(\n  config: PaginationStateConfig\n): ElementModel | undefined {\n  const { callback, isLazyLoad, totalEntries, offset } = config;\n\n  // Guard clauses for when pagination is not needed\n  if (!isLazyLoad) return;\n  if (!totalEntries) return;\n  if (!offset) return;\n  if (!callback) return;\n  if (offset >= totalEntries) return;\n\n  const button = document.createElement('button');\n  button.textContent = 'Load more'; // Use textContent for security\n  button.addEventListener('click', () => {\n    callback();\n    button.dispatchEvent(\n      new CustomEvent(FeedStateEvent.PAGINATION_LOADED, {\n        bubbles: true,\n        detail: {\n          offset,\n          totalEntries,\n          timestamp: Date.now(),\n        },\n      })\n    );\n  });\n\n  const ctaButton = new ElementBuilder(button)\n    .styled(Styles.element.action.outline.normal)\n    .build();\n\n  return new ElementBuilder()\n    .styled(Styles.layout.alignment.block.center)\n    .withChild(ctaButton)\n    .withStyles({\n      element: {\n        marginTop: `${Styles.token.spacing.lg}`,\n      },\n    })\n    .build();\n}\n\n/**\n * Pagination state manager class\n *\n * Manages a \"Load more\" button for paginated feed content.\n *\n * @example\n * ```typescript\n * const pagination = new PaginationState({\n *   callback: () => loadMore(),\n *   isLazyLoad: true,\n *   totalEntries: 50,\n *   offset: 10\n * });\n *\n * const button = pagination.render(container);\n * if (button) {\n *   // Pagination was rendered\n * }\n *\n * // Later, update state\n * pagination.updateState(20, 50);\n * ```\n */\nexport class PaginationState {\n  private config: PaginationStateConfig;\n  private model: ElementModel | undefined;\n  private container: HTMLElement | null = null;\n\n  constructor(config: PaginationStateConfig) {\n    this.config = config;\n    this.model = createPaginationElement(config);\n  }\n\n  /**\n   * Render the pagination button if applicable\n   * @returns ElementModel if rendered, undefined otherwise\n   */\n  render(container: HTMLElement): ElementModel | undefined {\n    if (this.model) {\n      this.container = container;\n      container.appendChild(this.model.element);\n    }\n    return this.model;\n  }\n\n  /**\n   * Remove the pagination button from DOM\n   */\n  remove(): void {\n    if (this.model && this.model.element.parentNode) {\n      this.model.element.remove();\n    }\n  }\n\n  /**\n   * Update pagination state with new offset and total\n   * Re-creates button if needed\n   */\n  updateState(offset: number, totalEntries: number): void {\n    this.config.offset = offset;\n    this.config.totalEntries = totalEntries;\n\n    // Remove old button\n    this.remove();\n\n    // Create new button if still needed\n    this.model = createPaginationElement(this.config);\n\n    // Re-render if we have a container\n    if (this.container && this.model) {\n      this.container.appendChild(this.model.element);\n    }\n  }\n\n  /**\n   * Check if more items are available to load\n   */\n  hasMore(): boolean {\n    const { offset, totalEntries } = this.config;\n    return !!(totalEntries && offset < totalEntries);\n  }\n\n  /**\n   * Cleanup and remove pagination\n   */\n  destroy(): void {\n    this.remove();\n    this.container = null;\n  }\n\n  /**\n   * Get the pagination element if it exists\n   */\n  get element(): HTMLElement | undefined {\n    return this.model?.element;\n  }\n\n  /**\n   * Get the pagination styles if element exists\n   */\n  get styles(): string | undefined {\n    return this.model?.styles;\n  }\n}\n\n"],"names":[],"mappings":";;;AA0BO,SAAS,wBACd,QAC0B;AAC1B,QAAM,EAAE,UAAU,YAAY,cAAc,WAAW;AAGvD,MAAI,CAAC,WAAY;AACjB,MAAI,CAAC,aAAc;AACnB,MAAI,CAAC,OAAQ;AACb,MAAI,CAAC,SAAU;AACf,MAAI,UAAU,aAAc;AAE5B,QAAM,SAAS,SAAS,cAAc,QAAQ;AAC9C,SAAO,cAAc;AACrB,SAAO,iBAAiB,SAAS,MAAM;AACrC,aAAA;AACA,WAAO;AAAA,MACL,IAAI,YAAY,eAAe,mBAAmB;AAAA,QAChD,SAAS;AAAA,QACT,QAAQ;AAAA,UACN;AAAA,UACA;AAAA,UACA,WAAW,KAAK,IAAA;AAAA,QAAI;AAAA,MACtB,CACD;AAAA,IAAA;AAAA,EAEL,CAAC;AAED,QAAM,YAAY,IAAI,eAAe,MAAM,EACxC,OAAO,OAAO,QAAQ,OAAO,QAAQ,MAAM,EAC3C,MAAA;AAEH,SAAO,IAAI,eAAA,EACR,OAAO,OAAO,OAAO,UAAU,MAAM,MAAM,EAC3C,UAAU,SAAS,EACnB,WAAW;AAAA,IACV,SAAS;AAAA,MACP,WAAW,GAAG,OAAO,MAAM,QAAQ,EAAE;AAAA,IAAA;AAAA,EACvC,CACD,EACA,MAAA;AACL;AAyBO,MAAM,gBAAgB;AAAA,EAK3B,YAAY,QAA+B;AAF3C,SAAQ,YAAgC;AAGtC,SAAK,SAAS;AACd,SAAK,QAAQ,wBAAwB,MAAM;AAAA,EAC7C;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,OAAO,WAAkD;AACvD,QAAI,KAAK,OAAO;AACd,WAAK,YAAY;AACjB,gBAAU,YAAY,KAAK,MAAM,OAAO;AAAA,IAC1C;AACA,WAAO,KAAK;AAAA,EACd;AAAA;AAAA;AAAA;AAAA,EAKA,SAAe;AACb,QAAI,KAAK,SAAS,KAAK,MAAM,QAAQ,YAAY;AAC/C,WAAK,MAAM,QAAQ,OAAA;AAAA,IACrB;AAAA,EACF;AAAA;AAAA;AAAA;AAAA;AAAA,EAMA,YAAY,QAAgB,cAA4B;AACtD,SAAK,OAAO,SAAS;AACrB,SAAK,OAAO,eAAe;AAG3B,SAAK,OAAA;AAGL,SAAK,QAAQ,wBAAwB,KAAK,MAAM;AAGhD,QAAI,KAAK,aAAa,KAAK,OAAO;AAChC,WAAK,UAAU,YAAY,KAAK,MAAM,OAAO;AAAA,IAC/C;AAAA,EACF;AAAA;AAAA;AAAA;AAAA,EAKA,UAAmB;AACjB,UAAM,EAAE,QAAQ,aAAA,IAAiB,KAAK;AACtC,WAAO,CAAC,EAAE,gBAAgB,SAAS;AAAA,EACrC;AAAA;AAAA;AAAA;AAAA,EAKA,UAAgB;AACd,SAAK,OAAA;AACL,SAAK,YAAY;AAAA,EACnB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,UAAmC;AACrC,WAAO,KAAK,OAAO;AAAA,EACrB;AAAA;AAAA;AAAA;AAAA,EAKA,IAAI,SAA6B;AAC/B,WAAO,KAAK,OAAO;AAAA,EACrB;AACF;"}

package/dist/strategies/display/events.js

@@ -1,8 +1,6 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const composite = require("@universityofmaryland/web-elements-library/composite");
-const atomic = require("@universityofmaryland/web-elements-library/atomic");
-const elements = require("@universityofmaryland/web-utilities-library/elements");
+import { card } from "@universityofmaryland/web-elements-library/composite";
+import { events } from "@universityofmaryland/web-elements-library/atomic";
+import { createTextWithLink, createTextContainer, createImageOrLinkedImage } from "@universityofmaryland/web-utilities-library/elements";
 const eventsDisplayStrategy = {
   layoutType: "grid",
   mapEntryToCard: (entry, options) => {
@@ -13,20 +11,20 @@ const eventsDisplayStrategy = {
       imageConfig,
       cardType = "block"
     } = options;
-    const headline = elements.createTextWithLink({
+    const headline = createTextWithLink({
       text: entry.title,
       url: entry.url
     });
-    const text = elements.createTextContainer({
+    const text = createTextContainer({
       text: entry.summary,
       allowHTML: true
     });
-    const eventMeta = atomic.events.meta({
+    const eventMeta = events.meta({
       ...entry,
       isThemeDark
     });
-    const image = imageConfig ? elements.createImageOrLinkedImage(imageConfig(entry)) : void 0;
-    const dateSign = cardType === "list" ? atomic.events.sign({
+    const image = imageConfig ? createImageOrLinkedImage(imageConfig(entry)) : void 0;
+    const dateSign = cardType === "list" ? events.sign({
       startMonth: entry.startMonth,
       startDay: entry.startDay,
       endMonth: entry.endMonth,
@@ -35,7 +33,7 @@ const eventsDisplayStrategy = {
       isLargeSize: true
     }) : void 0;
     if (cardType === "list") {
-      return composite.card.list({
+      return card.list({
         headline,
         text,
         eventMeta,
@@ -45,7 +43,7 @@ const eventsDisplayStrategy = {
         isThemeDark
       });
     }
-    return composite.card.block({
+    return card.block({
       headline,
       text,
       eventMeta,
@@ -56,5 +54,7 @@ const eventsDisplayStrategy = {
     });
   }
 };
-exports.eventsDisplayStrategy = eventsDisplayStrategy;
+export {
+  eventsDisplayStrategy
+};
 //# sourceMappingURL=events.js.map

package/dist/strategies/display/events.js.map

@@ -1 +1 @@
-{"version":3,"file":"events.js","sources":["../../../source/strategies/display/events.ts"],"sourcesContent":["/**\n * Events Display Strategy\n *\n * Strategy for displaying event entries as cards.\n * Maps event data to card elements with event-specific metadata.\n *\n * @module strategies/display/events\n */\n\nimport { card } from '@universityofmaryland/web-elements-library/composite';\nimport { events as eventElements } from '@universityofmaryland/web-elements-library/atomic';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { DisplayStrategy, CardMappingOptions } from '../../factory/core/types';\nimport { ElementModel } from '../../_types';\nimport { EventEntry } from 'types/data';\n\n/**\n * Events display strategy\n *\n * Maps event entries to card elements with event metadata.\n * Supports both block and list card layouts.\n *\n * @example\n * ```typescript\n * const feed = createBaseFeed({\n *   displayStrategy: eventsDisplayStrategy,\n *   imageConfig: (entry) => ({\n *     imageUrl: entry.image[0].url,\n *     altText: entry.image[0].altText || 'Event Image',\n *     linkUrl: entry.url,\n *   }),\n *   // ...\n * });\n * ```\n */\nexport const eventsDisplayStrategy: DisplayStrategy<EventEntry> = {\n  layoutType: 'grid',\n\n  mapEntryToCard: (\n    entry: EventEntry,\n    options: CardMappingOptions,\n  ): ElementModel => {\n    const {\n      isThemeDark = false,\n      isTransparent = false,\n      isAligned = false,\n      imageConfig,\n      cardType = 'block',\n    } = options;\n\n    // Create headline\n    const headline = createTextWithLink({\n      text: entry.title,\n      url: entry.url,\n    });\n\n    // Create summary text\n    const text = createTextContainer({\n      text: entry.summary,\n      allowHTML: true,\n    });\n\n    // Create event metadata\n    // Pass all entry data to events.meta() - it will handle missing fields gracefully\n    const eventMeta = eventElements.meta({\n      ...entry,\n      isThemeDark,\n    } as any);\n\n    // Create image (if imageConfig provided)\n    const image = imageConfig\n      ? createImageOrLinkedImage(imageConfig(entry))\n      : undefined;\n\n    // Create date sign for list layout\n    const dateSign =\n      cardType === 'list'\n        ? eventElements.sign({\n            startMonth: entry.startMonth,\n            startDay: entry.startDay,\n            endMonth: entry.endMonth,\n            endDay: entry.endDay,\n            isThemeDark,\n            isLargeSize: true,\n          })\n        : undefined;\n\n    // Create card based on type\n    if (cardType === 'list') {\n      return card.list({\n        headline,\n        text,\n        eventMeta,\n        dateSign,\n        image,\n        isAligned,\n        isThemeDark,\n      });\n    }\n\n    // Default to block card\n    return card.block({\n      headline,\n      text,\n      eventMeta,\n      image,\n      isAligned,\n      isTransparent,\n      isThemeDark,\n    });\n  },\n};\n"],"names":["createTextWithLink","createTextContainer","eventElements","createImageOrLinkedImage","card"],"mappings":";;;;;AAuCO,MAAM,wBAAqD;AAAA,EAChE,YAAY;AAAA,EAEZ,gBAAgB,CACd,OACA,YACiB;AACjB,UAAM;AAAA,MACJ,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ;AAAA,MACA,WAAW;AAAA,IAAA,IACT;AAGJ,UAAM,WAAWA,SAAAA,mBAAmB;AAAA,MAClC,MAAM,MAAM;AAAA,MACZ,KAAK,MAAM;AAAA,IAAA,CACZ;AAGD,UAAM,OAAOC,SAAAA,oBAAoB;AAAA,MAC/B,MAAM,MAAM;AAAA,MACZ,WAAW;AAAA,IAAA,CACZ;AAID,UAAM,YAAYC,OAAAA,OAAc,KAAK;AAAA,MACnC,GAAG;AAAA,MACH;AAAA,IAAA,CACM;AAGR,UAAM,QAAQ,cACVC,SAAAA,yBAAyB,YAAY,KAAK,CAAC,IAC3C;AAGJ,UAAM,WACJ,aAAa,SACTD,OAAAA,OAAc,KAAK;AAAA,MACjB,YAAY,MAAM;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,QAAQ,MAAM;AAAA,MACd;AAAA,MACA,aAAa;AAAA,IAAA,CACd,IACD;AAGN,QAAI,aAAa,QAAQ;AACvB,aAAOE,UAAAA,KAAK,KAAK;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAGA,WAAOA,UAAAA,KAAK,MAAM;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH;AACF;;"}
+{"version":3,"file":"events.js","sources":["../../../source/strategies/display/events.ts"],"sourcesContent":["/**\n * Events Display Strategy\n *\n * Strategy for displaying event entries as cards.\n * Maps event data to card elements with event-specific metadata.\n *\n * @module strategies/display/events\n */\n\nimport { card } from '@universityofmaryland/web-elements-library/composite';\nimport { events as eventElements } from '@universityofmaryland/web-elements-library/atomic';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { DisplayStrategy, CardMappingOptions } from '../../factory/core/types';\nimport { ElementModel } from '../../_types';\nimport { EventEntry } from 'types/data';\n\n/**\n * Events display strategy\n *\n * Maps event entries to card elements with event metadata.\n * Supports both block and list card layouts.\n *\n * @example\n * ```typescript\n * const feed = createBaseFeed({\n *   displayStrategy: eventsDisplayStrategy,\n *   imageConfig: (entry) => ({\n *     imageUrl: entry.image[0].url,\n *     altText: entry.image[0].altText || 'Event Image',\n *     linkUrl: entry.url,\n *   }),\n *   // ...\n * });\n * ```\n */\nexport const eventsDisplayStrategy: DisplayStrategy<EventEntry> = {\n  layoutType: 'grid',\n\n  mapEntryToCard: (\n    entry: EventEntry,\n    options: CardMappingOptions,\n  ): ElementModel => {\n    const {\n      isThemeDark = false,\n      isTransparent = false,\n      isAligned = false,\n      imageConfig,\n      cardType = 'block',\n    } = options;\n\n    // Create headline\n    const headline = createTextWithLink({\n      text: entry.title,\n      url: entry.url,\n    });\n\n    // Create summary text\n    const text = createTextContainer({\n      text: entry.summary,\n      allowHTML: true,\n    });\n\n    // Create event metadata\n    // Pass all entry data to events.meta() - it will handle missing fields gracefully\n    const eventMeta = eventElements.meta({\n      ...entry,\n      isThemeDark,\n    } as any);\n\n    // Create image (if imageConfig provided)\n    const image = imageConfig\n      ? createImageOrLinkedImage(imageConfig(entry))\n      : undefined;\n\n    // Create date sign for list layout\n    const dateSign =\n      cardType === 'list'\n        ? eventElements.sign({\n            startMonth: entry.startMonth,\n            startDay: entry.startDay,\n            endMonth: entry.endMonth,\n            endDay: entry.endDay,\n            isThemeDark,\n            isLargeSize: true,\n          })\n        : undefined;\n\n    // Create card based on type\n    if (cardType === 'list') {\n      return card.list({\n        headline,\n        text,\n        eventMeta,\n        dateSign,\n        image,\n        isAligned,\n        isThemeDark,\n      });\n    }\n\n    // Default to block card\n    return card.block({\n      headline,\n      text,\n      eventMeta,\n      image,\n      isAligned,\n      isTransparent,\n      isThemeDark,\n    });\n  },\n};\n"],"names":["eventElements"],"mappings":";;;AAuCO,MAAM,wBAAqD;AAAA,EAChE,YAAY;AAAA,EAEZ,gBAAgB,CACd,OACA,YACiB;AACjB,UAAM;AAAA,MACJ,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ;AAAA,MACA,WAAW;AAAA,IAAA,IACT;AAGJ,UAAM,WAAW,mBAAmB;AAAA,MAClC,MAAM,MAAM;AAAA,MACZ,KAAK,MAAM;AAAA,IAAA,CACZ;AAGD,UAAM,OAAO,oBAAoB;AAAA,MAC/B,MAAM,MAAM;AAAA,MACZ,WAAW;AAAA,IAAA,CACZ;AAID,UAAM,YAAYA,OAAc,KAAK;AAAA,MACnC,GAAG;AAAA,MACH;AAAA,IAAA,CACM;AAGR,UAAM,QAAQ,cACV,yBAAyB,YAAY,KAAK,CAAC,IAC3C;AAGJ,UAAM,WACJ,aAAa,SACTA,OAAc,KAAK;AAAA,MACjB,YAAY,MAAM;AAAA,MAClB,UAAU,MAAM;AAAA,MAChB,UAAU,MAAM;AAAA,MAChB,QAAQ,MAAM;AAAA,MACd;AAAA,MACA,aAAa;AAAA,IAAA,CACd,IACD;AAGN,QAAI,aAAa,QAAQ;AACvB,aAAO,KAAK,KAAK;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAGA,WAAO,KAAK,MAAM;AAAA,MAChB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH;AACF;"}

package/dist/strategies/display/experts.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const composite = require("@universityofmaryland/web-elements-library/composite");
-const elements = require("@universityofmaryland/web-utilities-library/elements");
+import { card, person } from "@universityofmaryland/web-elements-library/composite";
+import { createTextWithLink, createTextContainer, createImageOrLinkedImage } from "@universityofmaryland/web-utilities-library/elements";
 const CONTACT_CONFIGS = [
   {
     key: "email",
@@ -71,7 +69,7 @@ const extractPronouns = (entry) => {
   return entry.pronouns || null;
 };
 const createNameElement = (fullName, url, containerTag) => {
-  return elements.createTextWithLink({
+  return createTextWithLink({
     text: fullName,
     url,
     containerTag
@@ -79,21 +77,21 @@ const createNameElement = (fullName, url, containerTag) => {
 };
 const createJobElement = (jobTitle) => {
   if (!jobTitle) return null;
-  return elements.createTextContainer({ text: jobTitle });
+  return createTextContainer({ text: jobTitle });
 };
 const createAssociationElement = (association) => {
   if (!association) return null;
   if (association.url) {
-    return elements.createTextWithLink({
+    return createTextWithLink({
       text: association.title,
       url: association.url
     });
   }
-  return elements.createTextContainer({ text: association.title });
+  return createTextContainer({ text: association.title });
 };
 const createImageElement = (imageData, linkUrl, linkLabel) => {
   if (!imageData) return null;
-  return elements.createImageOrLinkedImage({
+  return createImageOrLinkedImage({
     imageUrl: imageData.url,
     altText: imageData.altText,
     linkUrl,
@@ -102,23 +100,23 @@ const createImageElement = (imageData, linkUrl, linkLabel) => {
 };
 const createDescriptionElement = (description) => {
   if (!description) return null;
-  return elements.createTextContainer({ text: description, allowHTML: true });
+  return createTextContainer({ text: description, allowHTML: true });
 };
 const createPronounsElement = (pronouns) => {
   if (!pronouns) return null;
-  return elements.createTextContainer({ text: pronouns });
+  return createTextContainer({ text: pronouns });
 };
 const createContactElements = (contactData) => {
   return CONTACT_CONFIGS.reduce(
-    (elements$1, config) => {
+    (elements, config) => {
       const value = contactData[config.key];
-      if (!value) return elements$1;
-      const element = elements.createTextWithLink({
+      if (!value) return elements;
+      const element = createTextWithLink({
         text: config.label(value),
         url: config.url(value)
       });
-      elements$1[config.key] = element;
-      return elements$1;
+      elements[config.key] = element;
+      return elements;
     },
     {}
   );
@@ -136,7 +134,7 @@ const createBlockCardProps = (entry, options) => {
   const associationElement = createAssociationElement(association);
   const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);
   const pronounsElement = createPronounsElement(pronouns);
-  return composite.person.block({
+  return person.block({
     name,
     pronouns: pronounsElement,
     job,
@@ -158,7 +156,7 @@ const createListCardProps = (entry, options) => {
   const associationElement = createAssociationElement(association);
   const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);
   const pronounsElement = createPronounsElement(pronouns);
-  return composite.person.list({
+  return person.list({
     name,
     pronouns: pronounsElement,
     job,
@@ -182,7 +180,7 @@ const createTabularCardProps = (entry, options) => {
   const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);
   const contactElements = createContactElements(contactData);
   const pronounsElement = createPronounsElement(pronouns);
-  return composite.person.tabular({
+  return person.tabular({
     name,
     pronouns: pronounsElement,
     job,
@@ -205,7 +203,7 @@ const createOverlayCardProps = (entry, options) => {
     profileUrl,
     `View profile for ${fullName}`
   );
-  return composite.card.overlay.image({
+  return card.overlay.image({
     headline,
     text,
     backgroundImage,
@@ -260,7 +258,9 @@ const expertsDisplayStrategy = {
     }
   }
 };
-exports.buildFullName = buildFullName;
-exports.expertsDisplayStrategy = expertsDisplayStrategy;
-exports.mapExpertToBioProps = mapExpertToBioProps;
+export {
+  buildFullName,
+  expertsDisplayStrategy,
+  mapExpertToBioProps
+};
 //# sourceMappingURL=experts.js.map

package/dist/strategies/display/experts.js.map

@@ -1 +1 @@
-{"version":3,"file":"experts.js","sources":["../../../source/strategies/display/experts.ts"],"sourcesContent":["/**\n * Experts Display Strategy\n *\n * Strategy for displaying expert entries using person or card elements.\n * Uses a functional composition approach with pure data extraction,\n * element creation, and card composition functions.\n *\n * @module strategies/display/experts\n */\n\nimport {\n  person,\n  card,\n} from '@universityofmaryland/web-elements-library/composite';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { DisplayStrategy, CardMappingOptions } from '../../factory/core/types';\nimport { ElementModel } from '../../_types';\nimport { ExpertEntry } from 'types/data';\n\n// ============================================================================\n// TYPE DEFINITIONS\n// ============================================================================\n\n/**\n * Contact field configuration\n */\ninterface ContactConfig {\n  key: keyof Pick<ExpertEntry, 'email' | 'website' | 'linkedin' | 'twitter'>;\n  label: (value: string) => string;\n  url: (value: string) => string;\n}\n\n/**\n * Extracted association data\n */\ninterface AssociationData {\n  title: string;\n  url?: string | null;\n}\n\n/**\n * Extracted image data\n */\ninterface ImageData {\n  url: string;\n  altText: string;\n}\n\n/**\n * Extracted contact data\n */\ninterface ContactData {\n  email?: string | null;\n  website?: string | null;\n  linkedin?: string | null;\n  twitter?: string | null;\n}\n\n// ============================================================================\n// CONSTANTS\n// ============================================================================\n\n/**\n * Contact field configuration\n *\n * Defines how each contact type should be rendered as a link.\n */\nconst CONTACT_CONFIGS: ContactConfig[] = [\n  {\n    key: 'email',\n    label: () => 'Email',\n    url: (value) => `mailto:${value}`,\n  },\n  {\n    key: 'website',\n    label: (value) => value,\n    url: (value) => value,\n  },\n  {\n    key: 'linkedin',\n    label: (value) => value,\n    url: (value) => value,\n  },\n  {\n    key: 'twitter',\n    label: (value) => value,\n    url: (value) => value,\n  },\n];\n\n// ============================================================================\n// PURE DATA EXTRACTION FUNCTIONS\n// ============================================================================\n\n/**\n * Build full name from expert entry\n *\n * Combines prefix (optional), first, middle (optional), last name, and suffix (optional).\n *\n * @param entry - Expert entry\n * @returns Full name string\n */\nexport const buildFullName = (entry: ExpertEntry): string => {\n  const parts = [\n    entry.prefix,\n    entry.firstName,\n    entry.middleName,\n    entry.lastName,\n    entry.suffix,\n  ].filter(Boolean);\n\n  return parts.join(' ');\n};\n\n/**\n * Build expert profile URL\n *\n * @param entry - Expert entry\n * @returns Profile URL string\n */\nconst buildProfileUrl = (entry: ExpertEntry): string => {\n  return `https://umdrightnow.umd.edu/expert/${entry.slug}`;\n};\n\n/**\n * Extract primary job title\n *\n * @param entry - Expert entry\n * @returns Job title string or null\n */\nconst extractPrimaryJobTitle = (entry: ExpertEntry): string | null => {\n  return entry.organizations?.[0]?.jobs?.[0]?.title || null;\n};\n\n/**\n * Extract primary association (campus unit)\n *\n * @param entry - Expert entry\n * @returns Association data or null\n */\nconst extractPrimaryAssociation = (\n  entry: ExpertEntry,\n): AssociationData | null => {\n  const campusUnit = entry.organizations?.[0]?.jobs?.[0]?.campusUnits?.[0];\n  if (!campusUnit) return null;\n\n  return {\n    title: campusUnit.title,\n    url: campusUnit.link?.url,\n  };\n};\n\n/**\n * Extract image data from headshot\n *\n * @param entry - Expert entry\n * @param fullName - Full name for alt text\n * @returns Image data or null\n */\nconst extractImageData = (\n  entry: ExpertEntry,\n  fullName: string,\n): ImageData | null => {\n  const headshotUrl = entry.headshot?.[0]?.url;\n  if (!headshotUrl) return null;\n\n  return {\n    url: headshotUrl,\n    altText: fullName,\n  };\n};\n\n/**\n * Extract contact data\n *\n * @param entry - Expert entry\n * @returns Contact data object\n */\nconst extractContactData = (entry: ExpertEntry): ContactData => {\n  return {\n    email: entry.email || null,\n    website: entry.website || null,\n    linkedin: entry.linkedin || null,\n    twitter: entry.twitter || null,\n  };\n};\n\n/**\n * Extract description based on display type\n *\n * @param entry - Expert entry\n * @param displayType - 'small' for summary, 'full' for biography\n * @returns HTML description string or null\n */\nconst extractDescription = (\n  entry: ExpertEntry,\n  displayType: 'small' | 'full',\n): string | null => {\n  if (displayType === 'full') {\n    return entry.bio?.html || null;\n  }\n  return entry.summary?.html || null;\n};\n\n/**\n * Extract pronouns\n *\n * @param entry - Expert entry\n * @returns Pronouns string or null\n */\nconst extractPronouns = (entry: ExpertEntry): string | null => {\n  return entry.pronouns || null;\n};\n\n// ============================================================================\n// ELEMENT CREATION FUNCTIONS\n// ============================================================================\n\n/**\n * Create name element with link\n *\n * @param fullName - Full name text\n * @param url - Profile URL\n * @param containerTag - HTML tag for container (default: undefined)\n * @returns Name element or null\n */\nconst createNameElement = (\n  fullName: string,\n  url: string,\n  containerTag?: 'h1' | 'h2' | 'h3',\n): HTMLElement | null => {\n  return createTextWithLink({\n    text: fullName,\n    url,\n    containerTag,\n  });\n};\n\n/**\n * Create job title element\n *\n * @param jobTitle - Job title text\n * @returns Job element or null\n */\nconst createJobElement = (jobTitle: string | null): HTMLElement | null => {\n  if (!jobTitle) return null;\n  return createTextContainer({ text: jobTitle });\n};\n\n/**\n * Create association element (with optional link)\n *\n * @param association - Association data\n * @returns Association element or null\n */\nconst createAssociationElement = (\n  association: AssociationData | null,\n): HTMLElement | null => {\n  if (!association) return null;\n\n  if (association.url) {\n    return createTextWithLink({\n      text: association.title,\n      url: association.url,\n    });\n  }\n\n  return createTextContainer({ text: association.title });\n};\n\n/**\n * Create image element (with optional link)\n *\n * @param imageData - Image data\n * @param linkUrl - Optional link URL\n * @param linkLabel - Optional link label\n * @returns Image element or null\n */\nconst createImageElement = (\n  imageData: ImageData | null,\n  linkUrl?: string,\n  linkLabel?: string,\n): HTMLImageElement | HTMLAnchorElement | null => {\n  if (!imageData) return null;\n\n  return createImageOrLinkedImage({\n    imageUrl: imageData.url,\n    altText: imageData.altText,\n    linkUrl,\n    linkLabel,\n  });\n};\n\n/**\n * Create description element\n *\n * @param description - HTML description text\n * @returns Description element or null\n */\nconst createDescriptionElement = (\n  description: string | null,\n): HTMLElement | null => {\n  if (!description) return null;\n  return createTextContainer({ text: description, allowHTML: true });\n};\n\n/**\n * Create pronouns element\n *\n * @param pronouns - Pronouns text\n * @returns Pronouns element or null\n */\nconst createPronounsElement = (pronouns: string | null): HTMLElement | null => {\n  if (!pronouns) return null;\n  return createTextContainer({ text: pronouns });\n};\n\n/**\n * Create contact elements from contact data\n *\n * @param contactData - Contact data object\n * @returns Object with contact elements keyed by contact type\n */\nconst createContactElements = (\n  contactData: ContactData,\n): { [key: string]: HTMLElement | null } => {\n  return CONTACT_CONFIGS.reduce<{ [key: string]: HTMLElement | null }>(\n    (elements, config) => {\n      const value = contactData[config.key];\n      if (!value) return elements;\n\n      const element = createTextWithLink({\n        text: config.label(value),\n        url: config.url(value),\n      });\n\n      elements[config.key] = element;\n      return elements;\n    },\n    {},\n  );\n};\n\n// ============================================================================\n// CARD COMPOSITION FUNCTIONS\n// ============================================================================\n\n/**\n * Create props for person block card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Person block card element\n */\nconst createBlockCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl);\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return person.block({\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    image,\n    isThemeDark,\n  });\n};\n\n/**\n * Create props for person list card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Person list card element\n */\nconst createListCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl);\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return person.list({\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    image,\n    isThemeDark,\n  });\n};\n\n/**\n * Create props for person tabular card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Person tabular card element\n */\nconst createTabularCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const contactData = extractContactData(entry);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl);\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);\n  const contactElements = createContactElements(contactData);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return person.tabular({\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    image,\n    ...contactElements,\n    isThemeDark,\n  });\n};\n\n/**\n * Create props for overlay card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Overlay card element\n */\nconst createOverlayCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const imageData = extractImageData(entry, fullName);\n\n  // Create elements\n  const headline = createNameElement(fullName, profileUrl);\n  const text = createJobElement(jobTitle);\n  const backgroundImage = createImageElement(\n    imageData,\n    profileUrl,\n    `View profile for ${fullName}`,\n  );\n\n  return card.overlay.image({\n    headline,\n    text,\n    backgroundImage,\n    isThemeDark,\n  });\n};\n\n/**\n * Map expert entry to PersonBio props\n *\n * Shared helper for creating PersonBio props from expert data.\n * Used by both the display strategy and bio feed for consistency.\n *\n * @param entry - Expert entry from API\n * @param displayType - 'small' for summary, 'full' for biography\n * @param isThemeDark - Dark theme flag\n * @returns Props for person.bio.full() or person.bio.small()\n *\n * @example\n * ```typescript\n * const bioProps = mapExpertToBioProps(expert, 'full', false);\n * const bioElement = person.bio.full(bioProps);\n * ```\n */\nexport const mapExpertToBioProps = (\n  entry: ExpertEntry,\n  displayType: 'small' | 'full',\n  isThemeDark: boolean = false,\n) => {\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const contactData = extractContactData(entry);\n  const description = extractDescription(entry, displayType);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl, 'h1');\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData); // No link for bio display\n  const descriptionElement = createDescriptionElement(description);\n  const contactElements = createContactElements(contactData);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return {\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    email: contactElements.email || null,\n    linkedin: contactElements.linkedin || null,\n    phone: null,\n    address: null,\n    additionalContact: null,\n    image,\n    description: descriptionElement,\n    isThemeDark,\n  };\n};\n\n// ============================================================================\n// DISPLAY STRATEGY\n// ============================================================================\n\n/**\n * Experts display strategy\n *\n * Maps expert entries to person elements for profile display.\n * Optimized for displaying faculty and expert profiles with contact\n * information and skills.\n *\n * @example\n * ```typescript\n * const feed = createBaseFeed({\n *   displayStrategy: expertsDisplayStrategy,\n *   // ...\n * });\n * ```\n */\nexport const expertsDisplayStrategy: DisplayStrategy<ExpertEntry> = {\n  layoutType: 'list',\n\n  mapEntryToCard: (\n    entry: ExpertEntry,\n    options: CardMappingOptions,\n  ): ElementModel => {\n    const { isOverlay = false, cardType = 'block' } = options;\n\n    // Handle overlay card type (requires headshot)\n    if (isOverlay && entry.headshot?.[0]?.url) {\n      return createOverlayCardProps(entry, options);\n    }\n\n    // Route to appropriate card type\n    switch (cardType) {\n      case 'list':\n        return createListCardProps(entry, options);\n      case 'tabular':\n        return createTabularCardProps(entry, options);\n      default:\n        return createBlockCardProps(entry, options);\n    }\n  },\n};\n"],"names":["createTextWithLink","createTextContainer","createImageOrLinkedImage","elements","person","card"],"mappings":"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"}
+{"version":3,"file":"experts.js","sources":["../../../source/strategies/display/experts.ts"],"sourcesContent":["/**\n * Experts Display Strategy\n *\n * Strategy for displaying expert entries using person or card elements.\n * Uses a functional composition approach with pure data extraction,\n * element creation, and card composition functions.\n *\n * @module strategies/display/experts\n */\n\nimport {\n  person,\n  card,\n} from '@universityofmaryland/web-elements-library/composite';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { DisplayStrategy, CardMappingOptions } from '../../factory/core/types';\nimport { ElementModel } from '../../_types';\nimport { ExpertEntry } from 'types/data';\n\n// ============================================================================\n// TYPE DEFINITIONS\n// ============================================================================\n\n/**\n * Contact field configuration\n */\ninterface ContactConfig {\n  key: keyof Pick<ExpertEntry, 'email' | 'website' | 'linkedin' | 'twitter'>;\n  label: (value: string) => string;\n  url: (value: string) => string;\n}\n\n/**\n * Extracted association data\n */\ninterface AssociationData {\n  title: string;\n  url?: string | null;\n}\n\n/**\n * Extracted image data\n */\ninterface ImageData {\n  url: string;\n  altText: string;\n}\n\n/**\n * Extracted contact data\n */\ninterface ContactData {\n  email?: string | null;\n  website?: string | null;\n  linkedin?: string | null;\n  twitter?: string | null;\n}\n\n// ============================================================================\n// CONSTANTS\n// ============================================================================\n\n/**\n * Contact field configuration\n *\n * Defines how each contact type should be rendered as a link.\n */\nconst CONTACT_CONFIGS: ContactConfig[] = [\n  {\n    key: 'email',\n    label: () => 'Email',\n    url: (value) => `mailto:${value}`,\n  },\n  {\n    key: 'website',\n    label: (value) => value,\n    url: (value) => value,\n  },\n  {\n    key: 'linkedin',\n    label: (value) => value,\n    url: (value) => value,\n  },\n  {\n    key: 'twitter',\n    label: (value) => value,\n    url: (value) => value,\n  },\n];\n\n// ============================================================================\n// PURE DATA EXTRACTION FUNCTIONS\n// ============================================================================\n\n/**\n * Build full name from expert entry\n *\n * Combines prefix (optional), first, middle (optional), last name, and suffix (optional).\n *\n * @param entry - Expert entry\n * @returns Full name string\n */\nexport const buildFullName = (entry: ExpertEntry): string => {\n  const parts = [\n    entry.prefix,\n    entry.firstName,\n    entry.middleName,\n    entry.lastName,\n    entry.suffix,\n  ].filter(Boolean);\n\n  return parts.join(' ');\n};\n\n/**\n * Build expert profile URL\n *\n * @param entry - Expert entry\n * @returns Profile URL string\n */\nconst buildProfileUrl = (entry: ExpertEntry): string => {\n  return `https://umdrightnow.umd.edu/expert/${entry.slug}`;\n};\n\n/**\n * Extract primary job title\n *\n * @param entry - Expert entry\n * @returns Job title string or null\n */\nconst extractPrimaryJobTitle = (entry: ExpertEntry): string | null => {\n  return entry.organizations?.[0]?.jobs?.[0]?.title || null;\n};\n\n/**\n * Extract primary association (campus unit)\n *\n * @param entry - Expert entry\n * @returns Association data or null\n */\nconst extractPrimaryAssociation = (\n  entry: ExpertEntry,\n): AssociationData | null => {\n  const campusUnit = entry.organizations?.[0]?.jobs?.[0]?.campusUnits?.[0];\n  if (!campusUnit) return null;\n\n  return {\n    title: campusUnit.title,\n    url: campusUnit.link?.url,\n  };\n};\n\n/**\n * Extract image data from headshot\n *\n * @param entry - Expert entry\n * @param fullName - Full name for alt text\n * @returns Image data or null\n */\nconst extractImageData = (\n  entry: ExpertEntry,\n  fullName: string,\n): ImageData | null => {\n  const headshotUrl = entry.headshot?.[0]?.url;\n  if (!headshotUrl) return null;\n\n  return {\n    url: headshotUrl,\n    altText: fullName,\n  };\n};\n\n/**\n * Extract contact data\n *\n * @param entry - Expert entry\n * @returns Contact data object\n */\nconst extractContactData = (entry: ExpertEntry): ContactData => {\n  return {\n    email: entry.email || null,\n    website: entry.website || null,\n    linkedin: entry.linkedin || null,\n    twitter: entry.twitter || null,\n  };\n};\n\n/**\n * Extract description based on display type\n *\n * @param entry - Expert entry\n * @param displayType - 'small' for summary, 'full' for biography\n * @returns HTML description string or null\n */\nconst extractDescription = (\n  entry: ExpertEntry,\n  displayType: 'small' | 'full',\n): string | null => {\n  if (displayType === 'full') {\n    return entry.bio?.html || null;\n  }\n  return entry.summary?.html || null;\n};\n\n/**\n * Extract pronouns\n *\n * @param entry - Expert entry\n * @returns Pronouns string or null\n */\nconst extractPronouns = (entry: ExpertEntry): string | null => {\n  return entry.pronouns || null;\n};\n\n// ============================================================================\n// ELEMENT CREATION FUNCTIONS\n// ============================================================================\n\n/**\n * Create name element with link\n *\n * @param fullName - Full name text\n * @param url - Profile URL\n * @param containerTag - HTML tag for container (default: undefined)\n * @returns Name element or null\n */\nconst createNameElement = (\n  fullName: string,\n  url: string,\n  containerTag?: 'h1' | 'h2' | 'h3',\n): HTMLElement | null => {\n  return createTextWithLink({\n    text: fullName,\n    url,\n    containerTag,\n  });\n};\n\n/**\n * Create job title element\n *\n * @param jobTitle - Job title text\n * @returns Job element or null\n */\nconst createJobElement = (jobTitle: string | null): HTMLElement | null => {\n  if (!jobTitle) return null;\n  return createTextContainer({ text: jobTitle });\n};\n\n/**\n * Create association element (with optional link)\n *\n * @param association - Association data\n * @returns Association element or null\n */\nconst createAssociationElement = (\n  association: AssociationData | null,\n): HTMLElement | null => {\n  if (!association) return null;\n\n  if (association.url) {\n    return createTextWithLink({\n      text: association.title,\n      url: association.url,\n    });\n  }\n\n  return createTextContainer({ text: association.title });\n};\n\n/**\n * Create image element (with optional link)\n *\n * @param imageData - Image data\n * @param linkUrl - Optional link URL\n * @param linkLabel - Optional link label\n * @returns Image element or null\n */\nconst createImageElement = (\n  imageData: ImageData | null,\n  linkUrl?: string,\n  linkLabel?: string,\n): HTMLImageElement | HTMLAnchorElement | null => {\n  if (!imageData) return null;\n\n  return createImageOrLinkedImage({\n    imageUrl: imageData.url,\n    altText: imageData.altText,\n    linkUrl,\n    linkLabel,\n  });\n};\n\n/**\n * Create description element\n *\n * @param description - HTML description text\n * @returns Description element or null\n */\nconst createDescriptionElement = (\n  description: string | null,\n): HTMLElement | null => {\n  if (!description) return null;\n  return createTextContainer({ text: description, allowHTML: true });\n};\n\n/**\n * Create pronouns element\n *\n * @param pronouns - Pronouns text\n * @returns Pronouns element or null\n */\nconst createPronounsElement = (pronouns: string | null): HTMLElement | null => {\n  if (!pronouns) return null;\n  return createTextContainer({ text: pronouns });\n};\n\n/**\n * Create contact elements from contact data\n *\n * @param contactData - Contact data object\n * @returns Object with contact elements keyed by contact type\n */\nconst createContactElements = (\n  contactData: ContactData,\n): { [key: string]: HTMLElement | null } => {\n  return CONTACT_CONFIGS.reduce<{ [key: string]: HTMLElement | null }>(\n    (elements, config) => {\n      const value = contactData[config.key];\n      if (!value) return elements;\n\n      const element = createTextWithLink({\n        text: config.label(value),\n        url: config.url(value),\n      });\n\n      elements[config.key] = element;\n      return elements;\n    },\n    {},\n  );\n};\n\n// ============================================================================\n// CARD COMPOSITION FUNCTIONS\n// ============================================================================\n\n/**\n * Create props for person block card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Person block card element\n */\nconst createBlockCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl);\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return person.block({\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    image,\n    isThemeDark,\n  });\n};\n\n/**\n * Create props for person list card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Person list card element\n */\nconst createListCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl);\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return person.list({\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    image,\n    isThemeDark,\n  });\n};\n\n/**\n * Create props for person tabular card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Person tabular card element\n */\nconst createTabularCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const contactData = extractContactData(entry);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl);\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData, profileUrl, `View profile for ${fullName}`);\n  const contactElements = createContactElements(contactData);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return person.tabular({\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    image,\n    ...contactElements,\n    isThemeDark,\n  });\n};\n\n/**\n * Create props for overlay card\n *\n * @param entry - Expert entry\n * @param options - Card mapping options\n * @returns Overlay card element\n */\nconst createOverlayCardProps = (\n  entry: ExpertEntry,\n  options: CardMappingOptions,\n): ElementModel => {\n  const { isThemeDark = false } = options;\n\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const imageData = extractImageData(entry, fullName);\n\n  // Create elements\n  const headline = createNameElement(fullName, profileUrl);\n  const text = createJobElement(jobTitle);\n  const backgroundImage = createImageElement(\n    imageData,\n    profileUrl,\n    `View profile for ${fullName}`,\n  );\n\n  return card.overlay.image({\n    headline,\n    text,\n    backgroundImage,\n    isThemeDark,\n  });\n};\n\n/**\n * Map expert entry to PersonBio props\n *\n * Shared helper for creating PersonBio props from expert data.\n * Used by both the display strategy and bio feed for consistency.\n *\n * @param entry - Expert entry from API\n * @param displayType - 'small' for summary, 'full' for biography\n * @param isThemeDark - Dark theme flag\n * @returns Props for person.bio.full() or person.bio.small()\n *\n * @example\n * ```typescript\n * const bioProps = mapExpertToBioProps(expert, 'full', false);\n * const bioElement = person.bio.full(bioProps);\n * ```\n */\nexport const mapExpertToBioProps = (\n  entry: ExpertEntry,\n  displayType: 'small' | 'full',\n  isThemeDark: boolean = false,\n) => {\n  // Extract data\n  const fullName = buildFullName(entry);\n  const profileUrl = buildProfileUrl(entry);\n  const jobTitle = extractPrimaryJobTitle(entry);\n  const association = extractPrimaryAssociation(entry);\n  const imageData = extractImageData(entry, fullName);\n  const contactData = extractContactData(entry);\n  const description = extractDescription(entry, displayType);\n  const pronouns = extractPronouns(entry);\n\n  // Create elements\n  const name = createNameElement(fullName, profileUrl, 'h1');\n  const job = createJobElement(jobTitle);\n  const associationElement = createAssociationElement(association);\n  const image = createImageElement(imageData); // No link for bio display\n  const descriptionElement = createDescriptionElement(description);\n  const contactElements = createContactElements(contactData);\n  const pronounsElement = createPronounsElement(pronouns);\n\n  return {\n    name,\n    pronouns: pronounsElement,\n    job,\n    association: associationElement,\n    email: contactElements.email || null,\n    linkedin: contactElements.linkedin || null,\n    phone: null,\n    address: null,\n    additionalContact: null,\n    image,\n    description: descriptionElement,\n    isThemeDark,\n  };\n};\n\n// ============================================================================\n// DISPLAY STRATEGY\n// ============================================================================\n\n/**\n * Experts display strategy\n *\n * Maps expert entries to person elements for profile display.\n * Optimized for displaying faculty and expert profiles with contact\n * information and skills.\n *\n * @example\n * ```typescript\n * const feed = createBaseFeed({\n *   displayStrategy: expertsDisplayStrategy,\n *   // ...\n * });\n * ```\n */\nexport const expertsDisplayStrategy: DisplayStrategy<ExpertEntry> = {\n  layoutType: 'list',\n\n  mapEntryToCard: (\n    entry: ExpertEntry,\n    options: CardMappingOptions,\n  ): ElementModel => {\n    const { isOverlay = false, cardType = 'block' } = options;\n\n    // Handle overlay card type (requires headshot)\n    if (isOverlay && entry.headshot?.[0]?.url) {\n      return createOverlayCardProps(entry, options);\n    }\n\n    // Route to appropriate card type\n    switch (cardType) {\n      case 'list':\n        return createListCardProps(entry, options);\n      case 'tabular':\n        return createTabularCardProps(entry, options);\n      default:\n        return createBlockCardProps(entry, options);\n    }\n  },\n};\n"],"names":[],"mappings":"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"}

package/dist/strategies/display/news.js

@@ -1,7 +1,5 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const composite = require("@universityofmaryland/web-elements-library/composite");
-const elements = require("@universityofmaryland/web-utilities-library/elements");
+import { card } from "@universityofmaryland/web-elements-library/composite";
+import { createTextWithLink, createTextContainer, createTimeElement, createImageOrLinkedImage } from "@universityofmaryland/web-utilities-library/elements";
 const newsDisplayStrategy = {
   layoutType: "grid",
   mapEntryToCard: (entry, options) => {
@@ -13,14 +11,14 @@ const newsDisplayStrategy = {
       isOverlay = false,
       cardType = "block"
     } = options;
-    const headline = elements.createTextWithLink({
+    const headline = createTextWithLink({
       text: entry.title,
       url: entry.url
     });
-    const text = elements.createTextContainer({
+    const text = createTextContainer({
       text: entry.summary
     });
-    const date = elements.createTimeElement({
+    const date = createTimeElement({
       datetime: entry.date,
       displayText: entry.dateFormatted
     });
@@ -32,21 +30,21 @@ const newsDisplayStrategy = {
       isThemeDark
     };
     if (isOverlay && imageConfig) {
-      const backgroundImage = elements.createImageOrLinkedImage(imageConfig(entry));
-      return composite.card.overlay.image({
+      const backgroundImage = createImageOrLinkedImage(imageConfig(entry));
+      return card.overlay.image({
         ...commonProps,
         backgroundImage
       });
     }
-    const image = imageConfig ? elements.createImageOrLinkedImage(imageConfig(entry)) : void 0;
+    const image = imageConfig ? createImageOrLinkedImage(imageConfig(entry)) : void 0;
     if (cardType === "list") {
-      return composite.card.list({
+      return card.list({
         ...commonProps,
         image,
         isAligned: false
       });
     }
-    return composite.card.block({
+    return card.block({
       ...commonProps,
       image,
       isAligned,
@@ -54,5 +52,7 @@ const newsDisplayStrategy = {
     });
   }
 };
-exports.newsDisplayStrategy = newsDisplayStrategy;
+export {
+  newsDisplayStrategy
+};
 //# sourceMappingURL=news.js.map

package/dist/strategies/display/news.js.map

@@ -1 +1 @@
-{"version":3,"file":"news.js","sources":["../../../source/strategies/display/news.ts"],"sourcesContent":["/**\n * News Display Strategy\n *\n * Strategy for displaying news article entries as cards.\n * Maps news data to card elements with date information.\n *\n * @module strategies/display/news\n */\n\nimport { card } from '@universityofmaryland/web-elements-library/composite';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createTimeElement,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { DisplayStrategy, CardMappingOptions } from '../../factory/core/types';\nimport { ElementModel } from '../../_types';\nimport { NewsEntry } from 'types/data';\n\n/**\n * News display strategy\n *\n * Maps news article entries to card elements with date metadata.\n * Supports block, overlay, and list card layouts.\n *\n * @example\n * ```typescript\n * const feed = createBaseFeed({\n *   displayStrategy: newsDisplayStrategy,\n *   imageConfig: (entry) => ({\n *     imageUrl: entry.image[0].url,\n *     altText: entry.image[0].altText || 'News Article Image',\n *     linkUrl: entry.url,\n *   }),\n *   // ...\n * });\n * ```\n */\nexport const newsDisplayStrategy: DisplayStrategy<NewsEntry> = {\n  layoutType: 'grid',\n\n  mapEntryToCard: (\n    entry: NewsEntry,\n    options: CardMappingOptions\n  ): ElementModel => {\n    const {\n      isThemeDark = false,\n      isTransparent = false,\n      isAligned = true,\n      imageConfig,\n      isOverlay = false,\n      cardType = 'block',\n    } = options;\n\n    // Create headline\n    const headline = createTextWithLink({\n      text: entry.title,\n      url: entry.url,\n    });\n\n    // Create summary text\n    const text = createTextContainer({\n      text: entry.summary,\n    });\n\n    // Create date element\n    const date = createTimeElement({\n      datetime: entry.date,\n      displayText: entry.dateFormatted,\n    });\n\n    // Common card properties\n    const commonProps = {\n      newsId: entry.id.toString(),\n      headline,\n      text,\n      date,\n      isThemeDark,\n    };\n\n    // Handle overlay card type\n    if (isOverlay && imageConfig) {\n      const backgroundImage = createImageOrLinkedImage(imageConfig(entry));\n      return card.overlay.image({\n        ...commonProps,\n        backgroundImage,\n      });\n    }\n\n    // Create image (if imageConfig provided)\n    const image = imageConfig\n      ? createImageOrLinkedImage(imageConfig(entry))\n      : undefined;\n\n    // Handle list card type\n    if (cardType === 'list') {\n      return card.list({\n        ...commonProps,\n        image,\n        isAligned: false,\n      });\n    }\n\n    // Default to block card\n    return card.block({\n      ...commonProps,\n      image,\n      isAligned,\n      isTransparent,\n    });\n  },\n};\n"],"names":["createTextWithLink","createTextContainer","createTimeElement","createImageOrLinkedImage","card"],"mappings":";;;;AAuCO,MAAM,sBAAkD;AAAA,EAC7D,YAAY;AAAA,EAEZ,gBAAgB,CACd,OACA,YACiB;AACjB,UAAM;AAAA,MACJ,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,IAAA,IACT;AAGJ,UAAM,WAAWA,SAAAA,mBAAmB;AAAA,MAClC,MAAM,MAAM;AAAA,MACZ,KAAK,MAAM;AAAA,IAAA,CACZ;AAGD,UAAM,OAAOC,SAAAA,oBAAoB;AAAA,MAC/B,MAAM,MAAM;AAAA,IAAA,CACb;AAGD,UAAM,OAAOC,SAAAA,kBAAkB;AAAA,MAC7B,UAAU,MAAM;AAAA,MAChB,aAAa,MAAM;AAAA,IAAA,CACpB;AAGD,UAAM,cAAc;AAAA,MAClB,QAAQ,MAAM,GAAG,SAAA;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAIF,QAAI,aAAa,aAAa;AAC5B,YAAM,kBAAkBC,SAAAA,yBAAyB,YAAY,KAAK,CAAC;AACnE,aAAOC,UAAAA,KAAK,QAAQ,MAAM;AAAA,QACxB,GAAG;AAAA,QACH;AAAA,MAAA,CACD;AAAA,IACH;AAGA,UAAM,QAAQ,cACVD,SAAAA,yBAAyB,YAAY,KAAK,CAAC,IAC3C;AAGJ,QAAI,aAAa,QAAQ;AACvB,aAAOC,UAAAA,KAAK,KAAK;AAAA,QACf,GAAG;AAAA,QACH;AAAA,QACA,WAAW;AAAA,MAAA,CACZ;AAAA,IACH;AAGA,WAAOA,UAAAA,KAAK,MAAM;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH;AACF;;"}
+{"version":3,"file":"news.js","sources":["../../../source/strategies/display/news.ts"],"sourcesContent":["/**\n * News Display Strategy\n *\n * Strategy for displaying news article entries as cards.\n * Maps news data to card elements with date information.\n *\n * @module strategies/display/news\n */\n\nimport { card } from '@universityofmaryland/web-elements-library/composite';\nimport {\n  createTextWithLink,\n  createTextContainer,\n  createTimeElement,\n  createImageOrLinkedImage,\n} from '@universityofmaryland/web-utilities-library/elements';\nimport { DisplayStrategy, CardMappingOptions } from '../../factory/core/types';\nimport { ElementModel } from '../../_types';\nimport { NewsEntry } from 'types/data';\n\n/**\n * News display strategy\n *\n * Maps news article entries to card elements with date metadata.\n * Supports block, overlay, and list card layouts.\n *\n * @example\n * ```typescript\n * const feed = createBaseFeed({\n *   displayStrategy: newsDisplayStrategy,\n *   imageConfig: (entry) => ({\n *     imageUrl: entry.image[0].url,\n *     altText: entry.image[0].altText || 'News Article Image',\n *     linkUrl: entry.url,\n *   }),\n *   // ...\n * });\n * ```\n */\nexport const newsDisplayStrategy: DisplayStrategy<NewsEntry> = {\n  layoutType: 'grid',\n\n  mapEntryToCard: (\n    entry: NewsEntry,\n    options: CardMappingOptions\n  ): ElementModel => {\n    const {\n      isThemeDark = false,\n      isTransparent = false,\n      isAligned = true,\n      imageConfig,\n      isOverlay = false,\n      cardType = 'block',\n    } = options;\n\n    // Create headline\n    const headline = createTextWithLink({\n      text: entry.title,\n      url: entry.url,\n    });\n\n    // Create summary text\n    const text = createTextContainer({\n      text: entry.summary,\n    });\n\n    // Create date element\n    const date = createTimeElement({\n      datetime: entry.date,\n      displayText: entry.dateFormatted,\n    });\n\n    // Common card properties\n    const commonProps = {\n      newsId: entry.id.toString(),\n      headline,\n      text,\n      date,\n      isThemeDark,\n    };\n\n    // Handle overlay card type\n    if (isOverlay && imageConfig) {\n      const backgroundImage = createImageOrLinkedImage(imageConfig(entry));\n      return card.overlay.image({\n        ...commonProps,\n        backgroundImage,\n      });\n    }\n\n    // Create image (if imageConfig provided)\n    const image = imageConfig\n      ? createImageOrLinkedImage(imageConfig(entry))\n      : undefined;\n\n    // Handle list card type\n    if (cardType === 'list') {\n      return card.list({\n        ...commonProps,\n        image,\n        isAligned: false,\n      });\n    }\n\n    // Default to block card\n    return card.block({\n      ...commonProps,\n      image,\n      isAligned,\n      isTransparent,\n    });\n  },\n};\n"],"names":[],"mappings":";;AAuCO,MAAM,sBAAkD;AAAA,EAC7D,YAAY;AAAA,EAEZ,gBAAgB,CACd,OACA,YACiB;AACjB,UAAM;AAAA,MACJ,cAAc;AAAA,MACd,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ;AAAA,MACA,YAAY;AAAA,MACZ,WAAW;AAAA,IAAA,IACT;AAGJ,UAAM,WAAW,mBAAmB;AAAA,MAClC,MAAM,MAAM;AAAA,MACZ,KAAK,MAAM;AAAA,IAAA,CACZ;AAGD,UAAM,OAAO,oBAAoB;AAAA,MAC/B,MAAM,MAAM;AAAA,IAAA,CACb;AAGD,UAAM,OAAO,kBAAkB;AAAA,MAC7B,UAAU,MAAM;AAAA,MAChB,aAAa,MAAM;AAAA,IAAA,CACpB;AAGD,UAAM,cAAc;AAAA,MAClB,QAAQ,MAAM,GAAG,SAAA;AAAA,MACjB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAIF,QAAI,aAAa,aAAa;AAC5B,YAAM,kBAAkB,yBAAyB,YAAY,KAAK,CAAC;AACnE,aAAO,KAAK,QAAQ,MAAM;AAAA,QACxB,GAAG;AAAA,QACH;AAAA,MAAA,CACD;AAAA,IACH;AAGA,UAAM,QAAQ,cACV,yBAAyB,YAAY,KAAK,CAAC,IAC3C;AAGJ,QAAI,aAAa,QAAQ;AACvB,aAAO,KAAK,KAAK;AAAA,QACf,GAAG;AAAA,QACH;AAAA,QACA,WAAW;AAAA,MAAA,CACZ;AAAA,IACH;AAGA,WAAO,KAAK,MAAM;AAAA,MAChB,GAAG;AAAA,MACH;AAAA,MACA;AAAA,MACA;AAAA,IAAA,CACD;AAAA,EACH;AACF;"}

package/dist/strategies/fetch/academic.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const FRAGMENT_ACADEMIC_SLIDER = `
   fragment AcademicSliderFields on CalendarEventInterface {
     title
@@ -26,5 +24,7 @@ const ACADEMIC_SLIDER_QUERY = `
   }
   ${FRAGMENT_ACADEMIC_SLIDER}
 `;
-exports.ACADEMIC_SLIDER_QUERY = ACADEMIC_SLIDER_QUERY;
+export {
+  ACADEMIC_SLIDER_QUERY
+};
 //# sourceMappingURL=academic.js.map

package/dist/strategies/fetch/academic.js.map

@@ -1 +1 @@
-{"version":3,"file":"academic.js","sources":["../../../source/strategies/fetch/academic.ts"],"sourcesContent":["/**\n * Academic Fetch Strategy\n *\n * Strategy for fetching academic event data from the UMD Provost GraphQL API.\n *\n * @module strategies/fetch/academic\n */\n\n/**\n * GraphQL fragments for academic event data\n */\nconst FRAGMENT_ACADEMIC_SLIDER = `\n  fragment AcademicSliderFields on CalendarEventInterface {\n    title\n    url\n    startMonth: startDate @formatDateTime(format: \"M\")\n    startDay: startDate @formatDateTime(format: \"d\")\n    endMonth: endDate @formatDateTime(format: \"M\")\n    endDay: endDate @formatDateTime(format: \"d\")\n  }\n`;\n\n/**\n * Slider-specific query for academic events\n * Used by academic slider for carousel displays\n */\nexport const ACADEMIC_SLIDER_QUERY = `\n  query getEvents($startDate: String!, $related: [QueryArgument]) {\n    entries: solspace_calendar {\n      events(\n        relatedTo: $related\n        loadOccurrences: true\n        startsAfterOrAt: $startDate\n        limit: 12\n        calendarId: [4, 2]\n      ) {\n        ...AcademicSliderFields\n      }\n    }\n  }\n  ${FRAGMENT_ACADEMIC_SLIDER}\n`;\n"],"names":[],"mappings":";;AAWA,MAAM,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B,MAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAcjC,wBAAwB;AAAA;;"}
+{"version":3,"file":"academic.js","sources":["../../../source/strategies/fetch/academic.ts"],"sourcesContent":["/**\n * Academic Fetch Strategy\n *\n * Strategy for fetching academic event data from the UMD Provost GraphQL API.\n *\n * @module strategies/fetch/academic\n */\n\n/**\n * GraphQL fragments for academic event data\n */\nconst FRAGMENT_ACADEMIC_SLIDER = `\n  fragment AcademicSliderFields on CalendarEventInterface {\n    title\n    url\n    startMonth: startDate @formatDateTime(format: \"M\")\n    startDay: startDate @formatDateTime(format: \"d\")\n    endMonth: endDate @formatDateTime(format: \"M\")\n    endDay: endDate @formatDateTime(format: \"d\")\n  }\n`;\n\n/**\n * Slider-specific query for academic events\n * Used by academic slider for carousel displays\n */\nexport const ACADEMIC_SLIDER_QUERY = `\n  query getEvents($startDate: String!, $related: [QueryArgument]) {\n    entries: solspace_calendar {\n      events(\n        relatedTo: $related\n        loadOccurrences: true\n        startsAfterOrAt: $startDate\n        limit: 12\n        calendarId: [4, 2]\n      ) {\n        ...AcademicSliderFields\n      }\n    }\n  }\n  ${FRAGMENT_ACADEMIC_SLIDER}\n`;\n"],"names":[],"mappings":"AAWA,MAAM,2BAA2B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe1B,MAAM,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAcjC,wBAAwB;AAAA;"}