@universityofmaryland/web-feeds-library 1.0.6 → 1.0.8

package/README.md

@@ -1,217 +1,281 @@
 # University of Maryland Feeds Library
 
-[![Feeds Version](https://img.shields.io/badge/Feeds-v1.0.6-blue)](https://www.npmjs.com/package/@universityofmaryland/web-feeds-library)
+[![Feeds Version](https://img.shields.io/badge/Feeds-v1.0.8-blue)](https://www.npmjs.com/package/@universityofmaryland/web-feeds-library)
 
-A collection of dynamic feed components for displaying University of Maryland content feeds including news articles, events, and academic information. This library simplifies the integration of live, updating content from UMD sources while maintaining brand consistency and performance optimization.
+Dynamic content feed components for displaying University of Maryland news, events, and academic information with automatic updates, caching, and brand-compliant styling.
 
 ## Overview
 
-The UMD Feeds Library provides ready-to-use feed components that can be integrated into any web project. These components are designed to follow UMD brand guidelines and accessibility standards while providing a seamless way to display dynamic content. The library handles all aspects of content fetching, caching, error handling, and rendering, allowing developers to focus on integration rather than implementation details.
+The UMD Feeds Library simplifies the integration of dynamic UMD content into any web application. It provides pre-built components for displaying news articles, event calendars, and academic program information that automatically sync with UMD data sources. Built on the Elements Library and styled with the Styles Library, these components ensure consistent presentation while handling all complexities of data fetching, caching, error handling, and responsive layouts.
 
 ## Installation
 
 ```bash
+# Using npm
 npm install @universityofmaryland/web-feeds-library
-# or
+
+# Using yarn
 yarn add @universityofmaryland/web-feeds-library
 ```
 
-## Features
+### Peer Dependencies
 
-- **Responsive Layouts**: Grid, list, and featured layouts that work across all screen sizes
-- **Multiple Feed Types**: Support for news, events, and academic content
-- **Customizable**: Theme options, column configuration, and layout variations
-- **Accessibility**: ARIA-compliant with screen reader support
-- **Lazy Loading**: Optional lazy loading for improved performance
+For complete styling and functionality:
 
-## Usage
+```bash
+npm install @universityofmaryland/web-styles-library
+npm install @universityofmaryland/web-elements-library
+```
 
-### Basic Example
+## Quick Start
 
-```typescript
-import * as Feeds from '@universityofmaryland/web-feeds-library';
+```javascript
+import { news, events } from '@universityofmaryland/web-feeds-library';
 
-// Create a news grid component
-const newsGrid = Feeds.news.grid({
+// Create a news grid
+const newsGrid = news.grid({
   token: 'your-api-token',
   numberOfColumnsToShow: 3,
   isThemeDark: false,
 });
 
-// Add to DOM
+// Add to your page
 document.querySelector('.news-container').appendChild(newsGrid.element);
 ```
 
-## Available Feed Components
+## Feed Types
 
 ### News Feeds
 
-```typescript
-// Grid layout for news
-const newsGrid = Feeds.news.grid({ token: 'your-api-token' });
+Display UMD news articles in various layouts:
 
-// List layout for news
-const newsList = Feeds.news.list({ token: 'your-api-token' });
+```javascript
+import { news } from '@universityofmaryland/web-feeds-library';
+
+// Grid layout - Responsive card grid
+const newsGrid = news.grid({
+  token: 'your-api-token',
+  numberOfColumnsToShow: 3,
+  isThemeDark: false,
+  isTransparent: false,
+});
 
-// Featured news layout with prominent article
-const newsFeatured = Feeds.news.featured({
+// List layout - Vertical article list
+const newsList = news.list({
+  token: 'your-api-token',
+});
+
+// Featured layout - Hero article with sidebar
+const newsFeatured = news.featured({
   token: 'your-api-token',
   isLazyLoad: true,
+  isLayoutReversed: false,
 });
 ```
 
 ### Event Feeds
 
-```typescript
-// Grid layout for events
-const eventsGrid = Feeds.events.grid({ token: 'your-api-token' });
+Display UMD events with calendar integration:
 
-// List layout for events
-const eventsList = Feeds.events.list({ token: 'your-api-token' });
+```javascript
+import { events } from '@universityofmaryland/web-feeds-library';
 
-// Slider for events
-const eventsSlider = Feeds.events.slider({ token: 'your-api-token' });
+// Grid layout - Event cards
+const eventsGrid = events.grid({
+  token: 'your-api-token',
+  numberOfColumnsToShow: 3,
+});
+
+// List layout - Chronological list
+const eventsList = events.list({
+  token: 'your-api-token',
+});
+
+// Slider - Horizontal scroll
+const eventsSlider = events.slider({
+  token: 'your-api-token',
+});
 ```
 
 ### Academic Feeds
 
-```typescript
-// Slider for academic events
-const academicSlider = Feeds.academic.slider({ token: 'your-api-token' });
+Display academic programs and information:
+
+```javascript
+import { academic } from '@universityofmaryland/web-feeds-library';
+
+// Academic event slider
+const academicSlider = academic.slider({
+  token: 'your-api-token',
+  department: 'engineering',
+  programType: 'graduate',
+});
 ```
 
-## Component Configuration
+## Integration with Other Packages
 
-All feed components accept these common properties:
+### Styles Package Integration
 
-- `token` (required): API token for authentication
-- `isThemeDark`: Enable dark theme styling (default: false)
-- `isTransparent`: Use transparent background for cards (default: false)
+Feeds automatically use UMD styles for consistent appearance:
 
-Grid-specific options:
+```html
+<!-- Feeds inherit grid and spacing utilities -->
+<div class="umd-layout-space-vertical-landing">
+  <div id="news-feed"></div>
+</div>
+```
 
-- `numberOfColumnsToShow`: Number of columns to display (default: 3)
+### Elements Package Usage
 
-Featured layout options:
+Feeds are built using Elements for rendering:
 
-- `isLazyLoad`: Enable lazy loading of additional content
-- `isLayoutReversed`: Reverse the layout order
-- `overwriteStickyPosition`: Custom sticky position value
+- Card elements for item display
+- Grid layouts from layout elements
+- Typography from text elements
 
-### Custom Filtering and Sorting
+### Components Package Compatibility
 
-You can customize how feed items are filtered and sorted:
+Feeds can be wrapped in web components:
 
-```typescript
-import * as Feeds from '@universityofmaryland/web-feeds-library';
+```javascript
+import { Components } from '@universityofmaryland/web-components-library';
+import { news } from '@universityofmaryland/web-feeds-library';
 
-const newsGrid = Feeds.news.grid({
-  token: 'your-api-token',
-  filters: {
-    categories: ['research', 'campus-life'],
-    tags: ['featured'],
-    dateRange: {
-      start: '2023-01-01',
-      end: '2023-12-31',
-    },
-  },
-  sortBy: 'date', // 'date', 'title', 'popularity'
-  sortDirection: 'desc', // 'asc' or 'desc'
-});
+// Initialize feed component wrapper
+Components.feed.newsList();
+// Feed will render inside the component
 ```
 
-### Event Handling
+## Configuration Options
+
+### Common Properties
 
-All feed components emit events that you can listen for. You can use the standard event listeners or our utility functions for better TypeScript support:
+All feeds accept these base properties:
 
 ```typescript
-import * as Feeds from '@universityofmaryland/web-feeds-library';
-import { events } from '@universityofmaryland/web-feeds-library/utilities';
+interface BaseFeedProps {
+  token: string; // Required: API authentication token
+  isThemeDark?: boolean; // Dark theme styling
+  isTransparent?: boolean; // Transparent card backgrounds
+}
+```
 
-const eventsFeed = Feeds.events.list({ token: 'your-api-token' });
-const container = document.querySelector('.events-container');
-container.appendChild(eventsFeed.element);
+### Layout-Specific Options
 
-// Method 1: Standard event listener approach
-eventsFeed.element.addEventListener(events.eventNames.FEED_LOADED, (event) => {
-  console.log('Feed loaded with', event.detail.items.length, 'items');
-});
+**Grid Layout:**
 
-eventsFeed.element.addEventListener(events.eventNames.FEED_ERROR, (event) => {
-  console.error('Feed error:', event.detail.error);
-});
+```typescript
+interface GridProps extends BaseFeedProps {
+  numberOfColumnsToShow?: number; // 1-4, default: 3
+}
+```
 
-// Method 2: Using the utility helper (provides proper type information)
-events.listen(eventsFeed.element, events.eventNames.FEED_LOADED, (detail) => {
-  console.log('Feed loaded with', detail.items.length, 'items');
-});
+**Featured Layout:**
+
+```typescript
+interface FeaturedProps extends BaseFeedProps {
+  isLazyLoad?: boolean;
+  isLayoutReversed?: boolean;
+}
+```
+
+### Event Handling
+
+```javascript
+import { events } from '@universityofmaryland/web-feeds-library';
 
-// With cleanup function for easy removal
-const removeListener = events.listen(
-  eventsFeed.element,
-  events.eventNames.FEED_ERROR,
-  (detail) => {
-    console.error('Feed error:', detail.error);
+const eventsFeed = events.list({
+  token: 'your-api-token',
+  onLoad: (items) => {
+    console.log(`Loaded ${items.length} events`);
+  },
+  onError: (error) => {
+    console.error('Feed error:', error);
+    // Show fallback content
+  },
+  onItemClick: (item) => {
+    // Custom click handler
+    console.log('Clicked:', item.title);
   },
-);
+});
 
-// Later you should remove the listener if needed
-// removeListener();
+// Listen for feed updates
+eventsFeed.element.addEventListener('feed:update', (e) => {
+  console.log('Feed updated with new items');
+});
 ```
 
-## Performance Considerations
+## Performance Features
 
-The Feeds library is optimized for performance:
+### Lazy Loading
 
-- Content is lazy-loaded when elements enter the viewport
-- Network requests are cached and debounced
-- Images are optimized and responsive
-- Content is efficiently rendered with minimal DOM operations
+Load content as users scroll:
 
-## Accessibility
+```javascript
+const lazyFeed = news.featured({
+  token: 'your-api-token',
+  isLazyLoad: true,
+});
+```
 
-All feed components are built with accessibility in mind:
+## TypeScript Support
 
-- WCAG 2.1 AA compliant
-- Proper semantic markup with ARIA attributes
-- Keyboard navigable
-- Screen reader announcements for dynamic content updates
-- Support for reduced motion preferences
+Full TypeScript definitions included:
 
-## Testing
+```typescript
+import type {
+  NewsFeedProps,
+  EventsFeedProps,
+  FeedItem,
+  FeedEvents,
+} from '@universityofmaryland/web-feeds-library';
+
+const newsProps: NewsFeedProps = {
+  token: 'token',
+  numberOfColumnsToShow: 3,
+  isThemeDark: false,
+};
+```
 
-The library uses Jest for unit testing. To run tests:
+## Browser Support
 
-```bash
-# Run all tests
-npm run test
+- Chrome 90+
+- Firefox 88+
+- Safari 14+
+- Edge 90+
 
-# Run tests in watch mode during development
-npm run test:watch
+## Accessibility
 
-# Run tests with coverage report
-npm run test:coverage
-```
+All feed components are WCAG 2.1 AA compliant:
+
+- Semantic HTML markup
+- ARIA live regions for updates
+- Keyboard navigation
+- Screen reader announcements
+- Skip links for long lists
 
-## Release Process
+## Documentation
 
-The release process requires all tests to pass before publishing:
+- **[Feed Components](./)** - Complete reference
+- **[Design System](https://designsystem.umd.edu)** - Full design system docs
+
+## Testing
 
 ```bash
-npm run release
-```
+# Run tests
+npm test
 
-This will:
+# Watch mode
+npm run test:watch
 
-1. Run all tests (and abort if any tests fail)
-2. Clean the distribution directory
-3. Build the project
-4. Publish the package
+# Coverage report
+npm run test:coverage
+```
 
 ## Contributing
 
-For contribution guidelines, please refer to the main repository README.
+See the [main repository](https://github.com/umd-digital/design-system) for contribution guidelines.
 
 ## License
 
-This project is licensed under the University of Maryland license.
+University of Maryland

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

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

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

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

package/dist/composite/events/common/data.d.ts

@@ -39,6 +39,7 @@ export declare const display: ({ entry, isThemeDark, }: {
     text: HTMLDivElement | null;
     eventMeta: {
         element: HTMLElement;
+        className: string;
         styles: string;
     };
     isThemeDark: boolean | undefined;

package/dist/composite/events/common/data.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../source/composite/events/common/data.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,SAAS,MAAM,SAAS,CAAC;AACrC,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,UAAU,aAAc,SAAQ,YAAY;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD;AAED,UAAU,YAAa,SAAQ,WAAW;CAAG;AAE7C,eAAO,MAAM,iBAAiB,UAAW,aAAa;;;;;;;;;;;;;;;;;;;;;;;CAMpD,CAAC;AAEH,eAAO,MAAM,YAAY,UAChB,YAAY,KAClB,SAAS,CAAC,oBAuBZ,CAAC;AAEF,eAAO,MAAM,OAAO,4BAGjB;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;;;;;;;;CAWC,CAAC"}
+{"version":3,"file":"data.d.ts","sourceRoot":"","sources":["../../../../source/composite/events/common/data.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,SAAS,MAAM,SAAS,CAAC;AACrC,OAAO,EACL,WAAW,EACX,iBAAiB,EACjB,YAAY,EACZ,SAAS,EACT,WAAW,EACZ,MAAM,WAAW,CAAC;AAEnB,UAAU,aAAc,SAAQ,YAAY;IAC1C,QAAQ,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;CACvD;AAED,UAAU,YAAa,SAAQ,WAAW;CAAG;AAE7C,eAAO,MAAM,iBAAiB,UAAW,aAAa;;;;;;;;;;;;;;;;;;;;;;;CAMpD,CAAC;AAEH,eAAO,MAAM,YAAY,UAChB,YAAY,KAClB,SAAS,CAAC,oBAuBZ,CAAC;AAEF,eAAO,MAAM,OAAO,4BAGjB;IACD,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;;;;;;;;;CAWC,CAAC"}

package/dist/composite/events/common/fetch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../../../source/composite/events/common/fetch.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACb,MAAM,WAAW,CAAC;AAEnB,UAAU,aAAc,SAAQ,YAAY;CAAG;AAE/C,UAAU,WAAY,SAAQ,iBAAiB;IAC7C,kBAAkB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,wBAAwB,kCAAkC,CAAC;AAExE,KAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,GAAG;IACtD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AA6EF,eAAO,MAAM,IAAI,UAAiB,aAAa,kBAqB9C,CAAC;AAEF,eAAO,MAAM,KAAK,UAAiB,WAAW,kBA2B7C,CAAC"}
+{"version":3,"file":"fetch.d.ts","sourceRoot":"","sources":["../../../../source/composite/events/common/fetch.ts"],"names":[],"mappings":"AAIA,OAAO,EACL,cAAc,EACd,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACb,MAAM,WAAW,CAAC;AAEnB,UAAU,aAAc,SAAQ,YAAY;CAAG;AAE/C,UAAU,WAAY,SAAQ,iBAAiB;IAC7C,kBAAkB,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,IAAI,CAAC;IAC9D,gBAAgB,EAAE,CAAC,KAAK,EAAE,cAAc,KAAK,IAAI,CAAC;CACnD;AAED,eAAO,MAAM,wBAAwB,kCAAkC,CAAC;AAExE,KAAK,kBAAkB,GAAG;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,kBAAkB,GAAG;IACtD,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAyEF,eAAO,MAAM,IAAI,UAAiB,aAAa,kBAqB9C,CAAC;AAEF,eAAO,MAAM,KAAK,UAAiB,WAAW,kBA2B7C,CAAC"}

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

@@ -0,0 +1,5 @@
+import { type ListProps } from './_types';
+import { type ElementModel } from '../../_types';
+declare const _default: (props: ListProps) => ElementModel;
+export default _default;
+//# sourceMappingURL=grouped.d.ts.map

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

@@ -0,0 +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;gCAuG1B,SAAS,KAAG,YAAY;AAA/C,wBA0IO"}

package/dist/composite/events/index.d.ts

@@ -1,4 +1,5 @@
 export { default as grid } from './grid';
 export { default as list } from './list';
 export { default as slider } from './slider';
+export { default as grouped } from './grouped';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/composite/events/index.ts"],"names":[],"mappings":"AAoBA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAkBzC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAiBzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../source/composite/events/index.ts"],"names":[],"mappings":"AAmBA,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAkBzC,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAiBzC,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAkB7C,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"featured.d.ts","sourceRoot":"","sources":["../../../source/composite/news/featured.ts"],"names":[],"mappings":"AAOA,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;gCAE1B,aAAa,KAAG,YAAY;AAAnD,wBAiMO"}
+{"version":3,"file":"featured.d.ts","sourceRoot":"","sources":["../../../source/composite/news/featured.ts"],"names":[],"mappings":"AAMA,OAAO,EAEL,KAAK,aAAa,EAEnB,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,cAAc,CAAC;gCAE1B,aAAa,KAAG,YAAY;AAAnD,wBAgMO"}

package/dist/elements/layout.d.ts

@@ -21,6 +21,7 @@ export declare const gridOffsetGap: ({ count, isLayoutReversed, overwriteStickyP
     overwriteStickyPosition?: number;
 }) => {
     element: HTMLElement;
+    className: string;
     styles: string;
 };
 //# sourceMappingURL=layout.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../source/elements/layout.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,QAAO;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAe7D,CAAC;AAEL,eAAO,MAAM,IAAI,eAEd;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,KAAG;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAiBtC,CAAC;AAEL,eAAO,MAAM,OAAO,eAEjB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,KAAG;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAetC,CAAC;AAEL,eAAO,MAAM,aAAa,0DAIvB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC,KAAG;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAgCtC,CAAC"}
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../source/elements/layout.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,OAAO,QAAO;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAe7D,CAAC;AAEL,eAAO,MAAM,IAAI,eAEd;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB,KAAG;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAiBtC,CAAC;AAEL,eAAO,MAAM,OAAO,eAEjB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,KAAG;IAAE,OAAO,EAAE,WAAW,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAetC,CAAC;AAEL,eAAO,MAAM,aAAa,0DAIvB;IACD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,uBAAuB,CAAC,EAAE,MAAM,CAAC;CAClC;;;;CAyCG,CAAC"}

package/dist/index.js

@@ -1 +1 @@
-!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("@universityofmaryland/web-styles-library"),require("@universityofmaryland/web-elements-library"));else if("function"==typeof define&&define.amd)define(["@universityofmaryland/web-styles-library","@universityofmaryland/web-elements-library"],n);else{var t="object"==typeof exports?n(require("@universityofmaryland/web-styles-library"),require("@universityofmaryland/web-elements-library")):n(e["@universityofmaryland/web-styles-library"],e["@universityofmaryland/web-elements-library"]);for(var a in t)("object"==typeof exports?exports:e)[a]=t[a]}}(self,((__WEBPACK_EXTERNAL_MODULE__708__,__WEBPACK_EXTERNAL_MODULE__149__)=>(()=>{"use strict";var __webpack_modules__={572:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  academic: () => (/* reexport */ academic_namespaceObject),\n  events: () => (/* reexport */ composite_events_namespaceObject),\n  news: () => (/* reexport */ news_namespaceObject)\n});\n\n// NAMESPACE OBJECT: ./source/composite/academic/index.ts\nvar academic_namespaceObject = {};\n__webpack_require__.r(academic_namespaceObject);\n__webpack_require__.d(academic_namespaceObject, {\n  slider: () => (academic_slider)\n});\n\n// NAMESPACE OBJECT: ./source/composite/events/index.ts\nvar composite_events_namespaceObject = {};\n__webpack_require__.r(composite_events_namespaceObject);\n__webpack_require__.d(composite_events_namespaceObject, {\n  grid: () => (events_grid),\n  list: () => (list),\n  slider: () => (events_slider)\n});\n\n// NAMESPACE OBJECT: ./source/composite/news/index.ts\nvar news_namespaceObject = {};\n__webpack_require__.r(news_namespaceObject);\n__webpack_require__.d(news_namespaceObject, {\n  featured: () => (featured),\n  grid: () => (news_grid),\n  list: () => (news_list)\n});\n\n;// CONCATENATED MODULE: ./source/macros/aria-live.ts\nconst create = ({ message }) => {\n    const container = document.createElement('div');\n    const textElement = document.createElement('p');\n    container.setAttribute('aria-live', 'polite');\n    container.setAttribute('role', 'status');\n    container.classList.add('sr-only');\n    textElement.innerHTML = message;\n    container.appendChild(textElement);\n    return container;\n};\nconst update = ({ container, message, }) => {\n    const element = container.querySelector(`[aria-live]`);\n    const textElement = element.querySelector('p');\n    if (textElement)\n        textElement.innerHTML = message;\n};\n/* harmony default export */ const aria_live = ({\n    create,\n    update,\n});\n\n// EXTERNAL MODULE: external \"@universityofmaryland/web-styles-library\"\nvar web_styles_library_ = __webpack_require__(708);\n// EXTERNAL MODULE: external \"@universityofmaryland/web-elements-library\"\nvar web_elements_library_ = __webpack_require__(149);\n;// CONCATENATED MODULE: ./source/macros/lazy-load.ts\n\n\nconst lazy_load_create = ({ callback, isThemeDark, isLazyLoad, totalEntries, offset, }) => {\n    if (!isLazyLoad)\n        return;\n    if (!totalEntries)\n        return;\n    if (!offset)\n        return;\n    if (!callback)\n        return;\n    if (offset >= totalEntries)\n        return;\n    const composite = web_elements_library_.Model.ElementModel.layout.alignedCenter({\n        element: document.createElement('div'),\n        isThemeDark,\n        elementStyles: {\n            element: {\n                marginTop: `${web_styles_library_.token.spacing.lg}`,\n            },\n        },\n    });\n    const ctaButton = web_elements_library_.Model.ElementModel.actions.outlineOptions({\n        element: document.createElement('button'),\n        isThemeDark,\n    });\n    ctaButton.element.innerHTML = 'Load more';\n    ctaButton.element.addEventListener('click', callback);\n    composite.element.appendChild(ctaButton.element);\n    composite.styles += ctaButton.styles;\n    return composite;\n};\nconst remove = ({ container }) => {\n    const button = container.querySelector(`.${web_styles_library_.layout.alignment.block.center.className}`);\n    if (button)\n        button.remove();\n};\n/* harmony default export */ const lazy_load = ({\n    remove,\n    create: lazy_load_create,\n});\n\n;// CONCATENATED MODULE: ./source/macros/loader.ts\nconst ID_UMD_LOADER = 'umd-loader-container';\nconst loader_styles = `\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  .${ID_UMD_LOADER} {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 10px 0;\n    min-height: 40px;\n    position: relative;\n    grid-column: 1 / -1;\n  }\n\n  .${ID_UMD_LOADER} > div {\n    position: relative;\n  }\n\n  .${ID_UMD_LOADER} > div > div {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--grayDark);\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n  }\n\n  .${ID_UMD_LOADER} > div > div:first-child {\n    left: 5px;\n    animation: loader-first-animation 0.6s infinite;\n  }\n\n  .${ID_UMD_LOADER} > div > div:nth-child(2) {\n    left: 5px;\n    animation: loader-middle-animation 0.6s infinite;\n  }\n\n  .${ID_UMD_LOADER} > div > div:nth-child(3) {\n    left: 24px;\n    animation: loader-middle-animation 0.6s infinite;\n  }\n\n  .${ID_UMD_LOADER} > div > div:last-child {\n    left: 45px;\n    animation: loader-last-animation 0.6s infinite;\n  }\n`;\nconst loader_create = () => {\n    const container = document.createElement('div');\n    const wrapper = document.createElement('div');\n    const innerElmOne = document.createElement('div');\n    const innerElmTwo = document.createElement('div');\n    const innerElmThree = document.createElement('div');\n    const innerElmFour = document.createElement('div');\n    container.classList.add(ID_UMD_LOADER);\n    wrapper.appendChild(innerElmOne);\n    wrapper.appendChild(innerElmTwo);\n    wrapper.appendChild(innerElmThree);\n    wrapper.appendChild(innerElmFour);\n    container.appendChild(wrapper);\n    return container;\n};\nconst loader_remove = ({ container }) => {\n    const loader = container.querySelector(`.${ID_UMD_LOADER}`);\n    if (loader)\n        loader.remove();\n};\nconst display = ({ container }) => {\n    const loader = loader_create();\n    container.appendChild(loader);\n};\n/* harmony default export */ const macros_loader = ({\n    create: loader_create,\n    display,\n    remove: loader_remove,\n});\n\n;// CONCATENATED MODULE: ./source/macros/no-results.ts\n\n\n/* harmony default export */ const no_results = (({ message, linkUrl, linkText, isThemeDark, isAlignedCenter = true, }) => {\n    const composite = web_elements_library_.Model.ElementModel.layout.gridStacked({\n        element: document.createElement('div'),\n        isThemeDark,\n        elementStyles: {\n            element: {\n                [`& *`]: {\n                    textAlign: isAlignedCenter ? 'center' : 'left',\n                },\n                [`& *:not(:first-child)`]: {\n                    marginTop: `${web_styles_library_.token.spacing.md}`,\n                },\n            },\n        },\n    });\n    const headline = web_elements_library_.Model.ElementModel.headline.sansExtraLarge({\n        element: document.createElement('p'),\n        isThemeDark,\n        elementStyles: {\n            element: {\n                textTransform: 'uppercase',\n            },\n        },\n    });\n    headline.element.innerHTML = message || 'No results found';\n    composite.element.appendChild(headline.element);\n    composite.styles += headline.styles;\n    if (linkUrl && linkText) {\n        const link = document.createElement('a');\n        link.innerHTML = linkText;\n        link.setAttribute('href', linkUrl);\n        link.setAttribute('target', '_blank');\n        link.setAttribute('rel', 'noopener noreferrer');\n        const ctaButton = web_elements_library_.Atomic.actions.options({\n            element: link,\n            isTypeOutline: true,\n            isThemeDark,\n        });\n        composite.element.appendChild(ctaButton.element);\n        composite.styles += ctaButton.styles;\n    }\n    return composite;\n});\n\n;// CONCATENATED MODULE: ./source/macros/slider.ts\n\n\nconst { FetchGraphQL } = web_elements_library_.Utilities.network;\n/* harmony default export */ const slider = (({ token, query, url, categories, isThemeDark, headline, actions, }) => {\n    const dataSlider = document.createElement('div');\n    const slider = web_elements_library_.Composite.slider.events({\n        isThemeDark,\n        dataSlider,\n        headline,\n        actions,\n    });\n    let variables = { startDate: new Date().toDateString() };\n    let shadowRoot = null;\n    const setShadowStyles = async ({ shadowRoot, styles, }) => {\n        const styleElement = document.createElement('style');\n        const optimizedCss = await web_styles_library_.utilities.transform.css.removeDuplicates(styles);\n        styleElement.textContent = optimizedCss;\n        shadowRoot.appendChild(styleElement);\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const loadEvents = async () => {\n        if (categories) {\n            const related = categories.split(',');\n            variables.related = related;\n        }\n        const fetchVariables = {\n            query,\n            url,\n            token,\n            variables,\n        };\n        const feedData = await FetchGraphQL(fetchVariables);\n        const slides = feedData?.data?.entries?.events.map((data, i) => {\n            const headline = document.createElement('p');\n            headline.textContent = data.title;\n            const dateSign = web_elements_library_.Atomic.events.sign({\n                startMonth: data.startMonth,\n                startDay: data.startDay,\n                endDay: data.endDay,\n                endMonth: data.endMonth,\n                isThemeDark,\n            });\n            const textLockup = web_elements_library_.Atomic.textLockup.date({\n                headline,\n                isThemeDark,\n                dateSign,\n            });\n            if (i === 0) {\n                slider.styles += textLockup.styles;\n                slider.styles += dateSign.styles;\n            }\n            return textLockup;\n        });\n        slides?.forEach((slide) => dataSlider.appendChild(slide.element));\n        if (shadowRoot)\n            setShadowStyles({ shadowRoot, styles: slider.styles });\n        setTimeout(() => {\n            slider.events.load();\n        }, 100);\n    };\n    loadEvents();\n    return {\n        ...slider,\n        events: {\n            callback,\n        },\n    };\n});\n\n;// CONCATENATED MODULE: ./source/macros/index.ts\n\n\n\n\n\n\n;// CONCATENATED MODULE: ./source/composite/academic/slider.ts\n\nconst QUERY_DATA = `\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`;\nconst 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        ${QUERY_DATA}\n      }\n    }\n  }\n`;\n/* harmony default export */ const academic_slider = ((props) => slider({\n    ...props,\n    query,\n    url: 'https://provost.umd.edu/graphql',\n}));\n\n;// CONCATENATED MODULE: ./source/composite/academic/index.ts\n\n\n;// CONCATENATED MODULE: ./source/elements/asset.ts\nconst standard = ({ images, url, }) => {\n    const image = images[0];\n    const imageElement = document.createElement('img');\n    imageElement.src = image.url;\n    imageElement.alt = image.altText;\n    if (url) {\n        const link = document.createElement('a');\n        link.setAttribute('target', '_blank');\n        link.setAttribute('href', url);\n        link.setAttribute('aria-label', `Maryland Today Article with image ${image.altText}`);\n        link.appendChild(imageElement);\n        return link;\n    }\n    return imageElement;\n};\n\n;// CONCATENATED MODULE: ./source/elements/layout.ts\n\n\nconst stacked = () => web_elements_library_.Model.ElementModel.layout.gridStacked({\n    element: document.createElement('div'),\n    elementStyles: {\n        element: {\n            gridGap: `${web_styles_library_.token.spacing.md}`,\n            [` > *`]: {\n                containerType: 'inline-size',\n            },\n            [`& .${web_styles_library_.element.asset.image.wrapperScaled.className}`]: {\n                alignSelf: 'flex-start',\n            },\n        },\n    },\n});\nconst grid = ({ count = 2, }) => web_elements_library_.Model.ElementModel.layout.grid({\n    element: document.createElement('div'),\n    elementStyles: {\n        element: {\n            [` > *`]: {\n                containerType: 'inline-size',\n                [`@media (${web_styles_library_.token.media.queries.large.min})`]: {\n                    minHeight: '560px !important',\n                },\n            },\n        },\n    },\n    isGap: false,\n    isColumnsTwo: count === 2,\n    isColumnsThree: count === 3,\n    isColumnsFour: count === 4,\n});\nconst gridGap = ({ count = 2, }) => web_elements_library_.Model.ElementModel.layout.grid({\n    element: document.createElement('div'),\n    elementStyles: {\n        element: {\n            [` > *`]: {\n                alignSelf: 'flex-start',\n                containerType: 'inline-size',\n            },\n        },\n    },\n    isGap: true,\n    isColumnsTwo: count === 2,\n    isColumnsThree: count === 3,\n    isColumnsFour: count === 4,\n});\nconst gridOffsetGap = ({ count = 2, isLayoutReversed, overwriteStickyPosition = 0, }) => web_elements_library_.Model.ElementModel.layout.grid({\n    element: document.createElement('div'),\n    elementStyles: {\n        element: {\n            [` > *`]: {\n                alignSelf: 'flex-start',\n                containerType: 'inline-size',\n            },\n            [` > *:first-child`]: {\n                order: isLayoutReversed ? 2 : -1,\n            },\n            [`& .${web_styles_library_.element.composite.card.overlay.image.tint.className}`]: {\n                [`@media (${web_styles_library_.token.media.queries.large.min})`]: {\n                    minHeight: '560px !important',\n                    height: 'inherit',\n                    position: 'sticky',\n                    top: `${overwriteStickyPosition}px`,\n                },\n                [`*`]: {\n                    color: `${web_styles_library_.token.color.white}`,\n                },\n            },\n        },\n    },\n    isGap: true,\n    isColumnsTwo: count === 2,\n    isColumnsThree: count === 3,\n    isColumnsFour: count === 4,\n});\n\n;// CONCATENATED MODULE: ./source/elements/text.ts\nconst summary = ({ text }) => {\n    if (text) {\n        const textElement = document.createElement('div');\n        const textNode = document.createElement('p');\n        textNode.innerHTML = text;\n        textElement.appendChild(textNode);\n        return textElement;\n    }\n    return null;\n};\nconst headline = ({ text, url }) => {\n    if (text && url) {\n        const headline = document.createElement('p');\n        const headlineLink = document.createElement('a');\n        headlineLink.href = url;\n        headlineLink.innerHTML = text;\n        headlineLink.target = '_blank';\n        headlineLink.rel = 'noopener noreferrer';\n        headline.appendChild(headlineLink);\n        return headline;\n    }\n    return null;\n};\nconst date = ({ date, dateFormatted, }) => {\n    if (date && dateFormatted) {\n        const dateElement = document.createElement('time');\n        dateElement.innerHTML = dateFormatted;\n        dateElement.setAttribute('datetime', date);\n        return dateElement;\n    }\n    return null;\n};\n\n;// CONCATENATED MODULE: ./source/elements/index.ts\n\n\n\n\n;// CONCATENATED MODULE: ./source/composite/events/common/queries.ts\nconst 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`;\nconst 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\n;// CONCATENATED MODULE: ./source/composite/events/common/data.ts\n\n\n\nconst lazyLoadVariables = (props) => ({\n    ...props,\n    totalEntries: props.getTotalEntries(),\n    offset: props.getOffset(),\n    container: props.getContainer(),\n    callback: () => load(props),\n});\nconst apiVariables = (props) => {\n    const { categories, getOffset, token, numberOfRowsToStart, numberOfColumnsToShow = 1, } = props;\n    const obj = {\n        offset: getOffset(),\n        token,\n        limit: numberOfRowsToStart,\n    };\n    if (numberOfColumnsToShow) {\n        obj.limit = numberOfColumnsToShow * numberOfRowsToStart;\n    }\n    if (categories) {\n        obj.related = categories;\n    }\n    return obj;\n};\nconst data_display = ({ entry, isThemeDark, }) => ({\n    headline: headline({\n        text: entry.title,\n        url: entry.url,\n    }),\n    text: summary({ text: entry.summary }),\n    eventMeta: web_elements_library_.Atomic.events.meta({\n        ...entry,\n        isThemeDark,\n    }),\n    isThemeDark,\n});\n\n;// CONCATENATED MODULE: ./source/composite/events/common/fetch.ts\n\n\n\n\nconst ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\nconst fetchFeed = async ({ limit, related, offset, token, query, }) => {\n    if (!token)\n        throw new Error('Token not found');\n    const variables = {\n        startDate: new Date().toDateString(),\n        limit,\n        related,\n        offset,\n    };\n    return await web_elements_library_.Utilities.network.FetchGraphQL({\n        query,\n        url: 'https://calendar.umd.edu/graphql',\n        token: token,\n        variables,\n    });\n};\nconst getCount = async ({ variables }) => {\n    const feedData = await fetchFeed({\n        ...variables,\n        query: EVENTS_COUNT_QUERY,\n    });\n    console.log(feedData);\n    if (!feedData || !feedData.data || feedData.message) {\n        if (feedData.message)\n            console.error(feedData.message);\n        return null;\n    }\n    return feedData?.data?.count?.events?.length || 0;\n};\nconst getEntries = async ({ variables, }) => {\n    const feedData = await fetchFeed({ ...variables, query: EVENTS_QUERY });\n    const graceFail = ({ message }) => {\n        throw new Error(message);\n    };\n    if (!feedData ||\n        !feedData.data ||\n        !feedData.data.entries ||\n        feedData.message) {\n        if (!feedData)\n            graceFail({ message: 'Feed not found' });\n        if (!feedData.data)\n            graceFail({ message: 'Feed data not found' });\n        if (!feedData.data.entries)\n            graceFail({ message: 'Feed entries not found' });\n        if (!feedData.data.entries.events)\n            graceFail({ message: 'Feed events not found' });\n        if (!feedData.message)\n            graceFail({ message: `Feed data errors: ${feedData.message}` });\n    }\n    console.log('Feed data fetched successfully:', feedData);\n    return feedData.data.entries.events;\n};\nconst load = async (props) => {\n    const { getContainer, getOffset, displayResults, getTotalEntries } = props;\n    const container = getContainer();\n    const currentCount = getOffset();\n    const totalEntries = getTotalEntries();\n    lazy_load.remove({ container });\n    macros_loader.display({ container });\n    getEntries({\n        variables: apiVariables(props),\n    }).then((feedData) => {\n        displayResults({ feedData });\n        aria_live.update({\n            container,\n            message: `Showing ${currentCount + feedData.length} of ${totalEntries} articles`,\n        });\n    });\n};\nconst start = async (props) => {\n    const { displayNoResults, displayResultStart, setTotalEntries } = props;\n    await getCount({\n        variables: apiVariables(props),\n    }).then((count) => {\n        if (count === 0) {\n            displayNoResults({ ...props });\n            return;\n        }\n        if (count) {\n            setTotalEntries(count);\n        }\n        if (count === null) {\n            displayNoResults({\n                ...props,\n                message: 'An error occurred while fetching the data.',\n            });\n            return;\n        }\n    });\n    getEntries({\n        variables: apiVariables(props),\n    }).then((feedData) => displayResultStart({ ...props, feedData }));\n};\n\n;// CONCATENATED MODULE: ./source/utilities/events/index.ts\nconst eventNames = {\n    FEED_LOADED: 'feed:loaded',\n    FEED_ERROR: 'feed:error',\n};\nconst dispatch = (element, eventName, detail) => {\n    const event = new CustomEvent(eventName, {\n        detail,\n        bubbles: true,\n        cancelable: true,\n    });\n    return element.dispatchEvent(event);\n};\nconst listen = (element, eventName, callback, options) => {\n    const eventListener = (event) => {\n        const customEvent = event;\n        callback(customEvent.detail);\n    };\n    element.addEventListener(eventName, eventListener, options);\n    return () => {\n        element.removeEventListener(eventName, eventListener, options);\n    };\n};\n\n;// CONCATENATED MODULE: ./source/utilities/index.ts\n\n\n\n;// CONCATENATED MODULE: ./source/composite/events/common/display.ts\n\n\n\n\n\nconst display_ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\nconst setShadowStyles = async ({ shadowRoot, styles, }) => {\n    const styleElement = document.createElement('style');\n    const optimizedCss = await web_styles_library_.utilities.transform.css.removeDuplicates(styles);\n    styleElement.textContent = optimizedCss;\n    shadowRoot.appendChild(styleElement);\n};\nconst noResults = ({ getContainer, getStyles, getShadowRoot, setStyles, isThemeDark, message = 'No events found', linkUrl = 'https://calendar.umd.edu', linkText = 'View all events', }) => {\n    const container = getContainer();\n    const shadowRoot = getShadowRoot();\n    const noResultsContent = no_results({\n        message,\n        linkUrl,\n        linkText,\n        isThemeDark,\n    });\n    const ariaLiveContent = aria_live.create({\n        message,\n    });\n    container.innerHTML = '';\n    container.appendChild(noResultsContent.element);\n    container.appendChild(ariaLiveContent);\n    setStyles(noResultsContent.styles);\n    dispatch(container, eventNames.FEED_ERROR, {\n        error: 'No results found',\n        message,\n    });\n    setTimeout(() => {\n        const styles = getStyles();\n        if (shadowRoot) {\n            setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    }, 100);\n};\nconst resultLoad = async (props) => {\n    const { entries, getContainer, setStyles, setOffset } = props;\n    const container = getContainer();\n    const grid = container.querySelector(`#${display_ID_GRID_LAYOUT_CONTAINER}`);\n    macros_loader.remove({ container });\n    lazy_load.remove({ container });\n    setOffset(entries.length);\n    return new Promise((resolve) => {\n        entries.forEach((entry) => {\n            grid.appendChild(entry.element);\n            setStyles(entry.styles);\n        });\n        const lazyLoadButton = lazy_load.create(lazyLoadVariables({\n            ...props,\n            callback: load,\n        }));\n        if (lazyLoadButton) {\n            container.appendChild(lazyLoadButton.element);\n            setStyles(lazyLoadButton.styles);\n        }\n        resolve();\n    });\n};\nconst resultStart = (props) => {\n    const { feedData, numberOfColumnsToShow = 1, numberOfRowsToStart, isLazyLoad, displayResults, getContainer, getTotalEntries, setOffset, setStyles, layoutElement, } = props;\n    const container = getContainer();\n    const totalEntries = getTotalEntries();\n    const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;\n    const message = isLazyLoad\n        ? `Showing ${showAmount} of ${totalEntries} articles`\n        : `Showing ${showAmount} articles`;\n    layoutElement.element.setAttribute('id', display_ID_GRID_LAYOUT_CONTAINER);\n    container.appendChild(layoutElement.element);\n    setStyles(layoutElement.styles);\n    dispatch(container, eventNames.FEED_LOADED, {\n        items: feedData,\n        count: feedData.length,\n        total: totalEntries || feedData.length,\n    });\n    displayResults({ feedData });\n    container.appendChild(aria_live.create({\n        message,\n    }));\n};\n\n;// CONCATENATED MODULE: ./source/composite/events/grid.ts\n\n\n\n\n\n\n/* harmony default export */ const events_grid = ((props) => (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow } = props;\n    const loader = macros_loader.create();\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (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 = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const displayResults = async ({ feedData }) => {\n        await resultLoad({\n            ...props,\n            ...helperFunctions,\n            displayResults,\n            entries: feedData.map((entry) => web_elements_library_.Composite.card.block({\n                ...data_display({ entry, isThemeDark }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: false,\n                isTransparent,\n            })),\n        });\n        if (shadowRoot) {\n            setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    const layoutElement = gridGap({\n        count: numberOfColumnsToShow,\n    });\n    container.appendChild(loader);\n    start({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        displayResultStart: resultStart,\n        displayNoResults: noResults,\n        layoutElement,\n        isThemeDark,\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/events/list.ts\n\n\n\n\n\n\n/* harmony default export */ const list = ((props) => (() => {\n    const { isThemeDark } = props;\n    const loader = macros_loader.create();\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (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 = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const displayResults = async ({ feedData }) => {\n        await resultLoad({\n            ...props,\n            ...helperFunctions,\n            displayResults,\n            entries: feedData.map((entry) => web_elements_library_.Composite.card.list({\n                ...data_display({ entry, isThemeDark }),\n                dateSign: web_elements_library_.Atomic.events.sign({\n                    ...entry,\n                    isThemeDark,\n                    isLargeSize: true,\n                }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: false,\n            })),\n        });\n        if (shadowRoot) {\n            setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    container.appendChild(loader);\n    start({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        displayResultStart: resultStart,\n        displayNoResults: noResults,\n        layoutElement: stacked(),\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/events/slider.ts\n\nconst slider_QUERY_DATA = `\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`;\nconst 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      ) {\n        ... on submission_Event {\n          ${slider_QUERY_DATA}\n        }\n      }\n    }\n  }\n`;\n/* harmony default export */ const events_slider = ((props) => slider({\n    ...props,\n    query: slider_query,\n    url: 'https://calendar.umd.edu/graphql',\n}));\n\n;// CONCATENATED MODULE: ./source/composite/events/index.ts\n\n\n\n\n;// CONCATENATED MODULE: ./source/composite/news/common/queries.ts\nconst ARTICLES_QUERY = `\n  query getArticles($related: [QueryArgument], $relatedToAll: [QueryArgument], $limit: Int, $offset: Int, $not: [QueryArgument]) {\n    entryCount(section: \"articles\", relatedTo: $related,relatedToAll: $relatedToAll)\n    entries(\n      section: \"articles\",\n      relatedTo: $related,\n      relatedToAll: $relatedToAll,\n      limit: $limit,\n      offset: $offset,\n      id: $not\n    ) {\n      ... on articles_today_Entry {\n        id\n        title\n        date: postDate\n        dateFormatted: postDate @formatDateTime(format: \"M d, Y\")\n        summary: genericText\n        url\n        image:articlesHeroImage {\n          url\n          ... on hero_Asset {\n            id\n            altText: genericText\n          }\n        }\n        categories:categoryTodaySectionMultiple {\n          title\n          url\n        }\n      }\n    }\n  }\n`;\n\n;// CONCATENATED MODULE: ./source/composite/news/common/data.ts\n\n\nconst data_lazyLoadVariables = (props) => ({\n    ...props,\n    totalEntries: props.getTotalEntries(),\n    offset: props.getOffset(),\n    container: props.getContainer(),\n    callback: () => fetch_load(props),\n});\nconst data_apiVariables = (props) => {\n    const { isUnion, categories, getOffset, token, numberOfRowsToStart, numberOfColumnsToShow = 1, entriesToRemove, } = props;\n    const obj = {\n        offset: getOffset(),\n        token,\n        limit: numberOfRowsToStart,\n    };\n    if (numberOfColumnsToShow) {\n        obj.limit = numberOfColumnsToShow * numberOfRowsToStart;\n    }\n    if (!isUnion && categories) {\n        obj.relatedToAll = categories;\n    }\n    if (isUnion && categories) {\n        obj.related = categories;\n    }\n    if (entriesToRemove) {\n        obj.not = ['not', ...entriesToRemove];\n    }\n    return obj;\n};\nconst common_data_display = ({ entry, isThemeDark, }) => ({\n    newsId: entry.id.toString(),\n    headline: headline({\n        text: entry.title,\n        url: entry.url,\n    }),\n    text: summary({ text: entry.summary }),\n    date: date({\n        date: entry.date,\n        dateFormatted: entry.dateFormatted,\n    }),\n    isThemeDark,\n});\n\n;// CONCATENATED MODULE: ./source/composite/news/common/fetch.ts\n\n\n\n\nconst fetch_ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\nconst fetch_getEntries = async ({ limit, not, offset, related, relatedToAll, token, }) => {\n    if (!token)\n        throw new Error('Token not found');\n    const graceFail = ({ message }) => {\n        console.error(message);\n    };\n    const variables = {\n        limit,\n        related,\n        relatedToAll,\n        offset,\n        not,\n    };\n    const feedData = await web_elements_library_.Utilities.network.FetchGraphQL({\n        query: ARTICLES_QUERY,\n        url: 'https://today.umd.edu/graphql',\n        token: token,\n        variables,\n    });\n    if (!feedData ||\n        !feedData.data ||\n        !feedData.data.entries ||\n        feedData.message) {\n        if (!feedData)\n            graceFail({ message: 'Feed not found' });\n        if (feedData?.message)\n            graceFail({ message: `Feed data errors: ${feedData.message}` });\n        return null;\n    }\n    return {\n        entries: feedData.data.entries,\n        count: feedData.data.entryCount,\n    };\n};\nconst fetch_load = async (props) => {\n    const { getContainer, getOffset, displayResults, getTotalEntries } = props;\n    const container = getContainer();\n    const currentCount = getOffset();\n    const totalEntries = getTotalEntries();\n    lazy_load.remove({ container });\n    macros_loader.display({ container });\n    fetch_getEntries(data_apiVariables(props)).then((feedData) => {\n        if (feedData) {\n            displayResults({ feedData: feedData.entries });\n            aria_live.update({\n                container,\n                message: `Showing ${currentCount + feedData.entries.length} of ${totalEntries} articles`,\n            });\n        }\n    });\n};\nconst fetch_start = async (props) => {\n    const { displayNoResults, displayResultStart, setTotalEntries } = props;\n    fetch_getEntries(data_apiVariables(props)).then((feedData) => {\n        if (!feedData || !feedData.entries) {\n            displayNoResults({\n                ...props,\n                message: 'An error occurred while fetching the data.',\n            });\n            return;\n        }\n        const totalEntries = feedData.count;\n        if (totalEntries === 0) {\n            displayNoResults({ ...props });\n            return;\n        }\n        setTotalEntries(totalEntries);\n        return displayResultStart({ ...props, feedData: feedData.entries });\n    });\n};\n\n;// CONCATENATED MODULE: ./source/composite/news/common/display.ts\n\n\n\n\n\nconst common_display_ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\nconst display_setShadowStyles = async ({ shadowRoot, styles, }) => {\n    const styleElement = document.createElement('style');\n    const optimizedCss = await web_styles_library_.utilities.transform.css.removeDuplicates(styles);\n    styleElement.textContent = optimizedCss;\n    shadowRoot.appendChild(styleElement);\n};\nconst display_noResults = ({ getContainer, getStyles, getShadowRoot, setStyles, message = 'No results found', linkUrl = 'https://today.umd.edu', linkText = 'View all articles', isThemeDark, }) => {\n    const container = getContainer();\n    const shadowRoot = getShadowRoot();\n    const noResultsContent = no_results({\n        message,\n        linkUrl,\n        linkText,\n        isThemeDark,\n    });\n    const ariaLiveContent = aria_live.create({\n        message,\n    });\n    container.innerHTML = '';\n    container.appendChild(noResultsContent.element);\n    container.appendChild(ariaLiveContent);\n    setStyles(noResultsContent.styles);\n    dispatch(container, eventNames.FEED_ERROR, {\n        error: 'No results found',\n        message,\n    });\n    setTimeout(() => {\n        const styles = getStyles();\n        if (shadowRoot) {\n            display_setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    }, 100);\n};\nconst display_resultLoad = async (props) => {\n    const { entries, getContainer, setStyles, setOffset } = props;\n    const container = getContainer();\n    const grid = container.querySelector(`#${common_display_ID_GRID_LAYOUT_CONTAINER}`);\n    macros_loader.remove({ container });\n    lazy_load.remove({ container });\n    setOffset(entries.length);\n    return new Promise((resolve) => {\n        entries.forEach((entry) => {\n            grid.appendChild(entry.element);\n            setStyles(entry.styles);\n        });\n        const lazyLoadButton = lazy_load.create(data_lazyLoadVariables({\n            ...props,\n            callback: fetch_load,\n        }));\n        if (lazyLoadButton) {\n            container.appendChild(lazyLoadButton.element);\n            setStyles(lazyLoadButton.styles);\n        }\n        resolve();\n    });\n};\nconst display_resultStart = (props) => {\n    const { feedData, numberOfColumnsToShow = 1, numberOfRowsToStart, isLazyLoad, displayResults, getContainer, getTotalEntries, setTotalEntries, setStyles, layoutElement, } = props;\n    const container = getContainer();\n    const totalEntries = getTotalEntries();\n    const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;\n    const message = isLazyLoad\n        ? `Showing ${showAmount} of ${totalEntries} articles`\n        : `Showing ${showAmount} articles`;\n    if (totalEntries)\n        setTotalEntries(totalEntries);\n    layoutElement.element.setAttribute('id', common_display_ID_GRID_LAYOUT_CONTAINER);\n    container.appendChild(layoutElement.element);\n    setStyles(layoutElement.styles);\n    dispatch(container, eventNames.FEED_LOADED, {\n        items: feedData,\n        count: feedData.length,\n        total: totalEntries || feedData.length,\n    });\n    displayResults({ feedData });\n    container.appendChild(aria_live.create({\n        message,\n    }));\n};\n\n;// CONCATENATED MODULE: ./source/composite/news/featured.ts\n\n\n\n\n\n\n\n/* harmony default export */ const featured = ((props) => (() => {\n    const { isThemeDark, isLazyLoad, isLayoutReversed, isTransparent, overwriteStickyPosition, } = props;\n    const loader = macros_loader.create();\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let numberOfColumnsToShow = 3;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader_styles}\n    `;\n    let shadowRoot = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const setPosition = (position) => {\n        const overlayElement = container.querySelector(`.${web_styles_library_.element.composite.card.overlay.image.tint.className}`);\n        if (overlayElement)\n            overlayElement.style.top = `${position}px`;\n    };\n    const layoutElement = gridGap({ count: 2 });\n    const displayGridOffsetResults = async ({ feedData }) => {\n        let entries = [];\n        if (feedData.length >= 2) {\n            const offsetLayout = gridOffsetGap({\n                count: 2,\n                isLayoutReversed,\n                overwriteStickyPosition,\n            });\n            const firstEntry = feedData[0];\n            const overlayCard = web_elements_library_.Composite.card.overlay.image({\n                ...common_data_display({ entry: firstEntry }),\n                backgroundImage: standard({\n                    images: firstEntry.image,\n                    url: firstEntry.url,\n                }),\n            });\n            offsetLayout.element.appendChild(overlayCard.element);\n            offsetLayout.element.appendChild(layoutElement.element);\n            container.appendChild(offsetLayout.element);\n            setStyles(offsetLayout.styles);\n            setStyles(overlayCard.styles);\n            entries = feedData.slice(1, 3).map((entry) => web_elements_library_.Composite.card.block({\n                ...common_data_display({ entry, isThemeDark }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: true,\n                isTransparent,\n            }));\n        }\n        else {\n            entries = feedData.map((entry) => web_elements_library_.Composite.card.overlay.image({\n                ...common_data_display({ entry, isThemeDark }),\n                backgroundImage: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n            }));\n            container.appendChild(layoutElement.element);\n        }\n        await display_resultLoad({\n            ...props,\n            ...helperFunctions,\n            numberOfColumnsToShow: 2,\n            displayResults,\n            entries,\n        });\n        if (shadowRoot) {\n            display_setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    const displayResults = async ({ feedData }) => {\n        const entries = feedData.map((entry) => web_elements_library_.Composite.card.block({\n            ...common_data_display({ entry, isThemeDark }),\n            image: standard({\n                images: entry.image,\n                url: entry.url,\n            }),\n            isAligned: true,\n            isTransparent,\n        }));\n        await display_resultLoad({\n            ...props,\n            ...helperFunctions,\n            numberOfColumnsToShow: 2,\n            displayResults,\n            entries,\n        });\n        if (shadowRoot) {\n            display_setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    const resultStart = (props) => {\n        const { feedData, setOffset, getOffset } = props;\n        const totalEntries = getTotalEntries();\n        const showAmount = 3;\n        const message = isLazyLoad\n            ? `Showing ${showAmount} of ${totalEntries} articles`\n            : `Showing ${showAmount} articles`;\n        setOffset(getOffset() + 1);\n        if (totalEntries)\n            setTotalEntries(totalEntries);\n        layoutElement.element.setAttribute('id', common_display_ID_GRID_LAYOUT_CONTAINER);\n        setStyles(layoutElement.styles);\n        displayGridOffsetResults({ feedData });\n        container.appendChild(aria_live.create({\n            message,\n        }));\n    };\n    container.appendChild(loader);\n    fetch_start({\n        ...props,\n        ...helperFunctions,\n        numberOfColumnsToShow,\n        displayResults,\n        displayResultStart: resultStart,\n        displayNoResults: display_noResults,\n        layoutElement,\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n            setPosition,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/news/grid.ts\n\n\n\n\n\n\n/* harmony default export */ const news_grid = ((props) => (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow, isTypeOverlay } = props;\n    const loader = macros_loader.create();\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (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 = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const displayResults = async ({ feedData }) => {\n        const entries = feedData.map((entry) => {\n            if (isTypeOverlay) {\n                return web_elements_library_.Composite.card.overlay.image({\n                    ...common_data_display({ entry }),\n                    backgroundImage: standard({\n                        images: entry.image,\n                        url: entry.url,\n                    }),\n                });\n            }\n            return web_elements_library_.Composite.card.block({\n                ...common_data_display({ entry, isThemeDark }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: true,\n                isTransparent,\n            });\n        });\n        await display_resultLoad({\n            ...props,\n            ...helperFunctions,\n            displayResults,\n            entries,\n        });\n        if (shadowRoot) {\n            display_setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    const layoutElement = isTypeOverlay\n        ? grid({ count: numberOfColumnsToShow })\n        : gridGap({ count: numberOfColumnsToShow });\n    container.appendChild(loader);\n    fetch_start({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        displayResultStart: display_resultStart,\n        displayNoResults: display_noResults,\n        layoutElement,\n        isThemeDark,\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/news/list.ts\n\n\n\n\n\n\n/* harmony default export */ const news_list = ((props) => (() => {\n    const { isThemeDark } = props;\n    const loader = macros_loader.create();\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (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 = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const displayResults = async ({ feedData }) => {\n        await display_resultLoad({\n            ...props,\n            ...helperFunctions,\n            displayResults,\n            entries: feedData.map((entry) => web_elements_library_.Composite.card.list({\n                ...common_data_display({ entry, isThemeDark }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: false,\n            })),\n        });\n        if (shadowRoot) {\n            display_setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    container.appendChild(loader);\n    fetch_start({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        displayResultStart: display_resultStart,\n        displayNoResults: display_noResults,\n        layoutElement: stacked(),\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/news/index.ts\n\n\n\n\n;// CONCATENATED MODULE: ./source/index.ts\n\n\n\n\n\n//# sourceURL=webpack://@universityofmaryland/web-feeds-library/./source/index.ts_+_30_modules?")},149:e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__149__},708:e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__708__}},__webpack_module_cache__={};function __webpack_require__(e){var n=__webpack_module_cache__[e];if(void 0!==n)return n.exports;var t=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](t,t.exports,__webpack_require__),t.exports}__webpack_require__.d=(e,n)=>{for(var t in n)__webpack_require__.o(n,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__=__webpack_require__(572);return __webpack_exports__})()));
+!function(e,n){if("object"==typeof exports&&"object"==typeof module)module.exports=n(require("@universityofmaryland/web-styles-library"),require("@universityofmaryland/web-elements-library"));else if("function"==typeof define&&define.amd)define(["@universityofmaryland/web-styles-library","@universityofmaryland/web-elements-library"],n);else{var t="object"==typeof exports?n(require("@universityofmaryland/web-styles-library"),require("@universityofmaryland/web-elements-library")):n(e["@universityofmaryland/web-styles-library"],e["@universityofmaryland/web-elements-library"]);for(var s in t)("object"==typeof exports?exports:e)[s]=t[s]}}(self,((__WEBPACK_EXTERNAL_MODULE__708__,__WEBPACK_EXTERNAL_MODULE__149__)=>(()=>{"use strict";var __webpack_modules__={314:(__unused_webpack_module,__webpack_exports__,__webpack_require__)=>{eval("// ESM COMPAT FLAG\n__webpack_require__.r(__webpack_exports__);\n\n// EXPORTS\n__webpack_require__.d(__webpack_exports__, {\n  academic: () => (/* reexport */ academic_namespaceObject),\n  events: () => (/* reexport */ composite_events_namespaceObject),\n  news: () => (/* reexport */ news_namespaceObject)\n});\n\n// NAMESPACE OBJECT: ./source/composite/academic/index.ts\nvar academic_namespaceObject = {};\n__webpack_require__.r(academic_namespaceObject);\n__webpack_require__.d(academic_namespaceObject, {\n  slider: () => (academic_slider)\n});\n\n// NAMESPACE OBJECT: ./source/composite/events/index.ts\nvar composite_events_namespaceObject = {};\n__webpack_require__.r(composite_events_namespaceObject);\n__webpack_require__.d(composite_events_namespaceObject, {\n  grid: () => (events_grid),\n  grouped: () => (grouped),\n  list: () => (list),\n  slider: () => (events_slider)\n});\n\n// NAMESPACE OBJECT: ./source/composite/news/index.ts\nvar news_namespaceObject = {};\n__webpack_require__.r(news_namespaceObject);\n__webpack_require__.d(news_namespaceObject, {\n  featured: () => (featured),\n  grid: () => (news_grid),\n  list: () => (news_list)\n});\n\n;// CONCATENATED MODULE: ./source/macros/aria-live.ts\nconst create = ({ message }) => {\n    const container = document.createElement('div');\n    const textElement = document.createElement('p');\n    container.setAttribute('aria-live', 'polite');\n    container.setAttribute('role', 'status');\n    container.classList.add('sr-only');\n    textElement.innerHTML = message;\n    container.appendChild(textElement);\n    return container;\n};\nconst update = ({ container, message, }) => {\n    const element = container.querySelector(`[aria-live]`);\n    const textElement = element.querySelector('p');\n    if (textElement)\n        textElement.innerHTML = message;\n};\n/* harmony default export */ const aria_live = ({\n    create,\n    update,\n});\n\n// EXTERNAL MODULE: external \"@universityofmaryland/web-styles-library\"\nvar web_styles_library_ = __webpack_require__(708);\n// EXTERNAL MODULE: external \"@universityofmaryland/web-elements-library\"\nvar web_elements_library_ = __webpack_require__(149);\n;// CONCATENATED MODULE: ./source/macros/lazy-load.ts\n\n\nconst lazy_load_create = ({ callback, isThemeDark, isLazyLoad, totalEntries, offset, }) => {\n    if (!isLazyLoad)\n        return;\n    if (!totalEntries)\n        return;\n    if (!offset)\n        return;\n    if (!callback)\n        return;\n    if (offset >= totalEntries)\n        return;\n    const composite = web_elements_library_.Model.ElementModel.layout.alignedCenter({\n        element: document.createElement('div'),\n        isThemeDark,\n        elementStyles: {\n            element: {\n                marginTop: `${web_styles_library_.token.spacing.lg}`,\n            },\n        },\n    });\n    const ctaButton = web_elements_library_.Model.ElementModel.actions.outlineOptions({\n        element: document.createElement('button'),\n        isThemeDark,\n    });\n    ctaButton.element.innerHTML = 'Load more';\n    ctaButton.element.addEventListener('click', callback);\n    composite.element.appendChild(ctaButton.element);\n    composite.styles += ctaButton.styles;\n    return composite;\n};\nconst remove = ({ container }) => {\n    const button = container.querySelector(`.${web_styles_library_.layout.alignment.block.center.className}`);\n    if (button)\n        button.remove();\n};\n/* harmony default export */ const lazy_load = ({\n    remove,\n    create: lazy_load_create,\n});\n\n;// CONCATENATED MODULE: ./source/macros/loader.ts\n\n\nconst ID_UMD_LOADER = 'umd-loader-container';\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`;\nconst loader_create = ({ isThemeDark }) => {\n    const defaultDotStyles = {\n        position: 'absolute',\n        top: '50%',\n        transform: 'translateY(-50%)',\n        width: '8px',\n        height: '8px',\n        borderRadius: '50%',\n        background: `${web_styles_library_.token.color.gray.dark}`,\n        animationTimingFunction: 'cubic-bezier(0, 1, 1, 0)',\n        ...(isThemeDark && {\n            background: `${web_styles_library_.token.color.gray.light}`,\n        }),\n    };\n    const innerElmOne = web_elements_library_.Model.ElementModel.createDiv({\n        className: `${ID_UMD_LOADER}-one`,\n        elementStyles: {\n            element: {\n                ...defaultDotStyles,\n                left: '5px',\n                animation: 'loader-first-animation 0.6s infinite',\n            },\n        },\n    });\n    const innerElmTwo = web_elements_library_.Model.ElementModel.createDiv({\n        className: `${ID_UMD_LOADER}-two`,\n        elementStyles: {\n            element: {\n                ...defaultDotStyles,\n                left: '5px',\n                animation: 'loader-middle-animation 0.6s infinite',\n            },\n        },\n    });\n    const innerElmThree = web_elements_library_.Model.ElementModel.createDiv({\n        className: `${ID_UMD_LOADER}-three`,\n        elementStyles: {\n            element: {\n                ...defaultDotStyles,\n                left: '24px',\n                animation: 'loader-middle-animation 0.6s infinite',\n            },\n        },\n    });\n    const innerElmFour = web_elements_library_.Model.ElementModel.createDiv({\n        className: `${ID_UMD_LOADER}-four`,\n        elementStyles: {\n            element: {\n                ...defaultDotStyles,\n                left: '45px',\n                animation: 'loader-last-animation 0.6s infinite',\n            },\n        },\n    });\n    const wrapper = web_elements_library_.Model.ElementModel.createDiv({\n        className: `${ID_UMD_LOADER}-wrapper`,\n        children: [innerElmOne, innerElmTwo, innerElmThree, innerElmFour],\n        elementStyles: {\n            element: {\n                position: 'relative',\n            },\n        },\n    });\n    const composite = web_elements_library_.Model.ElementModel.createDiv({\n        className: ID_UMD_LOADER,\n        children: [wrapper],\n        elementStyles: {\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    });\n    composite.styles += keyframes;\n    return composite;\n};\nconst loader_remove = ({ container }) => {\n    const loader = container.querySelector(`.${ID_UMD_LOADER}`);\n    if (loader)\n        loader.remove();\n};\nconst display = ({ container, isThemeDark, }) => {\n    const loader = loader_create({ isThemeDark });\n    container.appendChild(loader.element);\n};\n/* harmony default export */ const macros_loader = ({\n    create: loader_create,\n    display,\n    remove: loader_remove,\n});\n\n;// CONCATENATED MODULE: ./source/macros/no-results.ts\n\n\n/* harmony default export */ const no_results = (({ message, linkUrl, linkText, isThemeDark, isAlignedCenter = true, }) => {\n    const composite = web_elements_library_.Model.ElementModel.layout.gridStacked({\n        element: document.createElement('div'),\n        isThemeDark,\n        elementStyles: {\n            element: {\n                [`& *`]: {\n                    textAlign: isAlignedCenter ? 'center' : 'left',\n                },\n                [`& *:not(:first-child)`]: {\n                    marginTop: `${web_styles_library_.token.spacing.md}`,\n                },\n            },\n        },\n    });\n    const headline = web_elements_library_.Model.ElementModel.headline.sansExtraLarge({\n        element: document.createElement('p'),\n        isThemeDark,\n        elementStyles: {\n            element: {\n                textTransform: 'uppercase',\n            },\n        },\n    });\n    headline.element.innerHTML = message || 'No results found';\n    composite.element.appendChild(headline.element);\n    composite.styles += headline.styles;\n    if (linkUrl && linkText) {\n        const link = document.createElement('a');\n        link.innerHTML = linkText;\n        link.setAttribute('href', linkUrl);\n        link.setAttribute('target', '_blank');\n        link.setAttribute('rel', 'noopener noreferrer');\n        const ctaButton = web_elements_library_.Atomic.actions.options({\n            element: link,\n            isTypeOutline: true,\n            isThemeDark,\n        });\n        composite.element.appendChild(ctaButton.element);\n        composite.styles += ctaButton.styles;\n    }\n    return composite;\n});\n\n;// CONCATENATED MODULE: ./source/macros/slider.ts\n\n\nconst { FetchGraphQL } = web_elements_library_.Utilities.network;\n/* harmony default export */ const slider = (({ token, query, url, categories, isThemeDark, headline, actions, }) => {\n    const dataSlider = document.createElement('div');\n    const slider = web_elements_library_.Composite.slider.events({\n        isThemeDark,\n        dataSlider,\n        headline,\n        actions,\n    });\n    let variables = { startDate: new Date().toDateString() };\n    let shadowRoot = null;\n    const setShadowStyles = async ({ shadowRoot, styles, }) => {\n        const styleElement = document.createElement('style');\n        const optimizedCss = await web_styles_library_.utilities.transform.css.removeDuplicates(styles);\n        styleElement.textContent = optimizedCss;\n        shadowRoot.appendChild(styleElement);\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const loadEvents = async () => {\n        if (categories) {\n            const related = categories.split(',');\n            variables.related = related;\n        }\n        const fetchVariables = {\n            query,\n            url,\n            token,\n            variables,\n        };\n        const feedData = await FetchGraphQL(fetchVariables);\n        const slides = feedData?.data?.entries?.events.map((data, i) => {\n            const headline = document.createElement('p');\n            headline.textContent = data.title;\n            const dateSign = web_elements_library_.Atomic.events.sign({\n                startMonth: data.startMonth,\n                startDay: data.startDay,\n                endDay: data.endDay,\n                endMonth: data.endMonth,\n                isThemeDark,\n            });\n            const textLockup = web_elements_library_.Atomic.textLockup.date({\n                headline,\n                isThemeDark,\n                dateSign,\n            });\n            if (i === 0) {\n                slider.styles += textLockup.styles;\n                slider.styles += dateSign.styles;\n            }\n            return textLockup;\n        });\n        slides?.forEach((slide) => dataSlider.appendChild(slide.element));\n        if (shadowRoot)\n            setShadowStyles({ shadowRoot, styles: slider.styles });\n        setTimeout(() => {\n            slider.events.load();\n        }, 100);\n    };\n    loadEvents();\n    return {\n        ...slider,\n        events: {\n            callback,\n        },\n    };\n});\n\n;// CONCATENATED MODULE: ./source/macros/index.ts\n\n\n\n\n\n\n;// CONCATENATED MODULE: ./source/composite/academic/slider.ts\n\nconst QUERY_DATA = `\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`;\nconst 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        ${QUERY_DATA}\n      }\n    }\n  }\n`;\n/* harmony default export */ const academic_slider = ((props) => slider({\n    ...props,\n    query,\n    url: 'https://provost.umd.edu/graphql',\n}));\n\n;// CONCATENATED MODULE: ./source/composite/academic/index.ts\n\n\n;// CONCATENATED MODULE: ./source/elements/asset.ts\nconst standard = ({ images, url, }) => {\n    const image = images[0];\n    const imageElement = document.createElement('img');\n    imageElement.src = image.url;\n    imageElement.alt = image.altText;\n    if (url) {\n        const link = document.createElement('a');\n        link.setAttribute('target', '_blank');\n        link.setAttribute('href', url);\n        link.setAttribute('aria-label', `Maryland Today Article with image ${image.altText}`);\n        link.appendChild(imageElement);\n        return link;\n    }\n    return imageElement;\n};\n\n;// CONCATENATED MODULE: ./source/elements/layout.ts\n\n\nconst stacked = () => web_elements_library_.Model.ElementModel.layout.gridStacked({\n    element: document.createElement('div'),\n    elementStyles: {\n        element: {\n            gridGap: `${web_styles_library_.token.spacing.md}`,\n            [` > *`]: {\n                containerType: 'inline-size',\n            },\n            [`& .${web_styles_library_.element.asset.image.wrapperScaled.className}`]: {\n                alignSelf: 'flex-start',\n            },\n        },\n    },\n});\nconst grid = ({ count = 2, }) => web_elements_library_.Model.ElementModel.layout.grid({\n    element: document.createElement('div'),\n    elementStyles: {\n        element: {\n            [` > *`]: {\n                containerType: 'inline-size',\n                [`@media (${web_styles_library_.token.media.queries.large.min})`]: {\n                    minHeight: '560px !important',\n                },\n            },\n        },\n    },\n    isGap: false,\n    isColumnsTwo: count === 2,\n    isColumnsThree: count === 3,\n    isColumnsFour: count === 4,\n});\nconst gridGap = ({ count = 2, }) => web_elements_library_.Model.ElementModel.layout.grid({\n    element: document.createElement('div'),\n    elementStyles: {\n        element: {\n            [` > *`]: {\n                alignSelf: 'flex-start',\n                containerType: 'inline-size',\n            },\n        },\n    },\n    isGap: true,\n    isColumnsTwo: count === 2,\n    isColumnsThree: count === 3,\n    isColumnsFour: count === 4,\n});\nconst gridOffsetGap = ({ count = 2, isLayoutReversed, overwriteStickyPosition = 0, }) => web_elements_library_.Model.ElementModel.layout.grid({\n    element: document.createElement('div'),\n    elementStyles: {\n        element: {\n            [` > *`]: {\n                alignSelf: 'flex-start',\n                containerType: 'inline-size',\n            },\n            [` > *:first-child`]: {\n                order: isLayoutReversed ? 2 : -1,\n            },\n            [`& .${web_elements_library_.Composite.card.overlay.imageClassRef}`]: {\n                [`@media (${web_styles_library_.token.media.queries.large.min})`]: {\n                    height: 'inherit',\n                    position: 'sticky',\n                    top: `${overwriteStickyPosition}px`,\n                },\n                [`*`]: {\n                    color: `${web_styles_library_.token.color.white}`,\n                },\n                [`& > div`]: {\n                    [`@media (${web_styles_library_.token.media.queries.large.min})`]: {\n                        minHeight: '560px !important',\n                    },\n                },\n                [`.${web_styles_library_.element.asset.image.wrapperScaled.className}`]: {\n                    position: 'absolute',\n                },\n            },\n        },\n    },\n    isGap: true,\n    isColumnsTwo: count === 2,\n    isColumnsThree: count === 3,\n    isColumnsFour: count === 4,\n});\n\n;// CONCATENATED MODULE: ./source/elements/text.ts\nconst summary = ({ text }) => {\n    if (text) {\n        const textElement = document.createElement('div');\n        const textNode = document.createElement('p');\n        textNode.innerHTML = text;\n        textElement.appendChild(textNode);\n        return textElement;\n    }\n    return null;\n};\nconst headline = ({ text, url }) => {\n    if (text && url) {\n        const headline = document.createElement('p');\n        const headlineLink = document.createElement('a');\n        headlineLink.href = url;\n        headlineLink.innerHTML = text;\n        headlineLink.target = '_blank';\n        headlineLink.rel = 'noopener noreferrer';\n        headline.appendChild(headlineLink);\n        return headline;\n    }\n    return null;\n};\nconst date = ({ date, dateFormatted, }) => {\n    if (date && dateFormatted) {\n        const dateElement = document.createElement('time');\n        dateElement.innerHTML = dateFormatted;\n        dateElement.setAttribute('datetime', date);\n        return dateElement;\n    }\n    return null;\n};\n\n;// CONCATENATED MODULE: ./source/elements/index.ts\n\n\n\n\n;// CONCATENATED MODULE: ./source/composite/events/common/queries.ts\nconst 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`;\nconst 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\n;// CONCATENATED MODULE: ./source/composite/events/common/data.ts\n\n\n\nconst lazyLoadVariables = (props) => ({\n    ...props,\n    totalEntries: props.getTotalEntries(),\n    offset: props.getOffset(),\n    container: props.getContainer(),\n    callback: () => load(props),\n});\nconst apiVariables = (props) => {\n    const { categories, getOffset, token, numberOfRowsToStart, numberOfColumnsToShow = 1, } = props;\n    const obj = {\n        offset: getOffset(),\n        token,\n        limit: numberOfRowsToStart,\n    };\n    if (numberOfColumnsToShow) {\n        obj.limit = numberOfColumnsToShow * numberOfRowsToStart;\n    }\n    if (categories) {\n        obj.related = categories;\n    }\n    return obj;\n};\nconst data_display = ({ entry, isThemeDark, }) => ({\n    headline: headline({\n        text: entry.title,\n        url: entry.url,\n    }),\n    text: summary({ text: entry.summary }),\n    eventMeta: web_elements_library_.Atomic.events.meta({\n        ...entry,\n        isThemeDark,\n    }),\n    isThemeDark,\n});\n\n;// CONCATENATED MODULE: ./source/composite/events/common/fetch.ts\n\n\n\n\nconst ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\nconst fetchFeed = async ({ limit, related, offset, token, query, }) => {\n    if (!token)\n        throw new Error('Token not found');\n    const variables = {\n        startDate: new Date().toDateString(),\n        limit,\n        related,\n        offset,\n    };\n    return await web_elements_library_.Utilities.network.FetchGraphQL({\n        query,\n        url: 'https://calendar.umd.edu/graphql',\n        token: token,\n        variables,\n    });\n};\nconst getCount = async ({ variables }) => {\n    const feedData = await fetchFeed({\n        ...variables,\n        query: EVENTS_COUNT_QUERY,\n    });\n    if (!feedData || !feedData.data || feedData.message) {\n        if (feedData.message)\n            console.error(feedData.message);\n        return null;\n    }\n    return feedData?.data?.count?.events?.length || 0;\n};\nconst getEntries = async ({ variables, }) => {\n    const feedData = await fetchFeed({ ...variables, query: EVENTS_QUERY });\n    const graceFail = ({ message }) => {\n        throw new Error(message);\n    };\n    if (!feedData ||\n        !feedData.data ||\n        !feedData.data.entries ||\n        feedData.message) {\n        if (!feedData)\n            graceFail({ message: 'Feed not found' });\n        if (!feedData.data)\n            graceFail({ message: 'Feed data not found' });\n        if (!feedData.data.entries)\n            graceFail({ message: 'Feed entries not found' });\n        if (!feedData.data.entries.events)\n            graceFail({ message: 'Feed events not found' });\n        if (!feedData.message)\n            graceFail({ message: `Feed data errors: ${feedData.message}` });\n    }\n    return feedData.data.entries.events;\n};\nconst load = async (props) => {\n    const { getContainer, getOffset, displayResults, getTotalEntries } = props;\n    const container = getContainer();\n    const currentCount = getOffset();\n    const totalEntries = getTotalEntries();\n    lazy_load.remove({ container });\n    macros_loader.display({ container });\n    getEntries({\n        variables: apiVariables(props),\n    }).then((feedData) => {\n        displayResults({ feedData });\n        aria_live.update({\n            container,\n            message: `Showing ${currentCount + feedData.length} of ${totalEntries} articles`,\n        });\n    });\n};\nconst start = async (props) => {\n    const { displayNoResults, displayResultStart, setTotalEntries } = props;\n    await getCount({\n        variables: apiVariables(props),\n    }).then((count) => {\n        if (count === 0) {\n            displayNoResults({ ...props });\n            return;\n        }\n        if (count) {\n            setTotalEntries(count);\n        }\n        if (count === null) {\n            displayNoResults({\n                ...props,\n                message: 'An error occurred while fetching the data.',\n            });\n            return;\n        }\n    });\n    getEntries({\n        variables: apiVariables(props),\n    }).then((feedData) => displayResultStart({ ...props, feedData }));\n};\n\n;// CONCATENATED MODULE: ./source/utilities/events/index.ts\nconst eventNames = {\n    FEED_LOADED: 'feed:loaded',\n    FEED_ERROR: 'feed:error',\n};\nconst dispatch = (element, eventName, detail) => {\n    const event = new CustomEvent(eventName, {\n        detail,\n        bubbles: true,\n        cancelable: true,\n    });\n    return element.dispatchEvent(event);\n};\nconst listen = (element, eventName, callback, options) => {\n    const eventListener = (event) => {\n        const customEvent = event;\n        callback(customEvent.detail);\n    };\n    element.addEventListener(eventName, eventListener, options);\n    return () => {\n        element.removeEventListener(eventName, eventListener, options);\n    };\n};\n\n;// CONCATENATED MODULE: ./source/utilities/index.ts\n\n\n\n;// CONCATENATED MODULE: ./source/composite/events/common/display.ts\n\n\n\n\n\nconst display_ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\nconst setShadowStyles = async ({ shadowRoot, styles, }) => {\n    const styleElement = document.createElement('style');\n    const optimizedCss = await web_styles_library_.utilities.transform.css.removeDuplicates(styles);\n    styleElement.textContent = optimizedCss;\n    shadowRoot.appendChild(styleElement);\n};\nconst noResults = ({ getContainer, getStyles, getShadowRoot, setStyles, isThemeDark, message = 'No events found', linkUrl = 'https://calendar.umd.edu', linkText = 'View all events', }) => {\n    const container = getContainer();\n    const shadowRoot = getShadowRoot();\n    const noResultsContent = no_results({\n        message,\n        linkUrl,\n        linkText,\n        isThemeDark,\n    });\n    const ariaLiveContent = aria_live.create({\n        message,\n    });\n    container.innerHTML = '';\n    container.appendChild(noResultsContent.element);\n    container.appendChild(ariaLiveContent);\n    setStyles(noResultsContent.styles);\n    dispatch(container, eventNames.FEED_ERROR, {\n        error: 'No results found',\n        message,\n    });\n    setTimeout(() => {\n        const styles = getStyles();\n        if (shadowRoot) {\n            setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    }, 100);\n};\nconst resultLoad = async (props) => {\n    const { entries, getContainer, setStyles, setOffset } = props;\n    const container = getContainer();\n    const grid = container.querySelector(`#${display_ID_GRID_LAYOUT_CONTAINER}`);\n    macros_loader.remove({ container });\n    lazy_load.remove({ container });\n    setOffset(entries.length);\n    return new Promise((resolve) => {\n        entries.forEach((entry) => {\n            grid.appendChild(entry.element);\n            setStyles(entry.styles);\n        });\n        const lazyLoadButton = lazy_load.create(lazyLoadVariables({\n            ...props,\n            callback: load,\n        }));\n        if (lazyLoadButton) {\n            container.appendChild(lazyLoadButton.element);\n            setStyles(lazyLoadButton.styles);\n        }\n        resolve();\n    });\n};\nconst resultStart = (props) => {\n    const { feedData, numberOfColumnsToShow = 1, numberOfRowsToStart, isLazyLoad, displayResults, getContainer, getTotalEntries, setOffset, setStyles, layoutElement, } = props;\n    const container = getContainer();\n    const totalEntries = getTotalEntries();\n    const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;\n    const message = isLazyLoad\n        ? `Showing ${showAmount} of ${totalEntries} articles`\n        : `Showing ${showAmount} articles`;\n    layoutElement.element.setAttribute('id', display_ID_GRID_LAYOUT_CONTAINER);\n    container.appendChild(layoutElement.element);\n    setStyles(layoutElement.styles);\n    dispatch(container, eventNames.FEED_LOADED, {\n        items: feedData,\n        count: feedData.length,\n        total: totalEntries || feedData.length,\n    });\n    displayResults({ feedData });\n    container.appendChild(aria_live.create({\n        message,\n    }));\n};\n\n;// CONCATENATED MODULE: ./source/composite/events/grid.ts\n\n\n\n\n\n\n/* harmony default export */ const events_grid = ((props) => (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow } = props;\n    const loader = macros_loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (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 = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const displayResults = async ({ feedData }) => {\n        await resultLoad({\n            ...props,\n            ...helperFunctions,\n            displayResults,\n            entries: feedData.map((entry) => web_elements_library_.Composite.card.block({\n                ...data_display({ entry, isThemeDark }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: false,\n                isTransparent,\n            })),\n        });\n        if (shadowRoot) {\n            setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    const layoutElement = gridGap({\n        count: numberOfColumnsToShow,\n    });\n    container.appendChild(loader.element);\n    start({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        displayResultStart: resultStart,\n        displayNoResults: noResults,\n        layoutElement,\n        isThemeDark,\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/events/list.ts\n\n\n\n\n\n\n/* harmony default export */ const list = ((props) => (() => {\n    const { isThemeDark } = props;\n    const loader = macros_loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (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 = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const displayResults = async ({ feedData }) => {\n        await resultLoad({\n            ...props,\n            ...helperFunctions,\n            displayResults,\n            entries: feedData.map((entry) => web_elements_library_.Composite.card.list({\n                ...data_display({ entry, isThemeDark }),\n                dateSign: web_elements_library_.Atomic.events.sign({\n                    ...entry,\n                    isThemeDark,\n                    isLargeSize: true,\n                }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: false,\n            })),\n        });\n        if (shadowRoot) {\n            setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    container.appendChild(loader.element);\n    start({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        displayResultStart: resultStart,\n        displayNoResults: noResults,\n        layoutElement: stacked(),\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/events/slider.ts\n\nconst slider_QUERY_DATA = `\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`;\nconst 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      ) {\n        ... on submission_Event {\n          ${slider_QUERY_DATA}\n        }\n      }\n    }\n  }\n`;\n/* harmony default export */ const events_slider = ((props) => slider({\n    ...props,\n    query: slider_query,\n    url: 'https://calendar.umd.edu/graphql',\n}));\n\n;// CONCATENATED MODULE: ./source/composite/events/grouped.ts\n\n\n\n\n\n\n\nconst getDateBanner = (dateStamp) => {\n    const dateParts = dateStamp.split('T')[0].split('-');\n    const year = parseInt(dateParts[0], 10);\n    const month = parseInt(dateParts[1], 10) - 1;\n    const day = parseInt(dateParts[2], 10);\n    const eventDate = new Date(year, month, day);\n    const currentDate = new Date();\n    currentDate.setHours(0, 0, 0, 0);\n    const weekFromNow = new Date();\n    weekFromNow.setDate(currentDate.getDate() + 7);\n    weekFromNow.setHours(0, 0, 0, 0);\n    if (eventDate.getFullYear() === currentDate.getFullYear() &&\n        eventDate.getMonth() === currentDate.getMonth() &&\n        eventDate.getDate() === currentDate.getDate()) {\n        return 'Today';\n    }\n    if (eventDate.getTime() > currentDate.getTime() &&\n        eventDate.getTime() <= weekFromNow.getTime()) {\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    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()]}, ${months[eventDate.getMonth()]} ${eventDate.getDate()}`;\n};\nconst groupEventsByDate = (events) => {\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    }, {});\n    return Object.values(grouped).sort((a, b) => {\n        const dateA = new Date(Object.keys(grouped).find((key) => grouped[key] === a) || '');\n        const dateB = new Date(Object.keys(grouped).find((key) => grouped[key] === b) || '');\n        return dateA.getTime() - dateB.getTime();\n    });\n};\n/* harmony default export */ const grouped = ((props) => (() => {\n    const { isThemeDark } = props;\n    const loader = macros_loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (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 = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const groupLayout = () => {\n        return web_elements_library_.Model.ElementModel.createDiv({\n            className: 'umd-feed-events-grouped',\n            elementStyles: {\n                element: {},\n            },\n        });\n    };\n    const displayResults = async ({ feedData }) => {\n        const groupedEvents = groupEventsByDate(feedData);\n        const entries = [];\n        let actualEventCount = 0;\n        groupedEvents.forEach((group) => {\n            const dateHeadline = document.createElement('p');\n            dateHeadline.textContent = group.date;\n            entries.push(web_elements_library_.Model.ElementModel.text.ribbon({\n                element: dateHeadline,\n                elementStyles: {\n                    element: {\n                        margin: `${web_styles_library_.token.spacing.lg} 0`,\n                    },\n                },\n            }));\n            const dateEntries = group.events.map((entry) => web_elements_library_.Composite.card.list({\n                ...data_display({ entry, isThemeDark }),\n                dateSign: web_elements_library_.Atomic.events.sign({\n                    ...entry,\n                    isThemeDark,\n                    isLargeSize: false,\n                }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: false,\n            }));\n            actualEventCount += group.events.length;\n            entries.push(web_elements_library_.Model.ElementModel.createDiv({\n                className: 'umd-feed-events-grouped-entries',\n                children: [...dateEntries],\n                elementStyles: {\n                    element: {\n                        [` > *:not(:last-child)`]: {\n                            paddingBottom: web_styles_library_.token.spacing.lg,\n                            marginBottom: web_styles_library_.token.spacing.lg,\n                        },\n                    },\n                },\n            }));\n        });\n        const originalSetOffset = helperFunctions.setOffset;\n        helperFunctions.setOffset = () => originalSetOffset(actualEventCount);\n        await resultLoad({\n            ...props,\n            ...helperFunctions,\n            displayResults,\n            entries,\n        });\n        helperFunctions.setOffset = originalSetOffset;\n        if (shadowRoot) {\n            setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    container.appendChild(loader.element);\n    start({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        displayResultStart: resultStart,\n        displayNoResults: noResults,\n        layoutElement: groupLayout(),\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/events/index.ts\n\n\n\n\n\n;// CONCATENATED MODULE: ./source/composite/news/common/queries.ts\nconst ARTICLES_QUERY = `\n  query getArticles($related: [QueryArgument], $relatedToAll: [QueryArgument], $limit: Int, $offset: Int, $not: [QueryArgument]) {\n    entryCount(section: \"articles\", relatedTo: $related,relatedToAll: $relatedToAll)\n    entries(\n      section: \"articles\",\n      relatedTo: $related,\n      relatedToAll: $relatedToAll,\n      limit: $limit,\n      offset: $offset,\n      id: $not\n    ) {\n      ... on articles_today_Entry {\n        id\n        title\n        date: postDate\n        dateFormatted: postDate @formatDateTime(format: \"M d, Y\")\n        summary: genericText\n        url\n        image:articlesHeroImage {\n          url\n          ... on hero_Asset {\n            id\n            altText: genericText\n          }\n        }\n        categories:categoryTodaySectionMultiple {\n          title\n          url\n        }\n      }\n    }\n  }\n`;\n\n;// CONCATENATED MODULE: ./source/composite/news/common/data.ts\n\n\nconst data_lazyLoadVariables = (props) => ({\n    ...props,\n    totalEntries: props.getTotalEntries(),\n    offset: props.getOffset(),\n    container: props.getContainer(),\n    callback: () => fetch_load(props),\n});\nconst data_apiVariables = (props) => {\n    const { isUnion, categories, getOffset, token, numberOfRowsToStart, numberOfColumnsToShow = 1, entriesToRemove, } = props;\n    const obj = {\n        offset: getOffset(),\n        token,\n        limit: numberOfRowsToStart,\n    };\n    if (numberOfColumnsToShow) {\n        obj.limit = numberOfColumnsToShow * numberOfRowsToStart;\n    }\n    if (!isUnion && categories) {\n        obj.relatedToAll = categories;\n    }\n    if (isUnion && categories) {\n        obj.related = categories;\n    }\n    if (entriesToRemove) {\n        obj.not = ['not', ...entriesToRemove];\n    }\n    return obj;\n};\nconst common_data_display = ({ entry, isThemeDark, }) => ({\n    newsId: entry.id.toString(),\n    headline: headline({\n        text: entry.title,\n        url: entry.url,\n    }),\n    text: summary({ text: entry.summary }),\n    date: date({\n        date: entry.date,\n        dateFormatted: entry.dateFormatted,\n    }),\n    isThemeDark,\n});\n\n;// CONCATENATED MODULE: ./source/composite/news/common/fetch.ts\n\n\n\n\nconst fetch_ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\nconst fetch_getEntries = async ({ limit, not, offset, related, relatedToAll, token, }) => {\n    if (!token)\n        throw new Error('Token not found');\n    const graceFail = ({ message }) => {\n        console.error(message);\n    };\n    const variables = {\n        limit,\n        related,\n        relatedToAll,\n        offset,\n        not,\n    };\n    const feedData = await web_elements_library_.Utilities.network.FetchGraphQL({\n        query: ARTICLES_QUERY,\n        url: 'https://today.umd.edu/graphql',\n        token: token,\n        variables,\n    });\n    if (!feedData ||\n        !feedData.data ||\n        !feedData.data.entries ||\n        feedData.message) {\n        if (!feedData)\n            graceFail({ message: 'Feed not found' });\n        if (feedData?.message)\n            graceFail({ message: `Feed data errors: ${feedData.message}` });\n        return null;\n    }\n    return {\n        entries: feedData.data.entries,\n        count: feedData.data.entryCount,\n    };\n};\nconst fetch_load = async (props) => {\n    const { getContainer, getOffset, displayResults, getTotalEntries } = props;\n    const container = getContainer();\n    const currentCount = getOffset();\n    const totalEntries = getTotalEntries();\n    lazy_load.remove({ container });\n    macros_loader.display({ container });\n    fetch_getEntries(data_apiVariables(props)).then((feedData) => {\n        if (feedData) {\n            displayResults({ feedData: feedData.entries });\n            aria_live.update({\n                container,\n                message: `Showing ${currentCount + feedData.entries.length} of ${totalEntries} articles`,\n            });\n        }\n    });\n};\nconst fetch_start = async (props) => {\n    const { displayNoResults, displayResultStart, setTotalEntries } = props;\n    fetch_getEntries(data_apiVariables(props)).then((feedData) => {\n        if (!feedData || !feedData.entries) {\n            displayNoResults({\n                ...props,\n                message: 'An error occurred while fetching the data.',\n            });\n            return;\n        }\n        const totalEntries = feedData.count;\n        if (totalEntries === 0) {\n            displayNoResults({ ...props });\n            return;\n        }\n        setTotalEntries(totalEntries);\n        return displayResultStart({ ...props, feedData: feedData.entries });\n    });\n};\n\n;// CONCATENATED MODULE: ./source/composite/news/common/display.ts\n\n\n\n\n\nconst common_display_ID_GRID_LAYOUT_CONTAINER = 'umd-grid-gap-layout-container';\nconst display_setShadowStyles = async ({ shadowRoot, styles, }) => {\n    const styleElement = document.createElement('style');\n    const optimizedCss = await web_styles_library_.utilities.transform.css.removeDuplicates(styles);\n    styleElement.textContent = optimizedCss;\n    shadowRoot.appendChild(styleElement);\n};\nconst display_noResults = ({ getContainer, getStyles, getShadowRoot, setStyles, message = 'No results found', linkUrl = 'https://today.umd.edu', linkText = 'View all articles', isThemeDark, }) => {\n    const container = getContainer();\n    const shadowRoot = getShadowRoot();\n    const noResultsContent = no_results({\n        message,\n        linkUrl,\n        linkText,\n        isThemeDark,\n    });\n    const ariaLiveContent = aria_live.create({\n        message,\n    });\n    container.innerHTML = '';\n    container.appendChild(noResultsContent.element);\n    container.appendChild(ariaLiveContent);\n    setStyles(noResultsContent.styles);\n    dispatch(container, eventNames.FEED_ERROR, {\n        error: 'No results found',\n        message,\n    });\n    setTimeout(() => {\n        const styles = getStyles();\n        if (shadowRoot) {\n            display_setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    }, 100);\n};\nconst display_resultLoad = async (props) => {\n    const { entries, getContainer, setStyles, setOffset } = props;\n    const container = getContainer();\n    const grid = container.querySelector(`#${common_display_ID_GRID_LAYOUT_CONTAINER}`);\n    macros_loader.remove({ container });\n    lazy_load.remove({ container });\n    setOffset(entries.length);\n    return new Promise((resolve) => {\n        entries.forEach((entry) => {\n            grid.appendChild(entry.element);\n            setStyles(entry.styles);\n        });\n        const lazyLoadButton = lazy_load.create(data_lazyLoadVariables({\n            ...props,\n            callback: fetch_load,\n        }));\n        if (lazyLoadButton) {\n            container.appendChild(lazyLoadButton.element);\n            setStyles(lazyLoadButton.styles);\n        }\n        resolve();\n    });\n};\nconst display_resultStart = (props) => {\n    const { feedData, numberOfColumnsToShow = 1, numberOfRowsToStart, isLazyLoad, displayResults, getContainer, getTotalEntries, setTotalEntries, setStyles, layoutElement, } = props;\n    const container = getContainer();\n    const totalEntries = getTotalEntries();\n    const showAmount = numberOfColumnsToShow || 1 * numberOfRowsToStart;\n    const message = isLazyLoad\n        ? `Showing ${showAmount} of ${totalEntries} articles`\n        : `Showing ${showAmount} articles`;\n    if (totalEntries)\n        setTotalEntries(totalEntries);\n    layoutElement.element.setAttribute('id', common_display_ID_GRID_LAYOUT_CONTAINER);\n    container.appendChild(layoutElement.element);\n    setStyles(layoutElement.styles);\n    dispatch(container, eventNames.FEED_LOADED, {\n        items: feedData,\n        count: feedData.length,\n        total: totalEntries || feedData.length,\n    });\n    displayResults({ feedData });\n    container.appendChild(aria_live.create({\n        message,\n    }));\n};\n\n;// CONCATENATED MODULE: ./source/composite/news/featured.ts\n\n\n\n\n\n\n/* harmony default export */ const featured = ((props) => (() => {\n    const { isThemeDark, isLazyLoad, isLayoutReversed, isTransparent, overwriteStickyPosition, } = props;\n    const loader = macros_loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (styles += additonalStyles);\n    const getContainer = () => container;\n    const getTotalEntries = () => totalEntries;\n    const getOffset = () => offset;\n    const getStyles = () => styles;\n    const getShadowRoot = () => shadowRoot;\n    let numberOfColumnsToShow = 3;\n    let totalEntries = 0;\n    let offset = 0;\n    let styles = `\n      ${loader.styles}\n    `;\n    let shadowRoot = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const setPosition = (position) => {\n        const overlayElement = container.querySelector(`.${web_elements_library_.Composite.card.overlay.imageClassRef}`);\n        if (overlayElement)\n            overlayElement.style.top = `${position}px`;\n    };\n    const layoutElement = gridGap({ count: 2 });\n    const displayGridOffsetResults = async ({ feedData }) => {\n        let entries = [];\n        if (feedData.length >= 2) {\n            const offsetLayout = gridOffsetGap({\n                count: 2,\n                isLayoutReversed,\n                overwriteStickyPosition,\n            });\n            const firstEntry = feedData[0];\n            const overlayCard = web_elements_library_.Composite.card.overlay.image({\n                ...common_data_display({ entry: firstEntry }),\n                backgroundImage: standard({\n                    images: firstEntry.image,\n                    url: firstEntry.url,\n                }),\n            });\n            offsetLayout.element.appendChild(overlayCard.element);\n            offsetLayout.element.appendChild(layoutElement.element);\n            container.appendChild(offsetLayout.element);\n            setStyles(offsetLayout.styles);\n            setStyles(overlayCard.styles);\n            entries = feedData.slice(1, 3).map((entry) => web_elements_library_.Composite.card.block({\n                ...common_data_display({ entry, isThemeDark }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: true,\n                isTransparent,\n            }));\n        }\n        else {\n            entries = feedData.map((entry) => web_elements_library_.Composite.card.overlay.image({\n                ...common_data_display({ entry, isThemeDark }),\n                backgroundImage: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n            }));\n            container.appendChild(layoutElement.element);\n        }\n        await display_resultLoad({\n            ...props,\n            ...helperFunctions,\n            numberOfColumnsToShow: 2,\n            displayResults,\n            entries,\n        });\n        if (shadowRoot) {\n            display_setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    const displayResults = async ({ feedData }) => {\n        const entries = feedData.map((entry) => web_elements_library_.Composite.card.block({\n            ...common_data_display({ entry, isThemeDark }),\n            image: standard({\n                images: entry.image,\n                url: entry.url,\n            }),\n            isAligned: true,\n            isTransparent,\n        }));\n        await display_resultLoad({\n            ...props,\n            ...helperFunctions,\n            numberOfColumnsToShow: 2,\n            displayResults,\n            entries,\n        });\n        if (shadowRoot) {\n            display_setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    const resultStart = (props) => {\n        const { feedData, setOffset, getOffset } = props;\n        const totalEntries = getTotalEntries();\n        const showAmount = 3;\n        const message = isLazyLoad\n            ? `Showing ${showAmount} of ${totalEntries} articles`\n            : `Showing ${showAmount} articles`;\n        setOffset(getOffset() + 1);\n        if (totalEntries)\n            setTotalEntries(totalEntries);\n        layoutElement.element.setAttribute('id', common_display_ID_GRID_LAYOUT_CONTAINER);\n        setStyles(layoutElement.styles);\n        displayGridOffsetResults({ feedData });\n        container.appendChild(aria_live.create({\n            message,\n        }));\n    };\n    container.appendChild(loader.element);\n    fetch_start({\n        ...props,\n        ...helperFunctions,\n        numberOfColumnsToShow,\n        displayResults,\n        displayResultStart: resultStart,\n        displayNoResults: display_noResults,\n        layoutElement,\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n            setPosition,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/news/grid.ts\n\n\n\n\n\n\n/* harmony default export */ const news_grid = ((props) => (() => {\n    const { isThemeDark, isTransparent, numberOfColumnsToShow, isTypeOverlay } = props;\n    const loader = macros_loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (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 = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const displayResults = async ({ feedData }) => {\n        const entries = feedData.map((entry) => {\n            if (isTypeOverlay) {\n                return web_elements_library_.Composite.card.overlay.image({\n                    ...common_data_display({ entry }),\n                    backgroundImage: standard({\n                        images: entry.image,\n                        url: entry.url,\n                    }),\n                });\n            }\n            return web_elements_library_.Composite.card.block({\n                ...common_data_display({ entry, isThemeDark }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: true,\n                isTransparent,\n            });\n        });\n        await display_resultLoad({\n            ...props,\n            ...helperFunctions,\n            displayResults,\n            entries,\n        });\n        if (shadowRoot) {\n            display_setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    const layoutElement = isTypeOverlay\n        ? grid({ count: numberOfColumnsToShow })\n        : gridGap({ count: numberOfColumnsToShow });\n    container.appendChild(loader.element);\n    fetch_start({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        displayResultStart: display_resultStart,\n        displayNoResults: display_noResults,\n        layoutElement,\n        isThemeDark,\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/news/list.ts\n\n\n\n\n\n\n/* harmony default export */ const news_list = ((props) => (() => {\n    const { isThemeDark } = props;\n    const loader = macros_loader.create({ isThemeDark });\n    const container = document.createElement('div');\n    const setTotalEntries = (count) => (totalEntries = count);\n    const setOffset = (count) => (offset = offset + count);\n    const setStyles = (additonalStyles) => (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 = null;\n    const helperFunctions = {\n        setTotalEntries,\n        setOffset,\n        setStyles,\n        getContainer,\n        getOffset,\n        getTotalEntries,\n        getStyles,\n        getShadowRoot,\n    };\n    const callback = (shadow) => {\n        shadowRoot = shadow;\n    };\n    const displayResults = async ({ feedData }) => {\n        await display_resultLoad({\n            ...props,\n            ...helperFunctions,\n            displayResults,\n            entries: feedData.map((entry) => web_elements_library_.Composite.card.list({\n                ...common_data_display({ entry, isThemeDark }),\n                image: standard({\n                    images: entry.image,\n                    url: entry.url,\n                }),\n                isAligned: false,\n            })),\n        });\n        if (shadowRoot) {\n            display_setShadowStyles({\n                shadowRoot,\n                styles,\n            });\n        }\n    };\n    container.appendChild(loader.element);\n    fetch_start({\n        ...props,\n        ...helperFunctions,\n        displayResults,\n        displayResultStart: display_resultStart,\n        displayNoResults: display_noResults,\n        layoutElement: stacked(),\n    });\n    return {\n        element: container,\n        styles,\n        events: {\n            callback,\n        },\n    };\n})());\n\n;// CONCATENATED MODULE: ./source/composite/news/index.ts\n\n\n\n\n;// CONCATENATED MODULE: ./source/index.ts\n\n\n\n\n\n//# sourceURL=webpack://@universityofmaryland/web-feeds-library/./source/index.ts_+_31_modules?")},149:e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__149__},708:e=>{e.exports=__WEBPACK_EXTERNAL_MODULE__708__}},__webpack_module_cache__={};function __webpack_require__(e){var n=__webpack_module_cache__[e];if(void 0!==n)return n.exports;var t=__webpack_module_cache__[e]={exports:{}};return __webpack_modules__[e](t,t.exports,__webpack_require__),t.exports}__webpack_require__.d=(e,n)=>{for(var t in n)__webpack_require__.o(n,t)&&!__webpack_require__.o(e,t)&&Object.defineProperty(e,t,{enumerable:!0,get:n[t]})},__webpack_require__.o=(e,n)=>Object.prototype.hasOwnProperty.call(e,n),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__=__webpack_require__(314);return __webpack_exports__})()));

package/dist/index.js.LICENSE.txt

@@ -94,6 +94,10 @@
   !*** ./source/composite/academic/index.ts ***!
   \********************************************/
 
+/*!********************************************!*\
+  !*** ./source/composite/events/grouped.ts ***!
+  \********************************************/
+
 /*!*********************************************!*\
   !*** ./source/composite/academic/slider.ts ***!
   \*********************************************/

package/dist/macros/index.d.ts

@@ -1,6 +1,6 @@
 export { default as ariaLive } from './aria-live';
 export { default as buttonLazyLoad } from './lazy-load';
-export { default as loader, styles as loaderStyles } from './loader';
+export { default as loader } from './loader';
 export { default as noResults } from './no-results';
 export { default as slider } from './slider';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/macros/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../source/macros/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,aAAa,CAAC;AAClD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,aAAa,CAAC;AACxD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,cAAc,CAAC;AACpD,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC"}

package/dist/macros/loader.d.ts

@@ -1,8 +1,14 @@
-export declare const styles = "\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  .umd-loader-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    padding: 10px 0;\n    min-height: 40px;\n    position: relative;\n    grid-column: 1 / -1;\n  }\n\n  .umd-loader-container > div {\n    position: relative;\n  }\n\n  .umd-loader-container > div > div {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    width: 8px;\n    height: 8px;\n    border-radius: 50%;\n    background: var(--grayDark);\n    animation-timing-function: cubic-bezier(0, 1, 1, 0);\n  }\n\n  .umd-loader-container > div > div:first-child {\n    left: 5px;\n    animation: loader-first-animation 0.6s infinite;\n  }\n\n  .umd-loader-container > div > div:nth-child(2) {\n    left: 5px;\n    animation: loader-middle-animation 0.6s infinite;\n  }\n\n  .umd-loader-container > div > div:nth-child(3) {\n    left: 24px;\n    animation: loader-middle-animation 0.6s infinite;\n  }\n\n  .umd-loader-container > div > div:last-child {\n    left: 45px;\n    animation: loader-last-animation 0.6s infinite;\n  }\n";
 declare const _default: {
-    create: () => HTMLDivElement;
-    display: ({ container }: {
+    create: ({ isThemeDark }: {
+        isThemeDark?: boolean;
+    }) => {
+        element: HTMLElement;
+        className: string;
+        styles: string;
+    };
+    display: ({ container, isThemeDark, }: {
         container: HTMLElement;
+        isThemeDark?: boolean;
     }) => void;
     remove: ({ container }: {
         container: HTMLElement;

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

@@ -1 +1 @@
-{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../source/macros/loader.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,MAAM,29CAwElB,CAAC;;;6BA4B8B;QAAE,SAAS,EAAE,WAAW,CAAA;KAAE;4BAN3B;QAAE,SAAS,EAAE,WAAW,CAAA;KAAE;;AAYzD,wBAIE"}
+{"version":3,"file":"loader.d.ts","sourceRoot":"","sources":["../../source/macros/loader.ts"],"names":[],"mappings":";8BAkCiC;QAAE,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE;;;;;2CAmGvD;QACD,SAAS,EAAE,WAAW,CAAC;QACvB,WAAW,CAAC,EAAE,OAAO,CAAC;KACvB;4BAZ8B;QAAE,SAAS,EAAE,WAAW,CAAA;KAAE;;AAkBzD,wBAIE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universityofmaryland/web-feeds-library",
-  "version": "1.0.6",
+  "version": "1.0.8",
   "description": "UMD Feed Elements",
   "main": "dist/index.js",
   "module": "dist/index.js",
@@ -24,12 +24,6 @@
     "test:snapshot": "jest --updateSnapshot"
   },
   "dependencies": {
-    "@types/postcss-js": "^4.0.4",
-    "postcss-js": "^4.0.1",
-    "tw-to-css": "^0.0.12"
-  },
-  "peerDependencies": {
-    "@universityofmaryland/web-elements-library": "*",
-    "@universityofmaryland/web-styles-library": "^1.1.0"
+    "@types/postcss-js": "^4.0.4"
   }
 }