@universityofmaryland/web-feeds-library 1.2.2 → 1.2.6

package/dist/composite/events/common/queries.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"queries.mjs","sources":["../../../../source/composite/events/common/queries.ts"],"sourcesContent":["export const EVENTS_COUNT_QUERY = `\nquery getEventsCount($startDate: String!, $related: [QueryArgument]) {\n  count: solspace_calendar {\n    events(relatedTo: $related, loadOccurrences: true, startsAfterOrAt: $startDate) {\n      ... on communications_Event {\n        id\n      }\n      ... on submission_Event {\n        id\n      }\n    }\n  }\n}\n`;\n\nexport const EVENTS_QUERY = `\nquery getEvents($startDate: String!, $related: [QueryArgument], $limit: Int, $offset: Int) {\n  entries: solspace_calendar {\n    events(\n      relatedTo: $related\n      loadOccurrences: true\n      startsAfterOrAt: $startDate\n      limit: $limit\n      offset: $offset\n    ) {\n      ... on communications_Event {\n        id\n        title\n        url\n        startDayOfWeek: startDate @formatDateTime(format: \"D\")\n        startMonth: startDate @formatDateTime(format: \"M\")\n        startDay: startDate @formatDateTime(format: \"d\")\n        startStamp: startDate @formatDateTime(format: \"Y-m-d\")\n        startTime: startDate @formatDateTime(format: \"g:ia\")\n        endDayOfWeek: endDate @formatDateTime(format: \"D\")\n        endMonth: endDate @formatDateTime(format: \"M\")\n        endDay: endDate @formatDateTime(format: \"d\")\n        endTime: endDate @formatDateTime(format: \"g:ia\")\n        allDay\n        desciption: commonRichText\n        summary: commonRichTextTwo\n        image: commonAssetHeroImageSingle {\n          title\n          commonPlainTextTwo: alt\n          url\n        }\n        location: categoriesCampusBuildingSingle {\n          title\n        }\n        link: commonEntriesLinkSingle {\n          ... on links_links_Entry {\n            type: linksDropdownSelector\n            externalUrl: commonPlainTextThree\n            altTitle: commonPlainTextTwo\n            title\n            internalLinks: calendarEntriesEvent {\n              id\n              url\n            }\n          }\n        }\n      }\n      ... on submission_Event {\n        id\n        title\n        url\n        startDayOfWeek: startDate @formatDateTime(format: \"D\")\n        startMonth: startDate @formatDateTime(format: \"M\")\n        startDay: startDate @formatDateTime(format: \"d\")\n        startStamp: startDate @formatDateTime(format: \"Y-m-d\")\n        startTime: startDate @formatDateTime(format: \"g:ia\")\n        endDayOfWeek: endDate @formatDateTime(format: \"D\")\n        endMonth: endDate @formatDateTime(format: \"M\")\n        endDay: endDate @formatDateTime(format: \"d\")\n        endTime: endDate @formatDateTime(format: \"g:ia\")\n        allDay\n        desciption: commonRichText\n        summary: commonRichTextTwo\n        image: commonAssetHeroImageSingle {\n          title\n          commonPlainTextTwo: alt\n          url\n        }\n        location: categoriesCampusBuildingSingle {\n          title\n        }\n        link: commonEntriesLinkSingle {\n          ... on links_links_Entry {\n            type: linksDropdownSelector\n            externalUrl: commonPlainTextThree\n            altTitle: commonPlainTextTwo\n            title\n            internalLinks: calendarEntriesEvent {\n              id\n              url\n            }\n          }\n        }\n      }\n    }\n  }\n}\n`;\n"],"names":[],"mappings":"AAAO,MAAM,qBAAqB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAe3B,MAAM,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;"}
+{"version":3,"file":"queries.mjs","sources":["../../../../source/composite/events/common/queries.ts"],"sourcesContent":["type DateFilterType = 'startsAfterOrAt' | 'rangeStart';\n\nconst buildEventsCountQuery = (\n  dateFilter: DateFilterType = 'startsAfterOrAt',\n) => `\nquery getEventsCount($startDate: String!, $related: [QueryArgument]) {\n  count: solspace_calendar {\n    events(relatedTo: $related, loadOccurrences: true, ${dateFilter}: $startDate) {\n      ... on communications_Event {\n        id\n      }\n      ... on submission_Event {\n        id\n      }\n    }\n  }\n}\n`;\n\nconst buildEventsQuery = (dateFilter: DateFilterType = 'startsAfterOrAt') => `\nquery getEvents($startDate: String!, $related: [QueryArgument], $limit: Int, $offset: Int) {\n  entries: solspace_calendar {\n    events(\n      relatedTo: $related\n      loadOccurrences: true\n      ${dateFilter}: $startDate\n      limit: $limit\n      offset: $offset\n    ) {\n      ... on communications_Event {\n        id\n        title\n        url\n        startDayOfWeek: startDate @formatDateTime(format: \"D\")\n        startMonth: startDate @formatDateTime(format: \"M\")\n        startDay: startDate @formatDateTime(format: \"d\")\n        startStamp: startDate @formatDateTime(format: \"Y-m-d\")\n        startTime: startDate @formatDateTime(format: \"g:ia\")\n        endDayOfWeek: endDate @formatDateTime(format: \"D\")\n        endMonth: endDate @formatDateTime(format: \"M\")\n        endDay: endDate @formatDateTime(format: \"d\")\n        endTime: endDate @formatDateTime(format: \"g:ia\")\n        allDay\n        desciption: commonRichText\n        summary: commonRichTextTwo\n        image: commonAssetHeroImageSingle {\n          title\n          commonPlainTextTwo: alt\n          url\n        }\n        location: categoriesCampusBuildingSingle {\n          title\n        }\n        link: commonEntriesLinkSingle {\n          ... on links_links_Entry {\n            type: linksDropdownSelector\n            externalUrl: commonPlainTextThree\n            altTitle: commonPlainTextTwo\n            title\n            internalLinks: calendarEntriesEvent {\n              id\n              url\n            }\n          }\n        }\n      }\n      ... on submission_Event {\n        id\n        title\n        url\n        startDayOfWeek: startDate @formatDateTime(format: \"D\")\n        startMonth: startDate @formatDateTime(format: \"M\")\n        startDay: startDate @formatDateTime(format: \"d\")\n        startStamp: startDate @formatDateTime(format: \"Y-m-d\")\n        startTime: startDate @formatDateTime(format: \"g:ia\")\n        endDayOfWeek: endDate @formatDateTime(format: \"D\")\n        endMonth: endDate @formatDateTime(format: \"M\")\n        endDay: endDate @formatDateTime(format: \"d\")\n        endTime: endDate @formatDateTime(format: \"g:ia\")\n        allDay\n        desciption: commonRichText\n        summary: commonRichTextTwo\n        image: commonAssetHeroImageSingle {\n          title\n          commonPlainTextTwo: alt\n          url\n        }\n        location: categoriesCampusBuildingSingle {\n          title\n        }\n        link: commonEntriesLinkSingle {\n          ... on links_links_Entry {\n            type: linksDropdownSelector\n            externalUrl: commonPlainTextThree\n            altTitle: commonPlainTextTwo\n            title\n            internalLinks: calendarEntriesEvent {\n              id\n              url\n            }\n          }\n        }\n      }\n    }\n  }\n}\n`;\n\nexport const EVENTS_COUNT_QUERY = buildEventsCountQuery();\nexport const EVENTS_COUNT_RANGE_QUERY = buildEventsCountQuery('rangeStart');\n\nexport const EVENTS_QUERY = buildEventsQuery();\nexport const EVENTS_RANGE_QUERY = buildEventsQuery('rangeStart');\n"],"names":[],"mappings":"AAEA,MAAM,wBAAwB,CAC5B,aAA6B,sBAC1B;AAAA;AAAA;AAAA,yDAGoD,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYnE,MAAM,mBAAmB,CAAC,aAA6B,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,QAMrE,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAmFX,MAAM,qBAAqB,sBAAA;AAC3B,MAAM,2BAA2B,sBAAsB,YAAY;AAEnE,MAAM,eAAe,iBAAA;AACrB,MAAM,qBAAqB,iBAAiB,YAAY;"}

package/dist/composite/events/grid.js

@@ -3,7 +3,9 @@ const webElementsLibrary = require("@universityofmaryland/web-elements-library")
 const asset = require("../../elements/asset.js");
 const layout = require("../../elements/layout.js");
 require("@universityofmaryland/web-styles-library");
+require("@universityofmaryland/web-builder-library");
 const loader = require("../../macros/loader.js");
+require("@universityofmaryland/web-utilities-library/theme");
 require("@universityofmaryland/web-utilities-library/network");
 require("@universityofmaryland/web-elements-library/composite");
 require("@universityofmaryland/web-elements-library/atomic");

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

@@ -1 +1 @@
-{"version":3,"file":"grid.js","sources":["../../../source/composite/events/grid.ts"],"sourcesContent":["import { Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type BlockProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: BlockProps): ElementModel =>\n  (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.block({\n            ...dataComposed.display({ entry, isThemeDark }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n            isTransparent,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const layoutElement = feedElements.layout.gridGap({\n      count: numberOfColumnsToShow,\n    });\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement,\n      isThemeDark,\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","Composite","dataComposed.display","feedElements.asset.standard","feedDisplay.setShadowStyles","feedElements.layout.gridGap","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,aAAa,eAAe,sBAAA,IAA0B;AAC9D,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,mBAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrBC,mBAAAA,UAAU,KAAK,MAAM;AAAA,UACnB,GAAGC,aAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,OAAOC,MAAAA,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,UACX;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,8BAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,gBAAgBC,OAAAA,QAA4B;AAAA,IAChD,OAAO;AAAA,EAAA,CACR;AACD,YAAU,YAAYP,SAAO,OAAO;AAEpCQ,cAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC,QAAAA;AAAAA,IACpB,kBAAkBC,QAAAA;AAAAA,IAClB;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;;"}
+{"version":3,"file":"grid.js","sources":["../../../source/composite/events/grid.ts"],"sourcesContent":["import { Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type BlockProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: BlockProps): ElementModel =>\n  (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.block({\n            ...dataComposed.display({ entry, isThemeDark }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n            isTransparent,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const layoutElement = feedElements.layout.gridGap({\n      count: numberOfColumnsToShow,\n    });\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement,\n      isThemeDark,\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","Composite","dataComposed.display","feedElements.asset.standard","feedDisplay.setShadowStyles","feedElements.layout.gridGap","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,aAAa,eAAe,sBAAA,IAA0B;AAC9D,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,mBAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrBC,mBAAAA,UAAU,KAAK,MAAM;AAAA,UACnB,GAAGC,aAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,OAAOC,MAAAA,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,UACX;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,8BAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,gBAAgBC,OAAAA,QAA4B;AAAA,IAChD,OAAO;AAAA,EAAA,CACR;AACD,YAAU,YAAYP,SAAO,OAAO;AAEpCQ,cAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC,QAAAA;AAAAA,IACpB,kBAAkBC,QAAAA;AAAAA,IAClB;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;;"}

package/dist/composite/events/grid.mjs

@@ -2,7 +2,9 @@ import { Composite } from "@universityofmaryland/web-elements-library";
 import { standard } from "../../elements/asset.mjs";
 import { gridGap } from "../../elements/layout.mjs";
 import "@universityofmaryland/web-styles-library";
+import "@universityofmaryland/web-builder-library";
 import loader from "../../macros/loader.mjs";
+import "@universityofmaryland/web-utilities-library/theme";
 import "@universityofmaryland/web-utilities-library/network";
 import "@universityofmaryland/web-elements-library/composite";
 import "@universityofmaryland/web-elements-library/atomic";

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

@@ -1 +1 @@
-{"version":3,"file":"grid.mjs","sources":["../../../source/composite/events/grid.ts"],"sourcesContent":["import { Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type BlockProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: BlockProps): ElementModel =>\n  (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.block({\n            ...dataComposed.display({ entry, isThemeDark }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n            isTransparent,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const layoutElement = feedElements.layout.gridGap({\n      count: numberOfColumnsToShow,\n    });\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement,\n      isThemeDark,\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","dataComposed.display","feedElements.asset.standard","feedDisplay.setShadowStyles","feedElements.layout.gridGap","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,aAAa,eAAe,sBAAA,IAA0B;AAC9D,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,WAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrB,UAAU,KAAK,MAAM;AAAA,UACnB,GAAGC,QAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,OAAOC,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,UACX;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,sBAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,gBAAgBC,QAA4B;AAAA,IAChD,OAAO;AAAA,EAAA,CACR;AACD,YAAU,YAAYN,SAAO,OAAO;AAEpCO,QAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC;AAAAA,IACpB,kBAAkBC;AAAAA,IAClB;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;"}
+{"version":3,"file":"grid.mjs","sources":["../../../source/composite/events/grid.ts"],"sourcesContent":["import { Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type BlockProps, type FeedDisplay } from './_types';\nimport { type ElementModel } from '../../_types';\n\nexport default (props: BlockProps): ElementModel =>\n  (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries: feedData.map((entry) =>\n          Composite.card.block({\n            ...dataComposed.display({ entry, isThemeDark }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n            isTransparent,\n          }),\n        ),\n      });\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    const layoutElement = feedElements.layout.gridGap({\n      count: numberOfColumnsToShow,\n    });\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement,\n      isThemeDark,\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["loader","feedMacros.loader","feedDisplay.resultLoad","dataComposed.display","feedElements.asset.standard","feedDisplay.setShadowStyles","feedElements.layout.gridGap","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":";;;;;;;;;;;;;AASA,MAAA,OAAe,CAAC,WACb,MAAM;AACL,QAAM,EAAE,aAAa,eAAe,sBAAA,IAA0B;AAC9D,QAAMA,WAASC,OAAkB,OAAO,EAAE,aAAa;AACvD,QAAM,YAAY,SAAS,cAAc,KAAK;AAC9C,QAAM,kBAAkB,CAAC,UAAmB,eAAe;AAC3D,QAAM,YAAY,CAAC,UAAmB,SAAS,SAAS;AACxD,QAAM,YAAY,CAAC,oBAA6B,UAAU;AAC1D,QAAM,eAAe,MAAM;AAC3B,QAAM,kBAAkB,MAAM;AAC9B,QAAM,YAAY,MAAM;AACxB,QAAM,YAAY,MAAM;AACxB,QAAM,gBAAgB,MAAM;AAC5B,MAAI,eAAe;AACnB,MAAI,SAAS;AACb,MAAI,SAAS;AAAA,QACTD,SAAO,MAAM;AAAA;AAEjB,MAAI,aAAgC;AAEpC,QAAM,kBAAkB;AAAA,IACtB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA;AAGF,QAAM,WAAW,CAAC,WAAuB;AACvC,iBAAa;AAAA,EACf;AAEA,QAAM,iBAAiB,OAAO,EAAE,eAA4B;AAC1D,UAAME,WAAuB;AAAA,MAC3B,GAAG;AAAA,MACH,GAAG;AAAA,MACH;AAAA,MACA,SAAS,SAAS;AAAA,QAAI,CAAC,UACrB,UAAU,KAAK,MAAM;AAAA,UACnB,GAAGC,QAAqB,EAAE,OAAO,aAAa;AAAA,UAC9C,OAAOC,SAA4B;AAAA,YACjC,QAAQ,MAAM;AAAA,YACd,KAAK,MAAM;AAAA,UAAA,CACZ;AAAA,UACD,WAAW;AAAA,UACX;AAAA,QAAA,CACD;AAAA,MAAA;AAAA,IACH,CACD;AAED,QAAI,YAAY;AACdC,sBAA4B;AAAA,QAC1B;AAAA,QACA;AAAA,MAAA,CACD;AAAA,IACH;AAAA,EACF;AAEA,QAAM,gBAAgBC,QAA4B;AAAA,IAChD,OAAO;AAAA,EAAA,CACR;AACD,YAAU,YAAYN,SAAO,OAAO;AAEpCO,QAAgB;AAAA,IACd,GAAG;AAAA,IACH,GAAG;AAAA,IACH;AAAA,IACA,oBAAoBC;AAAAA,IACpB,kBAAkBC;AAAAA,IAClB;AAAA,IACA;AAAA,EAAA,CACD;AAED,SAAO;AAAA,IACL,SAAS;AAAA,IACT;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;"}

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

@@ -1 +1 @@
-{"version":3,"file":"grouped.d.ts","sourceRoot":"","sources":["../../../source/composite/events/grouped.ts"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,SAAS,EAAoC,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;yBAuGjC,OAAO,SAAS,KAAG,YAAY;AAA/C,wBA8JO"}
+{"version":3,"file":"grouped.d.ts","sourceRoot":"","sources":["../../../source/composite/events/grouped.ts"],"names":[],"mappings":"AASA,OAAO,EAAE,KAAK,SAAS,EAAoC,MAAM,UAAU,CAAC;AAC5E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;yBAwLjC,OAAO,SAAS,KAAG,YAAY;AAA/C,wBA8JO"}

package/dist/composite/events/grouped.js

@@ -1,14 +1,17 @@
 "use strict";
 const Styles = require("@universityofmaryland/web-styles-library");
+const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
 const webElementsLibrary = require("@universityofmaryland/web-elements-library");
 const asset = require("../../elements/asset.js");
 const loader = require("../../macros/loader.js");
+require("@universityofmaryland/web-utilities-library/theme");
 require("@universityofmaryland/web-utilities-library/network");
 require("@universityofmaryland/web-elements-library/composite");
 require("@universityofmaryland/web-elements-library/atomic");
 const fetch = require("./common/fetch.js");
 const display = require("./common/display.js");
 const data = require("./common/data.js");
+const queries = require("./common/queries.js");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
   if (e) {
@@ -77,18 +80,81 @@ const getDateBanner = (dateStamp) => {
   ];
   return `${days[eventDate.getDay()]}, ${months[eventDate.getMonth()]} ${eventDate.getDate()}`;
 };
+const MONTH_MAP = {
+  Jan: "01",
+  Feb: "02",
+  Mar: "03",
+  Apr: "04",
+  May: "05",
+  Jun: "06",
+  Jul: "07",
+  Aug: "08",
+  Sep: "09",
+  Oct: "10",
+  Nov: "11",
+  Dec: "12"
+};
+const parseLocalDate = (dateString) => {
+  const parts = dateString.split("-");
+  const date = new Date(
+    parseInt(parts[0], 10),
+    parseInt(parts[1], 10) - 1,
+    parseInt(parts[2], 10)
+  );
+  date.setHours(0, 0, 0, 0);
+  return date;
+};
+const getEventStartDate = (event) => {
+  return parseLocalDate(event.startStamp.split("T")[0]);
+};
+const isMultiDayEvent = (event) => {
+  const startParts = event.startStamp.split("T")[0].split("-");
+  const startMonth = startParts[1];
+  const startDay = startParts[2];
+  const endMonth = MONTH_MAP[event.endMonth];
+  const endDay = event.endDay.padStart(2, "0");
+  return !(startMonth === endMonth && startDay === endDay);
+};
+const eventStartsOnDate = (event, targetDate) => {
+  const eventStartDate = getEventStartDate(event);
+  return eventStartDate.getTime() === targetDate.getTime();
+};
+const getEventPriority = (event, groupDate) => {
+  const isMulti = isMultiDayEvent(event);
+  const startsOnDate = eventStartsOnDate(event, groupDate);
+  if (isMulti && startsOnDate) return 1;
+  if (!isMulti) return 2;
+  return 3;
+};
+const sortEventsByPriority = (events, groupDate) => {
+  return [...events].sort((a, b) => {
+    const aPriority = getEventPriority(a, groupDate);
+    const bPriority = getEventPriority(b, groupDate);
+    return aPriority - bPriority;
+  });
+};
 const groupEventsByDate = (events) => {
+  const currentDate = /* @__PURE__ */ new Date();
+  currentDate.setHours(0, 0, 0, 0);
   const grouped2 = events.reduce((acc, event) => {
-    const dateKey = event.startStamp;
+    const eventDate = getEventStartDate(event);
+    const dateKey = eventDate < currentDate ? currentDate.toISOString().split("T")[0] : event.startStamp;
     if (!acc[dateKey]) {
       acc[dateKey] = {
-        date: getDateBanner(event.startStamp),
+        date: getDateBanner(dateKey),
         events: []
       };
     }
     acc[dateKey].events.push(event);
     return acc;
   }, {});
+  Object.keys(grouped2).forEach((dateKey) => {
+    const groupDate = parseLocalDate(dateKey);
+    grouped2[dateKey].events = sortEventsByPriority(
+      grouped2[dateKey].events,
+      groupDate
+    );
+  });
   return Object.values(grouped2).sort((a, b) => {
     const dateA = new Date(
       Object.keys(grouped2).find((key) => grouped2[key] === a) || ""
@@ -132,12 +198,7 @@ const grouped = (props) => (() => {
     shadowRoot = shadow;
   };
   const groupLayout = () => {
-    return webElementsLibrary.Model.ElementModel.createDiv({
-      className: "umd-feed-events-grouped",
-      elementStyles: {
-        element: {}
-      }
-    });
+    return new webBuilderLibrary.ElementBuilder().withClassName("umd-feed-events-grouped").build();
   };
   const displayResults = async ({ feedData }) => {
     const groupedEvents = groupEventsByDate(feedData);
@@ -148,14 +209,11 @@ const grouped = (props) => (() => {
         const dateHeadline = document.createElement("p");
         dateHeadline.textContent = group.date;
         entries.push(
-          webElementsLibrary.Model.ElementModel.text.ribbon({
-            element: dateHeadline,
-            elementStyles: {
-              element: {
-                margin: `${Styles__namespace.token.spacing.lg} 0`
-              }
+          new webBuilderLibrary.ElementBuilder(dateHeadline).styled(Styles__namespace.element.text.decoration.ribbon).withStyles({
+            element: {
+              margin: `${Styles__namespace.token.spacing.lg} 0`
             }
-          })
+          }).build()
         );
         lastDateHeadline = group.date;
       }
@@ -165,7 +223,7 @@ const grouped = (props) => (() => {
           dateSign: webElementsLibrary.Atomic.events.sign({
             ...entry,
             isThemeDark,
-            isLargeSize: false
+            isLargeSize: true
           }),
           image: asset.standard({
             images: entry.image,
@@ -175,26 +233,22 @@ const grouped = (props) => (() => {
         })
       );
       actualEventCount += group.events.length;
-      entries.push(
-        webElementsLibrary.Model.ElementModel.createDiv({
-          className: "umd-feed-events-grouped-entries",
-          children: [...dateEntries],
-          elementStyles: {
-            element: {
-              [` > *:not(:last-child)`]: {
-                paddingBottom: Styles__namespace.token.spacing.md,
-                marginBottom: Styles__namespace.token.spacing.md,
-                borderBottom: `1px solid ${isThemeDark ? Styles__namespace.token.color.gray.dark : Styles__namespace.token.color.gray.light}`
-              },
-              [`+ .umd-feed-events-grouped-entries`]: {
-                paddingTop: Styles__namespace.token.spacing.md,
-                marginTop: Styles__namespace.token.spacing.md,
-                borderTop: `1px solid ${isThemeDark ? Styles__namespace.token.color.gray.dark : Styles__namespace.token.color.gray.light}`
-              }
-            }
+      const entriesBuilder = new webBuilderLibrary.ElementBuilder().withClassName("umd-feed-events-grouped-entries").withStyles({
+        element: {
+          [` > *:not(:last-child)`]: {
+            paddingBottom: Styles__namespace.token.spacing.md,
+            marginBottom: Styles__namespace.token.spacing.md,
+            borderBottom: `1px solid ${isThemeDark ? Styles__namespace.token.color.gray.dark : Styles__namespace.token.color.gray.light}`
+          },
+          [`+ .umd-feed-events-grouped-entries`]: {
+            paddingTop: Styles__namespace.token.spacing.md,
+            marginTop: Styles__namespace.token.spacing.md,
+            borderTop: `1px solid ${isThemeDark ? Styles__namespace.token.color.gray.dark : Styles__namespace.token.color.gray.light}`
           }
-        })
-      );
+        }
+      });
+      dateEntries.forEach((entry) => entriesBuilder.withChild(entry));
+      entries.push(entriesBuilder.build());
     });
     const originalSetOffset = helperFunctions.setOffset;
     helperFunctions.setOffset = () => originalSetOffset(actualEventCount);
@@ -202,7 +256,8 @@ const grouped = (props) => (() => {
       ...props,
       ...helperFunctions,
       displayResults,
-      entries
+      entries,
+      query: queries.EVENTS_RANGE_QUERY
     });
     helperFunctions.setOffset = originalSetOffset;
     if (shadowRoot) {
@@ -219,7 +274,9 @@ const grouped = (props) => (() => {
     displayResults,
     displayResultStart: display.resultStart,
     displayNoResults: display.noResults,
-    layoutElement: groupLayout()
+    layoutElement: groupLayout(),
+    query: queries.EVENTS_RANGE_QUERY,
+    countQuery: queries.EVENTS_COUNT_RANGE_QUERY
   });
   return {
     element: container,

package/dist/composite/events/grouped.js.map

@@ -1 +1 @@
-{"version":3,"file":"grouped.js","sources":["../../../source/composite/events/grouped.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport {\n  Atomic,\n  Composite,\n  Model,\n} from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { type ListProps, type FeedDisplay, type EventType } from './_types';\nimport { type ElementModel } from '../../_types';\n\ninterface GroupedEvent {\n  date: string;\n  events: EventType[];\n}\n\nconst getDateBanner = (dateStamp: string): string => {\n  // Parse the date string more reliably\n  // Handle both \"YYYY-MM-DD\" and ISO format strings\n  const dateParts = dateStamp.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1; // Month is 0-indexed\n  const day = parseInt(dateParts[2], 10);\n\n  // Create dates using local timezone to avoid timezone shifts\n  const eventDate = new Date(year, month, day);\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const weekFromNow = new Date();\n  weekFromNow.setDate(currentDate.getDate() + 7);\n  weekFromNow.setHours(0, 0, 0, 0);\n\n  // Check if it's today\n  if (\n    eventDate.getFullYear() === currentDate.getFullYear() &&\n    eventDate.getMonth() === currentDate.getMonth() &&\n    eventDate.getDate() === currentDate.getDate()\n  ) {\n    return 'Today';\n  }\n\n  // Check if it's within the next 7 days\n  if (\n    eventDate.getTime() > currentDate.getTime() &&\n    eventDate.getTime() <= weekFromNow.getTime()\n  ) {\n    const days = [\n      'Sunday',\n      'Monday',\n      'Tuesday',\n      'Wednesday',\n      'Thursday',\n      'Friday',\n      'Saturday',\n    ];\n    return days[eventDate.getDay()];\n  }\n\n  // Otherwise return day of week, month and day\n  const days = [\n    'Sunday',\n    'Monday',\n    'Tuesday',\n    'Wednesday',\n    'Thursday',\n    'Friday',\n    'Saturday',\n  ];\n  const months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n  ];\n  return `${days[eventDate.getDay()]}, ${\n    months[eventDate.getMonth()]\n  } ${eventDate.getDate()}`;\n};\n\nconst groupEventsByDate = (events: EventType[]): GroupedEvent[] => {\n  const grouped = events.reduce((acc, event) => {\n    const dateKey = event.startStamp;\n    if (!acc[dateKey]) {\n      acc[dateKey] = {\n        date: getDateBanner(event.startStamp),\n        events: [],\n      };\n    }\n    acc[dateKey].events.push(event);\n    return acc;\n  }, {} as Record<string, GroupedEvent>);\n\n  return Object.values(grouped).sort((a, b) => {\n    const dateA = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === a) || '',\n    );\n    const dateB = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === b) || '',\n    );\n    return dateA.getTime() - dateB.getTime();\n  });\n};\n\nexport default (props: ListProps): ElementModel =>\n  (() => {\n    const { isThemeDark } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n    let lastDateHeadline: string | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const groupLayout = (): { element: HTMLElement; styles: string } => {\n      return Model.ElementModel.createDiv({\n        className: 'umd-feed-events-grouped',\n        elementStyles: {\n          element: {},\n        },\n      });\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      const groupedEvents = groupEventsByDate(feedData);\n      const entries: { element: HTMLElement; styles: string }[] = [];\n      let actualEventCount = 0;\n\n      groupedEvents.forEach((group) => {\n        if (group.date !== lastDateHeadline) {\n          const dateHeadline = document.createElement('p');\n          dateHeadline.textContent = group.date;\n\n          entries.push(\n            Model.ElementModel.text.ribbon({\n              element: dateHeadline,\n              elementStyles: {\n                element: {\n                  margin: `${Styles.token.spacing.lg} 0`,\n                },\n              },\n            }),\n          );\n\n          lastDateHeadline = group.date;\n        }\n\n        const dateEntries = group.events.map((entry) =>\n          Composite.card.list({\n            ...dataComposed.display({ entry, isThemeDark }),\n            dateSign: Atomic.events.sign({\n              ...entry,\n              isThemeDark,\n              isLargeSize: false,\n            }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n          }),\n        );\n\n        actualEventCount += group.events.length;\n\n        entries.push(\n          Model.ElementModel.createDiv({\n            className: 'umd-feed-events-grouped-entries',\n            children: [...dateEntries],\n            elementStyles: {\n              element: {\n                [` > *:not(:last-child)`]: {\n                  paddingBottom: Styles.token.spacing.md,\n                  marginBottom: Styles.token.spacing.md,\n                  borderBottom: `1px solid ${\n                    isThemeDark\n                      ? Styles.token.color.gray.dark\n                      : Styles.token.color.gray.light\n                  }`,\n                },\n\n                [`+ .umd-feed-events-grouped-entries`]: {\n                  paddingTop: Styles.token.spacing.md,\n                  marginTop: Styles.token.spacing.md,\n                  borderTop: `1px solid ${\n                    isThemeDark\n                      ? Styles.token.color.gray.dark\n                      : Styles.token.color.gray.light\n                  }`,\n                },\n              },\n            },\n          }),\n        );\n      });\n\n      // Override the offset with actual event count to fix lazy load\n      const originalSetOffset = helperFunctions.setOffset;\n      helperFunctions.setOffset = () => originalSetOffset(actualEventCount);\n\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries,\n      });\n\n      // Restore original setOffset\n      helperFunctions.setOffset = originalSetOffset;\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement: groupLayout(),\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["days","grouped","loader","feedMacros.loader","Model","Styles","Composite","dataComposed.display","Atomic","feedElements.asset.standard","feedDisplay.resultLoad","feedDisplay.setShadowStyles","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults"],"mappings":"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"}
+{"version":3,"file":"grouped.js","sources":["../../../source/composite/events/grouped.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { Atomic, Composite } from '@universityofmaryland/web-elements-library';\nimport * as feedElements from 'elements';\nimport * as feedMacros from 'macros';\nimport * as feedFetch from './common/fetch';\nimport * as feedDisplay from './common/display';\nimport * as dataComposed from './common/data';\nimport { EVENTS_RANGE_QUERY, EVENTS_COUNT_RANGE_QUERY } from './common/queries';\nimport { type ListProps, type FeedDisplay, type EventType } from './_types';\nimport { type ElementModel } from '../../_types';\n\ninterface GroupedEvent {\n  date: string;\n  events: EventType[];\n}\n\nconst getDateBanner = (dateStamp: string): string => {\n  // Parse the date string more reliably\n  // Handle both \"YYYY-MM-DD\" and ISO format strings\n  const dateParts = dateStamp.split('T')[0].split('-');\n  const year = parseInt(dateParts[0], 10);\n  const month = parseInt(dateParts[1], 10) - 1; // Month is 0-indexed\n  const day = parseInt(dateParts[2], 10);\n\n  // Create dates using local timezone to avoid timezone shifts\n  const eventDate = new Date(year, month, day);\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const weekFromNow = new Date();\n  weekFromNow.setDate(currentDate.getDate() + 7);\n  weekFromNow.setHours(0, 0, 0, 0);\n\n  // Check if it's today\n  if (\n    eventDate.getFullYear() === currentDate.getFullYear() &&\n    eventDate.getMonth() === currentDate.getMonth() &&\n    eventDate.getDate() === currentDate.getDate()\n  ) {\n    return 'Today';\n  }\n\n  // Check if it's within the next 7 days\n  if (\n    eventDate.getTime() > currentDate.getTime() &&\n    eventDate.getTime() <= weekFromNow.getTime()\n  ) {\n    const days = [\n      'Sunday',\n      'Monday',\n      'Tuesday',\n      'Wednesday',\n      'Thursday',\n      'Friday',\n      'Saturday',\n    ];\n    return days[eventDate.getDay()];\n  }\n\n  // Otherwise return day of week, month and day\n  const days = [\n    'Sunday',\n    'Monday',\n    'Tuesday',\n    'Wednesday',\n    'Thursday',\n    'Friday',\n    'Saturday',\n  ];\n  const months = [\n    'Jan',\n    'Feb',\n    'Mar',\n    'Apr',\n    'May',\n    'Jun',\n    'Jul',\n    'Aug',\n    'Sep',\n    'Oct',\n    'Nov',\n    'Dec',\n  ];\n  return `${days[eventDate.getDay()]}, ${\n    months[eventDate.getMonth()]\n  } ${eventDate.getDate()}`;\n};\n\nconst MONTH_MAP: Record<string, string> = {\n  Jan: '01',\n  Feb: '02',\n  Mar: '03',\n  Apr: '04',\n  May: '05',\n  Jun: '06',\n  Jul: '07',\n  Aug: '08',\n  Sep: '09',\n  Oct: '10',\n  Nov: '11',\n  Dec: '12',\n};\n\nconst parseLocalDate = (dateString: string): Date => {\n  const parts = dateString.split('-');\n  const date = new Date(\n    parseInt(parts[0], 10),\n    parseInt(parts[1], 10) - 1,\n    parseInt(parts[2], 10),\n  );\n  date.setHours(0, 0, 0, 0);\n  return date;\n};\n\nconst getEventStartDate = (event: EventType): Date => {\n  return parseLocalDate(event.startStamp.split('T')[0]);\n};\n\nconst isMultiDayEvent = (event: EventType): boolean => {\n  const startParts = event.startStamp.split('T')[0].split('-');\n  const startMonth = startParts[1];\n  const startDay = startParts[2];\n  const endMonth = MONTH_MAP[event.endMonth];\n  const endDay = event.endDay.padStart(2, '0');\n\n  return !(startMonth === endMonth && startDay === endDay);\n};\n\nconst eventStartsOnDate = (event: EventType, targetDate: Date): boolean => {\n  const eventStartDate = getEventStartDate(event);\n  return eventStartDate.getTime() === targetDate.getTime();\n};\n\nconst getEventPriority = (event: EventType, groupDate: Date): number => {\n  const isMulti = isMultiDayEvent(event);\n  const startsOnDate = eventStartsOnDate(event, groupDate);\n\n  if (isMulti && startsOnDate) return 1;\n  if (!isMulti) return 2;\n  return 3;\n};\n\nconst sortEventsByPriority = (\n  events: EventType[],\n  groupDate: Date,\n): EventType[] => {\n  return [...events].sort((a, b) => {\n    const aPriority = getEventPriority(a, groupDate);\n    const bPriority = getEventPriority(b, groupDate);\n    return aPriority - bPriority;\n  });\n};\n\nconst groupEventsByDate = (events: EventType[]): GroupedEvent[] => {\n  const currentDate = new Date();\n  currentDate.setHours(0, 0, 0, 0);\n\n  const grouped = events.reduce((acc, event) => {\n    const eventDate = getEventStartDate(event);\n    const dateKey =\n      eventDate < currentDate\n        ? currentDate.toISOString().split('T')[0]\n        : event.startStamp;\n\n    if (!acc[dateKey]) {\n      acc[dateKey] = {\n        date: getDateBanner(dateKey),\n        events: [],\n      };\n    }\n    acc[dateKey].events.push(event);\n    return acc;\n  }, {} as Record<string, GroupedEvent>);\n\n  Object.keys(grouped).forEach((dateKey) => {\n    const groupDate = parseLocalDate(dateKey);\n    grouped[dateKey].events = sortEventsByPriority(\n      grouped[dateKey].events,\n      groupDate,\n    );\n  });\n\n  return Object.values(grouped).sort((a, b) => {\n    const dateA = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === a) || '',\n    );\n    const dateB = new Date(\n      Object.keys(grouped).find((key) => grouped[key] === b) || '',\n    );\n    return dateA.getTime() - dateB.getTime();\n  });\n};\n\nexport default (props: ListProps): ElementModel =>\n  (() => {\n    const { isThemeDark } = props;\n    const loader = feedMacros.loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count: number) => (totalEntries = count);\n    const setOffset = (count: number) => (offset = offset + count);\n    const setStyles = (additonalStyles: string) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot: ShadowRoot | null = null;\n    let lastDateHeadline: string | null = null;\n\n    const helperFunctions = {\n      setTotalEntries,\n      setOffset,\n      setStyles,\n      getContainer,\n      getOffset,\n      getTotalEntries,\n      getStyles,\n      getShadowRoot,\n    };\n\n    const callback = (shadow: ShadowRoot) => {\n      shadowRoot = shadow;\n    };\n\n    const groupLayout = (): ElementModel => {\n      return new ElementBuilder()\n        .withClassName('umd-feed-events-grouped')\n        .build();\n    };\n\n    const displayResults = async ({ feedData }: FeedDisplay) => {\n      const groupedEvents = groupEventsByDate(feedData);\n      const entries: ElementModel[] = [];\n      let actualEventCount = 0;\n\n      groupedEvents.forEach((group) => {\n        if (group.date !== lastDateHeadline) {\n          const dateHeadline = document.createElement('p');\n          dateHeadline.textContent = group.date;\n\n          entries.push(\n            new ElementBuilder(dateHeadline)\n              .styled(Styles.element.text.decoration.ribbon)\n              .withStyles({\n                element: {\n                  margin: `${Styles.token.spacing.lg} 0`,\n                },\n              })\n              .build(),\n          );\n\n          lastDateHeadline = group.date;\n        }\n\n        const dateEntries = group.events.map((entry) =>\n          Composite.card.list({\n            ...dataComposed.display({ entry, isThemeDark }),\n            dateSign: Atomic.events.sign({\n              ...entry,\n              isThemeDark,\n              isLargeSize: true,\n            }),\n            image: feedElements.asset.standard({\n              images: entry.image,\n              url: entry.url,\n            }),\n            isAligned: false,\n          }),\n        );\n\n        actualEventCount += group.events.length;\n\n        const entriesBuilder = new ElementBuilder()\n          .withClassName('umd-feed-events-grouped-entries')\n          .withStyles({\n            element: {\n              [` > *:not(:last-child)`]: {\n                paddingBottom: Styles.token.spacing.md,\n                marginBottom: Styles.token.spacing.md,\n                borderBottom: `1px solid ${\n                  isThemeDark\n                    ? Styles.token.color.gray.dark\n                    : Styles.token.color.gray.light\n                }`,\n              },\n\n              [`+ .umd-feed-events-grouped-entries`]: {\n                paddingTop: Styles.token.spacing.md,\n                marginTop: Styles.token.spacing.md,\n                borderTop: `1px solid ${\n                  isThemeDark\n                    ? Styles.token.color.gray.dark\n                    : Styles.token.color.gray.light\n                }`,\n              },\n            },\n          });\n\n        dateEntries.forEach((entry) => entriesBuilder.withChild(entry));\n\n        entries.push(entriesBuilder.build());\n      });\n\n      // Override the offset with actual event count to fix lazy load\n      const originalSetOffset = helperFunctions.setOffset;\n      helperFunctions.setOffset = () => originalSetOffset(actualEventCount);\n\n      await feedDisplay.resultLoad({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        entries,\n        query: EVENTS_RANGE_QUERY,\n      });\n\n      // Restore original setOffset\n      helperFunctions.setOffset = originalSetOffset;\n\n      if (shadowRoot) {\n        feedDisplay.setShadowStyles({\n          shadowRoot,\n          styles,\n        });\n      }\n    };\n\n    container.appendChild(loader.element);\n\n    feedFetch.start({\n      ...props,\n      ...helperFunctions,\n      displayResults,\n      displayResultStart: feedDisplay.resultStart,\n      displayNoResults: feedDisplay.noResults,\n      layoutElement: groupLayout(),\n      query: EVENTS_RANGE_QUERY,\n      countQuery: EVENTS_COUNT_RANGE_QUERY,\n    });\n\n    return {\n      element: container,\n      styles,\n      events: {\n        callback,\n      },\n    };\n  })();\n"],"names":["days","grouped","loader","feedMacros.loader","ElementBuilder","Styles","Composite","dataComposed.display","Atomic","feedElements.asset.standard","feedDisplay.resultLoad","EVENTS_RANGE_QUERY","feedDisplay.setShadowStyles","feedFetch.start","feedDisplay.resultStart","feedDisplay.noResults","EVENTS_COUNT_RANGE_QUERY"],"mappings":"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"}

package/dist/composite/events/grouped.mjs

@@ -1,13 +1,16 @@
 import * as Styles from "@universityofmaryland/web-styles-library";
-import { Model, Composite, Atomic } from "@universityofmaryland/web-elements-library";
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import { Composite, Atomic } from "@universityofmaryland/web-elements-library";
 import { standard } from "../../elements/asset.mjs";
 import loader from "../../macros/loader.mjs";
+import "@universityofmaryland/web-utilities-library/theme";
 import "@universityofmaryland/web-utilities-library/network";
 import "@universityofmaryland/web-elements-library/composite";
 import "@universityofmaryland/web-elements-library/atomic";
 import { start } from "./common/fetch.mjs";
 import { noResults, resultStart, resultLoad, setShadowStyles } from "./common/display.mjs";
 import { display } from "./common/data.mjs";
+import { EVENTS_COUNT_RANGE_QUERY, EVENTS_RANGE_QUERY } from "./common/queries.mjs";
 const getDateBanner = (dateStamp) => {
   const dateParts = dateStamp.split("T")[0].split("-");
   const year = parseInt(dateParts[0], 10);
@@ -59,18 +62,81 @@ const getDateBanner = (dateStamp) => {
   ];
   return `${days[eventDate.getDay()]}, ${months[eventDate.getMonth()]} ${eventDate.getDate()}`;
 };
+const MONTH_MAP = {
+  Jan: "01",
+  Feb: "02",
+  Mar: "03",
+  Apr: "04",
+  May: "05",
+  Jun: "06",
+  Jul: "07",
+  Aug: "08",
+  Sep: "09",
+  Oct: "10",
+  Nov: "11",
+  Dec: "12"
+};
+const parseLocalDate = (dateString) => {
+  const parts = dateString.split("-");
+  const date = new Date(
+    parseInt(parts[0], 10),
+    parseInt(parts[1], 10) - 1,
+    parseInt(parts[2], 10)
+  );
+  date.setHours(0, 0, 0, 0);
+  return date;
+};
+const getEventStartDate = (event) => {
+  return parseLocalDate(event.startStamp.split("T")[0]);
+};
+const isMultiDayEvent = (event) => {
+  const startParts = event.startStamp.split("T")[0].split("-");
+  const startMonth = startParts[1];
+  const startDay = startParts[2];
+  const endMonth = MONTH_MAP[event.endMonth];
+  const endDay = event.endDay.padStart(2, "0");
+  return !(startMonth === endMonth && startDay === endDay);
+};
+const eventStartsOnDate = (event, targetDate) => {
+  const eventStartDate = getEventStartDate(event);
+  return eventStartDate.getTime() === targetDate.getTime();
+};
+const getEventPriority = (event, groupDate) => {
+  const isMulti = isMultiDayEvent(event);
+  const startsOnDate = eventStartsOnDate(event, groupDate);
+  if (isMulti && startsOnDate) return 1;
+  if (!isMulti) return 2;
+  return 3;
+};
+const sortEventsByPriority = (events, groupDate) => {
+  return [...events].sort((a, b) => {
+    const aPriority = getEventPriority(a, groupDate);
+    const bPriority = getEventPriority(b, groupDate);
+    return aPriority - bPriority;
+  });
+};
 const groupEventsByDate = (events) => {
+  const currentDate = /* @__PURE__ */ new Date();
+  currentDate.setHours(0, 0, 0, 0);
   const grouped2 = events.reduce((acc, event) => {
-    const dateKey = event.startStamp;
+    const eventDate = getEventStartDate(event);
+    const dateKey = eventDate < currentDate ? currentDate.toISOString().split("T")[0] : event.startStamp;
     if (!acc[dateKey]) {
       acc[dateKey] = {
-        date: getDateBanner(event.startStamp),
+        date: getDateBanner(dateKey),
         events: []
       };
     }
     acc[dateKey].events.push(event);
     return acc;
   }, {});
+  Object.keys(grouped2).forEach((dateKey) => {
+    const groupDate = parseLocalDate(dateKey);
+    grouped2[dateKey].events = sortEventsByPriority(
+      grouped2[dateKey].events,
+      groupDate
+    );
+  });
   return Object.values(grouped2).sort((a, b) => {
     const dateA = new Date(
       Object.keys(grouped2).find((key) => grouped2[key] === a) || ""
@@ -114,12 +180,7 @@ const grouped = (props) => (() => {
     shadowRoot = shadow;
   };
   const groupLayout = () => {
-    return Model.ElementModel.createDiv({
-      className: "umd-feed-events-grouped",
-      elementStyles: {
-        element: {}
-      }
-    });
+    return new ElementBuilder().withClassName("umd-feed-events-grouped").build();
   };
   const displayResults = async ({ feedData }) => {
     const groupedEvents = groupEventsByDate(feedData);
@@ -130,14 +191,11 @@ const grouped = (props) => (() => {
         const dateHeadline = document.createElement("p");
         dateHeadline.textContent = group.date;
         entries.push(
-          Model.ElementModel.text.ribbon({
-            element: dateHeadline,
-            elementStyles: {
-              element: {
-                margin: `${Styles.token.spacing.lg} 0`
-              }
+          new ElementBuilder(dateHeadline).styled(Styles.element.text.decoration.ribbon).withStyles({
+            element: {
+              margin: `${Styles.token.spacing.lg} 0`
             }
-          })
+          }).build()
         );
         lastDateHeadline = group.date;
       }
@@ -147,7 +205,7 @@ const grouped = (props) => (() => {
           dateSign: Atomic.events.sign({
             ...entry,
             isThemeDark,
-            isLargeSize: false
+            isLargeSize: true
           }),
           image: standard({
             images: entry.image,
@@ -157,26 +215,22 @@ const grouped = (props) => (() => {
         })
       );
       actualEventCount += group.events.length;
-      entries.push(
-        Model.ElementModel.createDiv({
-          className: "umd-feed-events-grouped-entries",
-          children: [...dateEntries],
-          elementStyles: {
-            element: {
-              [` > *:not(:last-child)`]: {
-                paddingBottom: Styles.token.spacing.md,
-                marginBottom: Styles.token.spacing.md,
-                borderBottom: `1px solid ${isThemeDark ? Styles.token.color.gray.dark : Styles.token.color.gray.light}`
-              },
-              [`+ .umd-feed-events-grouped-entries`]: {
-                paddingTop: Styles.token.spacing.md,
-                marginTop: Styles.token.spacing.md,
-                borderTop: `1px solid ${isThemeDark ? Styles.token.color.gray.dark : Styles.token.color.gray.light}`
-              }
-            }
+      const entriesBuilder = new ElementBuilder().withClassName("umd-feed-events-grouped-entries").withStyles({
+        element: {
+          [` > *:not(:last-child)`]: {
+            paddingBottom: Styles.token.spacing.md,
+            marginBottom: Styles.token.spacing.md,
+            borderBottom: `1px solid ${isThemeDark ? Styles.token.color.gray.dark : Styles.token.color.gray.light}`
+          },
+          [`+ .umd-feed-events-grouped-entries`]: {
+            paddingTop: Styles.token.spacing.md,
+            marginTop: Styles.token.spacing.md,
+            borderTop: `1px solid ${isThemeDark ? Styles.token.color.gray.dark : Styles.token.color.gray.light}`
           }
-        })
-      );
+        }
+      });
+      dateEntries.forEach((entry) => entriesBuilder.withChild(entry));
+      entries.push(entriesBuilder.build());
     });
     const originalSetOffset = helperFunctions.setOffset;
     helperFunctions.setOffset = () => originalSetOffset(actualEventCount);
@@ -184,7 +238,8 @@ const grouped = (props) => (() => {
       ...props,
       ...helperFunctions,
       displayResults,
-      entries
+      entries,
+      query: EVENTS_RANGE_QUERY
     });
     helperFunctions.setOffset = originalSetOffset;
     if (shadowRoot) {
@@ -201,7 +256,9 @@ const grouped = (props) => (() => {
     displayResults,
     displayResultStart: resultStart,
     displayNoResults: noResults,
-    layoutElement: groupLayout()
+    layoutElement: groupLayout(),
+    query: EVENTS_RANGE_QUERY,
+    countQuery: EVENTS_COUNT_RANGE_QUERY
   });
   return {
     element: container,