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

package/dist/strategies/layout/grid.mjs

@@ -1,36 +0,0 @@
-import { stacked, gridGap, grid, gridBorder } from "@universityofmaryland/web-elements-library/layout";
-const gridLayout = {
-  create: (options) => {
-    const { columns = 3 } = options;
-    return grid({ columns, minHeight: "560px" });
-  },
-  getId: () => "umd-grid-layout-container"
-};
-const gridGapLayout = {
-  create: (options) => {
-    const { columns = 3 } = options;
-    return gridGap({ columns });
-  },
-  getId: () => "umd-grid-gap-layout-container"
-};
-const gridBorderLayout = {
-  create: (options) => {
-    const { columns = 3, isThemeDark = false } = options;
-    return gridBorder({ columns, isThemeDark });
-  },
-  getId: () => "umd-grid-border-layout-container"
-};
-const stackedLayout = {
-  create: (options) => {
-    const { isThemeDark, showDividers = true } = options;
-    return stacked({ isThemeDark, showDividers, gap: "0" });
-  },
-  getId: () => "umd-stacked-layout-container"
-};
-export {
-  gridBorderLayout,
-  gridGapLayout,
-  gridLayout,
-  stackedLayout
-};
-//# sourceMappingURL=grid.mjs.map

package/dist/strategies/layout/grid.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"grid.mjs","sources":["../../../source/strategies/layout/grid.ts"],"sourcesContent":["/**\n * Grid Layout Strategies\n *\n * Layout strategies for grid-based feed displays.\n *\n * @module strategies/layout/grid\n */\n\nimport {\n  grid,\n  gridGap,\n  gridBorder,\n  gridOffset,\n  stacked,\n} from '@universityofmaryland/web-elements-library/layout';\nimport { LayoutStrategy, LayoutOptions } from '../../factory/core/types';\n\n/**\n * Standard grid layout strategy\n *\n * Creates a responsive grid layout with specified columns.\n * Uses standard grid spacing.\n */\nexport const gridLayout: LayoutStrategy = {\n  create: (options: LayoutOptions) => {\n    const { columns = 3 } = options;\n    return grid({ columns: columns as 2 | 3 | 4, minHeight: '560px' });\n  },\n  getId: () => 'umd-grid-layout-container',\n};\n\n/**\n * Grid gap layout strategy\n *\n * Creates a responsive grid layout with visual gaps between items.\n * Provides more pronounced spacing than standard grid.\n */\nexport const gridGapLayout: LayoutStrategy = {\n  create: (options: LayoutOptions) => {\n    const { columns = 3 } = options;\n    return gridGap({ columns: columns as 2 | 3 | 4 });\n  },\n  getId: () => 'umd-grid-gap-layout-container',\n};\n\n/**\n * Grid border layout strategy\n *\n * Creates a responsive grid layout with borders between items.\n * Supports light and dark theme variants.\n */\nexport const gridBorderLayout: LayoutStrategy = {\n  create: (options: LayoutOptions) => {\n    const { columns = 3, isThemeDark = false } = options;\n    return gridBorder({ columns: columns as 2 | 3 | 4, isThemeDark });\n  },\n  getId: () => 'umd-grid-border-layout-container',\n};\n\n/**\n * Stacked layout strategy\n *\n * Creates a vertical stack layout with optional dividers.\n * Good for list-style displays.\n */\nexport const stackedLayout: LayoutStrategy = {\n  create: (options: LayoutOptions) => {\n    const { isThemeDark, showDividers = true } = options;\n    return stacked({ isThemeDark, showDividers, gap: '0' });\n  },\n  getId: () => 'umd-stacked-layout-container',\n};\n\n/**\n * Grid offset layout strategy\n *\n * Creates a grid with sticky offset positioning for the first item.\n * Used for featured layouts where the first item is prominently displayed.\n */\nexport const gridOffsetLayout: LayoutStrategy = {\n  create: (options: LayoutOptions) => {\n    const {\n      columns = 2,\n      isLayoutReversed = false,\n      stickyTopPosition,\n    } = options;\n\n    return gridOffset({\n      columns: columns as 2 | 3 | 4,\n      isLayoutReversed,\n      stickyTopPosition,\n    });\n  },\n  getId: () => 'umd-grid-offset-layout-container',\n};\n"],"names":[],"mappings":";AAuBO,MAAM,aAA6B;AAAA,EACxC,QAAQ,CAAC,YAA2B;AAClC,UAAM,EAAE,UAAU,EAAA,IAAM;AACxB,WAAO,KAAK,EAAE,SAA+B,WAAW,SAAS;AAAA,EACnE;AAAA,EACA,OAAO,MAAM;AACf;AAQO,MAAM,gBAAgC;AAAA,EAC3C,QAAQ,CAAC,YAA2B;AAClC,UAAM,EAAE,UAAU,EAAA,IAAM;AACxB,WAAO,QAAQ,EAAE,SAA+B;AAAA,EAClD;AAAA,EACA,OAAO,MAAM;AACf;AAQO,MAAM,mBAAmC;AAAA,EAC9C,QAAQ,CAAC,YAA2B;AAClC,UAAM,EAAE,UAAU,GAAG,cAAc,UAAU;AAC7C,WAAO,WAAW,EAAE,SAA+B,aAAa;AAAA,EAClE;AAAA,EACA,OAAO,MAAM;AACf;AAQO,MAAM,gBAAgC;AAAA,EAC3C,QAAQ,CAAC,YAA2B;AAClC,UAAM,EAAE,aAAa,eAAe,KAAA,IAAS;AAC7C,WAAO,QAAQ,EAAE,aAAa,cAAc,KAAK,KAAK;AAAA,EACxD;AAAA,EACA,OAAO,MAAM;AACf;"}

package/dist/widgets/slider.mjs

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

package/dist/widgets/slider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"slider.mjs","sources":["../../source/widgets/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","headline","elementEvents","textLockup","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,SAAc,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,MAAM,OAAO,UAAU,UAAU,IAAI;AAAA,MACxD;AAAA,IAAA;AAEF,iBAAa,cAAc;AAC3BA,gBAAW,YAAY,YAAY;AAAA,EACrC;AAEA,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,aAAa,YAAY;AAC7B,QAAI,YAAY;AACd,YAAM,UAAU,WAAW,MAAM,GAAG;AACpC,gBAAU,UAAU;AAAA,IACtB;AAEA,UAAM,iBAAiB;AAAA,MACrB;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGF,UAAM,WAAW,MAAM,aAAa,cAAc;AAElD,UAAM,SACJ,UAAU,MAAM,SAAS,OAAO;AAAA,MAC9B,CAAC,MAA6B,MAAc;AAC1C,cAAMC,YAAW,SAAS,cAAc,GAAG;AAC3CA,kBAAS,cAAc,KAAK;AAE5B,cAAM,WAAWC,OAAc,KAAK;AAAA,UAClC,YAAY,KAAK;AAAA,UACjB,UAAU,KAAK;AAAA,UACf,QAAQ,KAAK;AAAA,UACb,UAAU,KAAK;AAAA,UACf;AAAA,QAAA,CACD;AAED,cAAMC,eAAaC,WAAkB,KAAK;AAAA,UACxC,UAAAH;AAAAA,UACA;AAAA,UACA;AAAA,QAAA,CACD;AAED,QAAAH,QAAO,UAAUK,aAAW;AAC5B,QAAAL,QAAO,UAAU,SAAS;AAE1B,eAAOK;AAAAA,MACT;AAAA,IAAA;AAGJ,YAAQ,QAAQ,CAAC,UAAU,WAAW,YAAY,MAAM,OAAO,CAAC;AAEhE,QAAI,WAAY,iBAAgB,EAAE,YAAY,QAAQL,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;"}