@universityofmaryland/web-components-library 1.16.4 → 1.17.0-beta.1

package/dist/{video-C2XikZ0X.js → index-BPYb3H7i.js}

@@ -1,10 +1,10 @@
 import { card as r } from "@universityofmaryland/web-elements-library/composite";
+import * as b from "@universityofmaryland/web-utilities-library/validation";
+import { Slots as t, Register as l, Model as T, Attributes as a, Lifecycle as D } from "@universityofmaryland/web-model-library";
 import { toUMDElement as n } from "@universityofmaryland/web-utilities-library/adapters";
-import { Slots as t, Register as l, Model as w, Attributes as a, Lifecycle as y } from "@universityofmaryland/web-model-library";
 import { e as c } from "./_event-Duz7QGRD.js";
-import * as f from "@universityofmaryland/web-utilities-library/validation";
-import { createStyledSlotOrClone as b } from "@universityofmaryland/web-utilities-library/elements";
-const k = ({ tagName: e }) => {
+import { createStyledSlotOrClone as S } from "@universityofmaryland/web-utilities-library/elements";
+const C = ({ tagName: e }) => {
   const i = {
     headline: {
       required: !0,
@@ -12,7 +12,7 @@ const k = ({ tagName: e }) => {
     },
     body: t.element.allowed.text
   }, d = (o) => ({
-    image: f.getValidatedSlotImage({
+    image: b.getValidatedSlotImage({
       element: o,
       slotName: t.name.assets.image
     }),
@@ -24,31 +24,27 @@ const k = ({ tagName: e }) => {
     isTransparent: a.isVisual.transparent({ element: o }),
     isThemeDark: a.isTheme.dark({ element: o })
   }), s = (o) => {
-    const u = a.isVisual.aligned({ element: o }), v = a.isVisual.bordered({ element: o }), p = a.isDisplay.list({ element: o }), m = d(o);
-    return p ? r.list({
+    const u = a.isVisual.aligned({ element: o }), k = a.isVisual.bordered({ element: o }), x = a.isDisplay.list({ element: o }), m = d(o);
+    return x ? r.list({
       ...m,
       isAligned: u
     }) : r.block({
       ...m,
       isAligned: u,
-      hasBorder: v
+      hasBorder: k
     });
   };
   return () => {
     l.registerWebComponent({
       name: e,
-      element: w.createCustomElement({
+      element: T.createCustomElement({
         tagName: e,
         slots: i,
         createComponent: s
       })
     });
   };
-};
-var h = k;
-const x = "umd-element-article", C = h({ tagName: x });
-var j = C;
-const D = "umd-element-event", T = {
+}, M = "umd-element-article", g = C({ tagName: M }), N = "umd-element-event", E = {
   headline: {
     ...t.element.allowed.headline,
     required: !0
@@ -60,7 +56,7 @@ const D = "umd-element-event", T = {
   image: t.element.allowed.imageLink,
   eyebrow: t.element.allowed.eyebrow,
   actions: t.element.allowed.actions
-}, S = (e) => {
+}, V = (e) => {
   const i = c(e);
   if (!i)
     return { element: document.createElement("div"), styles: "" };
@@ -122,34 +118,30 @@ const D = "umd-element-event", T = {
     isTransparent: a.isVisual.transparent({ element: e }),
     text: t.text.default({ element: e })
   });
-}, $ = l.webComponent({
-  tagName: D,
-  slots: T,
-  createComponent: S
-});
-var F = $;
-const N = "umd-element-card-icon", M = {
+}, f = l.webComponent({
+  tagName: N,
+  slots: E,
+  createComponent: V
+}), $ = "umd-element-card-icon", I = {
   headline: {
     ...t.element.allowed.headline,
     required: !0
   },
   text: t.element.allowed.text,
   image: t.element.allowed.image
-}, E = (e) => r.overlay.icon({
-  image: f.getValidatedSlotImage({
+}, O = (e) => r.overlay.icon({
+  image: b.getValidatedSlotImage({
     element: e,
     slotName: t.name.assets.image
   }),
   headline: t.headline.default({ element: e }),
   text: t.text.default({ element: e }),
   isThemeDark: a.isTheme.dark({ element: e })
-}), V = l.webComponent({
-  tagName: N,
-  slots: M,
-  createComponent: E
-});
-var G = V;
-const _ = "umd-element-card-overlay", q = {
+}), h = l.webComponent({
+  tagName: $,
+  slots: I,
+  createComponent: O
+}), q = "umd-element-card-overlay", L = {
   headline: {
     ...t.element.allowed.headline,
     required: !0
@@ -162,37 +154,35 @@ const _ = "umd-element-card-overlay", q = {
   "cta-icon": {
     allowedElements: ["a"]
   }
-}, g = ({ element: e }) => ({
+}, p = ({ element: e }) => ({
   eyebrow: t.eyebrow.default({ element: e }),
   headline: t.headline.default({ element: e }),
   text: t.text.default({ element: e }),
   date: t.date.default({ element: e }),
   actions: t.actions.default({ element: e }),
-  ctaIcon: b({
+  ctaIcon: S({
     element: e,
     slotRef: t.name.CTA_ICON
   }),
   isQuote: a.isVisual.quote({ element: e }),
   isThemeDark: a.isTheme.dark({ element: e }),
   isThemeLight: a.isTheme.light({ element: e })
-}), I = (e) => {
+}), A = (e) => {
   if (a.isLayout.image({ element: e })) {
     const i = r.overlay.image({
-      ...g({ element: e }),
+      ...p({ element: e }),
       backgroundImage: t.assets.image({ element: e })
     });
     if (i)
       return i;
   }
-  return r.overlay.color({ ...g({ element: e }) });
-}, L = l.webComponent({
-  tagName: _,
-  slots: q,
-  createComponent: I,
-  afterConnect: y.hooks.loadOnConnect
-});
-var J = L, K = h({ tagName: "umd-element-card" });
-const O = "umd-element-card-video", A = {
+  return r.overlay.color({ ...p({ element: e }) });
+}, v = l.webComponent({
+  tagName: q,
+  slots: L,
+  createComponent: A,
+  afterConnect: D.hooks.loadOnConnect
+}), y = C({ tagName: "umd-element-card" }), _ = "umd-element-card-video", z = {
   video: {
     ...t.element.allowed.video,
     required: !0
@@ -205,18 +195,32 @@ const O = "umd-element-card-video", A = {
     video: i,
     isAutoplay: s
   }) : (console.error("Video slot is required for umd-element-card-video"), { element: document.createElement("div"), styles: "" });
-}, z = l.webComponent({
-  tagName: O,
-  slots: A,
+}, w = l.webComponent({
+  tagName: _,
+  slots: z,
   createComponent: R
-});
-var P = z;
+}), U = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  CardArticle: g,
+  CardEvent: f,
+  CardIcon: h,
+  CardOverlay: v,
+  CardStandard: y,
+  CardVideo: w,
+  article: g,
+  event: f,
+  icon: h,
+  overlay: v,
+  standard: y,
+  video: w
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  j as a,
-  F as e,
-  G as i,
-  J as o,
-  K as s,
-  P as v
+  g as C,
+  f as a,
+  h as b,
+  v as c,
+  y as d,
+  w as e,
+  U as f
 };
-//# sourceMappingURL=video-C2XikZ0X.js.map
+//# sourceMappingURL=index-BPYb3H7i.js.map

package/dist/index-BPYb3H7i.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BPYb3H7i.js","sources":["../source/web-components/card/_model.ts","../source/web-components/card/article.ts","../source/web-components/card/event.ts","../source/web-components/card/icon.ts","../source/web-components/card/overlay.ts","../source/web-components/card/standard.ts","../source/web-components/card/video.ts"],"sourcesContent":["import { card } from '@universityofmaryland/web-elements-library/composite';\nimport * as validation from '@universityofmaryland/web-utilities-library/validation';\nimport { Attributes, Model, Register, Slots } from '@universityofmaryland/web-model-library';\n\ninterface CardData {\n  image: HTMLImageElement | null;\n  eyebrow: HTMLElement | null;\n  headline: HTMLElement | null;\n  text: HTMLElement | null;\n  date: HTMLElement | null;\n  actions: HTMLElement | null;\n  isTransparent: boolean;\n  isThemeDark: boolean;\n  isAligned?: boolean;\n  isBordered?: boolean;\n}\n\ninterface CardConfig {\n  tagName: string;\n}\n\nconst createCardComponent = ({ tagName }: CardConfig) => {\n  const slots = {\n    headline: {\n      required: true,\n      ...Slots.element.allowed.subHeadline,\n    },\n    body: Slots.element.allowed.text,\n  };\n\n  const createComponentData = (element: HTMLElement): CardData => ({\n    image: validation.getValidatedSlotImage({\n      element,\n      slotName: Slots.name.assets.image,\n    }),\n    eyebrow: Slots.eyebrow.default({ element }),\n    headline: Slots.headline.default({ element }),\n    text: Slots.text.default({ element }),\n    date: Slots.date.default({ element }),\n    actions: Slots.actions.default({ element }),\n    isTransparent: Attributes.isVisual.transparent({ element }),\n    isThemeDark: Attributes.isTheme.dark({ element }),\n  });\n\n  const createComponent = (element: HTMLElement) => {\n    const isAligned = Attributes.isVisual.aligned({ element });\n    const hasBorder = Attributes.isVisual.bordered({ element });\n    const isDisplayList = Attributes.isDisplay.list({ element });\n    const cardData = createComponentData(element);\n\n    if (isDisplayList) {\n      return card.list({\n        ...cardData,\n        isAligned,\n      });\n    }\n\n    return card.block({\n      ...cardData,\n      isAligned,\n      hasBorder,\n    });\n  };\n\n  return () => {\n    Register.registerWebComponent({\n      name: tagName,\n      element: Model.createCustomElement({\n        tagName,\n        slots,\n        createComponent,\n      }),\n    });\n  };\n};\n\nexport { createCardComponent };\n","import { createCardComponent as CardModel } from './_model';\nimport type { ComponentRegistration } from '../../_types';\n\nconst tagName = 'umd-element-article';\n\n/**\n * Article Card\n *\n * A specialized card component optimized for displaying article and news content.\n * Inherits all features from the standard card with article-specific semantics.\n *\n * ## Custom Element\n * `<umd-element-article>`\n *\n * ## Slots\n * - `headline` - Article title (required, accepts: h2-h6, p)\n * - `text` - Article excerpt or summary (accepts: p)\n * - `eyebrow` - Category or section label\n * - `image` - Article featured image\n * - `actions` - Read more links or sharing options\n * - `date` - Publication date\n *\n * ## Attributes\n * - `data-theme` - Theme styling options:\n *   - `dark` - Dark theme styling\n *   - `light` - Light theme styling\n * - `data-display` - Display mode options:\n *   - `list` - List display format\n * - `data-visual` - Visual display options:\n *   - `transparent` - Transparent background\n *   - `aligned` - Aligned content layout\n *   - `bordered` - Add border styling\n *\n *\n * @example\n * ```html\n * <!-- Basic article card -->\n * <umd-element-article>\n *   <p slot=\"eyebrow\">Faculty Research</p>\n *   <h3 slot=\"headline\">Professor Wins Nobel Prize in Physics</h3>\n *   <p slot=\"text\">Groundbreaking work in quantum computing recognized.</p>\n *   <p slot=\"date\">December 10, 2023</p>\n * </umd-element-article>\n * ```\n *\n * @example\n * ```html\n * <!-- Article with image and actions -->\n * <umd-element-article>\n *   <img slot=\"image\" src=\"research-lab.jpg\" alt=\"Research laboratory\">\n *   <p slot=\"eyebrow\">Science & Technology</p>\n *   <h2 slot=\"headline\">New Climate Research Center Opens</h2>\n *   <p slot=\"text\">\n *     The facility will advance understanding of climate change impacts\n *     and develop sustainable solutions.\n *   </p>\n *   <p slot=\"date\">November 15, 2023</p>\n *   <div slot=\"actions\">\n *     <a href=\"/full-article\">Read Full Article</a>\n *     <a href=\"/share\">Share</a>\n *   </div>\n * </umd-element-article>\n * ```\n *\n * @example\n * ```html\n * <!-- List layout article -->\n * <umd-element-article data-display=\"list\" data-theme=\"light\">\n *   <h4 slot=\"headline\">Campus Sustainability Initiative</h4>\n *   <p slot=\"text\">New programs reduce carbon footprint by 30%.</p>\n *   <p slot=\"date\">October 5, 2023</p>\n * </umd-element-article>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const CardArticle: ComponentRegistration = CardModel({ tagName });\n\n/** Backwards compatibility alias for grouped exports */\nexport { CardArticle as article };\n","import { card } from '@universityofmaryland/web-elements-library/composite';\nimport { toUMDElement } from '@universityofmaryland/web-utilities-library/adapters';\nimport { Attributes, Slots, Register } from '@universityofmaryland/web-model-library';\nimport { extractEventData } from '../_event';\nimport type {\n  CreateComponentFunction,\n  ComponentRegistration,\n  SlotConfiguration,\n} from '../../_types';\n\nconst tagName = 'umd-element-event';\n\nconst slots: SlotConfiguration = {\n  headline: {\n    ...Slots.element.allowed.headline,\n    required: true,\n  },\n  text: Slots.element.allowed.text,\n  'date-start-iso': Slots.element.allowed.time,\n  'date-end-iso': Slots.element.allowed.time,\n  location: Slots.element.allowed.text,\n  image: Slots.element.allowed.imageLink,\n  eyebrow: Slots.element.allowed.eyebrow,\n  actions: Slots.element.allowed.actions,\n};\n\n/**\n * Creates an event card component with date, time, and location information\n * @param element - The host HTML element\n * @returns Configured event card component\n * @internal\n */\nconst createComponent: CreateComponentFunction = (element) => {\n  const eventComponents = extractEventData(element);\n\n  // Start date is missing - required field\n  if (!eventComponents) {\n    return { element: document.createElement('div'), styles: '' };\n  }\n\n  // Feature layout: large date sign, eyebrow ribbon\n\n  if (Attributes.isDisplay.feature({ element })) {\n    const featureEvents = extractEventData(element, {\n      isLargeSize: true,\n      isDateSignDark: false,\n    });\n\n    return card.block({\n      actions: Slots.actions.default({ element }),\n      dateSign: toUMDElement(featureEvents?.dateSign),\n      eventMeta: toUMDElement(featureEvents?.eventMeta),\n      eyebrow: Slots.eyebrow.default({ element }),\n      hasEyebrowRibbon: true,\n      headline: Slots.headline.default({ element }),\n      image: Slots.assets.image({ element }) as HTMLImageElement,\n      isThemeDark: Attributes.isTheme.dark({ element }),\n      isTransparent: Attributes.isVisual.transparent({ element }),\n      text: Slots.text.default({ element }),\n    });\n  }\n\n  // Promo layout: overlay style with forced dark theme for meta\n\n  if (Attributes.isDisplay.promo({ element })) {\n    const promoEvents = extractEventData(element, {\n      isThemeDark: true, // Force dark theme for meta in overlay\n      isDateSignDark: false,\n    });\n\n    return card.overlay.image({\n      actions: Slots.actions.default({ element }),\n      backgroundImage: Slots.assets.image({ element }) as HTMLImageElement,\n      dateSign: toUMDElement(promoEvents?.dateSign),\n      eventMeta: toUMDElement(promoEvents?.eventMeta),\n      headline: Slots.headline.default({ element }),\n      isThemeDark: Attributes.isTheme.dark({ element }),\n      text: Slots.text.default({ element }),\n    });\n  }\n\n  // List layout: large date sign, uses element's theme\n\n  if (Attributes.isDisplay.list({ element })) {\n    const listEvents = extractEventData(element, {\n      isLargeSize: true,\n    });\n\n    return card.list({\n      actions: Slots.actions.default({ element }),\n      dateSign: toUMDElement(listEvents?.dateSign),\n      eventMeta: toUMDElement(listEvents?.eventMeta),\n      headline: Slots.headline.default({ element }),\n      image: Slots.assets.image({ element }) as HTMLImageElement,\n      isThemeDark: Attributes.isTheme.dark({ element }),\n      text: Slots.text.default({ element }),\n    });\n  }\n\n  // Default: block layout with standard configuration\n\n  const { eventMeta } = eventComponents;\n  return card.block({\n    actions: Slots.actions.default({ element }),\n    eventMeta: toUMDElement(eventMeta) as any,\n    headline: Slots.headline.default({ element }),\n    image: Slots.assets.image({ element }) as HTMLImageElement,\n    isThemeDark: Attributes.isTheme.dark({ element }),\n    isTransparent: Attributes.isVisual.transparent({ element }),\n    text: Slots.text.default({ element }),\n  });\n};\n\n/**\n * Event Card\n *\n * A specialized card for displaying event information with date, time, and location.\n * Supports multiple display formats including feature, promo, and list layouts.\n *\n * ## Custom Element\n * `<umd-element-event>`\n *\n * ## Slots\n * - `headline` - Event title (required, accepts: h2-h6, p)\n * - `text` - Event description (accepts: p)\n * - `date-start-iso` - Event start date/time (required, time element)\n * - `date-end-iso` - Event end date/time (optional, time element)\n * - `location` - Event location\n * - `image` - Event image\n * - `eyebrow` - Category or type label\n * - `actions` - Registration or info links\n *\n * ## Attributes\n * - `data-display` - Display layout options:\n *   - `feature` - Featured event layout with prominent date\n *   - `promo` - Promotional layout with image overlay\n *   - `list` - Compact list layout\n * - `data-visual-time` - Time display options:\n *   - `true` - Show time in event details\n * - `data-theme` - Theme styling options:\n *   - `dark` - Dark theme styling\n * - `data-visual-transparent` - Visual display options:\n *   - `true` - Transparent background\n *\n * @example\n * ```html\n * <!-- Basic event card -->\n * <umd-element-event>\n *   <h3 slot=\"headline\">Annual Research Symposium</h3>\n *   <p slot=\"text\">Join us for presentations from leading researchers.</p>\n *   <time slot=\"date-start-iso\" datetime=\"2024-03-15T09:00:00\">March 15, 2024 at 9:00 AM</time>\n *   <time slot=\"date-end-iso\" datetime=\"2024-03-15T17:00:00\">March 15, 2024 at 5:00 PM</time>\n *   <p slot=\"location\">Stamp Student Union</p>\n * </umd-element-event>\n * ```\n *\n * @example\n * ```html\n * <!-- Featured event with image -->\n * <umd-element-event data-display=\"feature\" data-feature=\"visual-time\">\n *   <img slot=\"image\" src=\"symposium.jpg\" alt=\"Research symposium\">\n *   <p slot=\"eyebrow\">Featured Event</p>\n *   <h2 slot=\"headline\">Maryland Day 2024</h2>\n *   <p slot=\"text\">Experience the university through hands-on activities and demonstrations.</p>\n *   <time slot=\"date-start-iso\" datetime=\"2024-04-27T10:00:00\">April 27, 2024</time>\n *   <p slot=\"location\">Campus-wide</p>\n *   <div slot=\"actions\">\n *     <a href=\"/register\">Register Now</a>\n *   </div>\n * </umd-element-event>\n * ```\n *\n * @example\n * ```html\n * <!-- Promo event with overlay -->\n * <umd-element-event data-display=\"promo\">\n *   <img slot=\"image\" src=\"concert.jpg\" alt=\"Concert venue\">\n *   <h3 slot=\"headline\">Spring Concert Series</h3>\n *   <p slot=\"text\">Featuring the UMD Symphony Orchestra</p>\n *   <time slot=\"date-start-iso\" datetime=\"2024-05-10T19:30:00\">May 10, 2024 at 7:30 PM</time>\n *   <p slot=\"location\">Clarice Smith Performing Arts Center</p>\n * </umd-element-event>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const CardEvent: ComponentRegistration = Register.webComponent({\n  tagName,\n  slots,\n  createComponent,\n});\n\n/** Backwards compatibility alias for grouped exports */\nexport { CardEvent as event };\n","import { card } from '@universityofmaryland/web-elements-library/composite';\nimport * as validation from '@universityofmaryland/web-utilities-library/validation';\nimport { Attributes, Slots, Register } from '@universityofmaryland/web-model-library';\nimport type {\n  CreateComponentFunction,\n  ComponentRegistration,\n  SlotConfiguration,\n} from '../../_types';\n\nconst tagName = 'umd-element-card-icon';\n\nconst slots: SlotConfiguration = {\n  headline: {\n    ...Slots.element.allowed.headline,\n    required: true,\n  },\n  text: Slots.element.allowed.text,\n  image: Slots.element.allowed.image,\n};\n\n/**\n * Creates an icon card component with overlay styling\n * @param element - The host HTML element\n * @returns Configured icon card component\n * @internal\n */\nconst createComponent: CreateComponentFunction = (element) =>\n  card.overlay.icon({\n    image: validation.getValidatedSlotImage({\n      element,\n      slotName: Slots.name.assets.image,\n    }),\n    headline: Slots.headline.default({ element }),\n    text: Slots.text.default({ element }),\n    isThemeDark: Attributes.isTheme.dark({ element }),\n  });\n\n/**\n * Icon Card\n *\n * A card component with an icon overlay design, perfect for highlighting\n * services, features, or categories with visual emphasis.\n *\n * ## Custom Element\n * `<umd-element-card-icon>`\n *\n * ## Slots\n * - `headline` - Card title (required, accepts: h2-h6, p)\n * - `text` - Card description (optional, accepts: p)\n * - `image` - Icon or image (required)\n *\n * ## Attributes\n * - `data-theme` - Theme styling options:\n *   - `dark` - Dark theme styling\n *\n * @example\n * ```html\n * <!-- Basic icon card -->\n * <umd-element-card-icon>\n *   <img slot=\"image\" src=\"/icons/research.svg\" alt=\"Research icon\">\n *   <h3 slot=\"headline\">Research Excellence</h3>\n *   <p slot=\"text\">Cutting-edge research across disciplines</p>\n * </umd-element-card-icon>\n * ```\n *\n * @example\n * ```html\n * <!-- Dark theme icon card -->\n * <umd-element-card-icon data-theme=\"dark\">\n *   <img slot=\"image\" src=\"/icons/education.svg\" alt=\"Education icon\">\n *   <h3 slot=\"headline\">Academic Programs</h3>\n *   <p slot=\"text\">Over 200 degree programs to choose from</p>\n * </umd-element-card-icon>\n * ```\n *\n * @example\n * ```html\n * <!-- Service highlight cards -->\n * <div class=\"services-grid\">\n *   <umd-element-card-icon>\n *     <img slot=\"image\" src=\"/icons/library.svg\" alt=\"Library\">\n *     <h4 slot=\"headline\">Libraries</h4>\n *     <p slot=\"text\">Access to millions of resources</p>\n *   </umd-element-card-icon>\n *   <umd-element-card-icon>\n *     <img slot=\"image\" src=\"/icons/support.svg\" alt=\"Support\">\n *     <h4 slot=\"headline\">Student Support</h4>\n *     <p slot=\"text\">Comprehensive academic assistance</p>\n *   </umd-element-card-icon>\n * </div>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const CardIcon: ComponentRegistration = Register.webComponent({\n  tagName,\n  slots,\n  createComponent,\n});\n\n/** Backwards compatibility alias for grouped exports */\nexport { CardIcon as icon };\n","import { card } from '@universityofmaryland/web-elements-library/composite';\nimport { createStyledSlotOrClone } from '@universityofmaryland/web-utilities-library/elements';\nimport { Attributes, Slots, Register, Lifecycle } from '@universityofmaryland/web-model-library';\nimport type {\n  CreateComponentFunction,\n  ComponentRegistration,\n  SlotConfiguration,\n} from '../../_types';\n\nconst tagName = 'umd-element-card-overlay';\n\nconst slots: SlotConfiguration = {\n  headline: {\n    ...Slots.element.allowed.headline,\n    required: true,\n  },\n  text: Slots.element.allowed.text,\n  eyebrow: Slots.element.allowed.eyebrow,\n  image: Slots.element.allowed.image,\n  actions: Slots.element.allowed.actions,\n  date: Slots.element.allowed.time,\n  'cta-icon': {\n    allowedElements: ['a'],\n  },\n};\n\n/**\n * Extracts overlay content from element slots\n * @internal\n */\nconst MakeOverlayContent = ({ element }: { element: HTMLElement }) => ({\n  eyebrow: Slots.eyebrow.default({ element }),\n  headline: Slots.headline.default({ element }),\n  text: Slots.text.default({ element }),\n  date: Slots.date.default({ element }),\n  actions: Slots.actions.default({ element }),\n  ctaIcon: createStyledSlotOrClone({\n    element,\n    slotRef: Slots.name.CTA_ICON,\n  }),\n  isQuote: Attributes.isVisual.quote({ element }),\n  isThemeDark: Attributes.isTheme.dark({ element }),\n  isThemeLight: Attributes.isTheme.light({ element }),\n});\n\n/**\n * Creates an overlay card component with image or color background\n * @param element - The host HTML element\n * @returns Configured overlay card component\n * @internal\n */\nconst createComponent: CreateComponentFunction = (element) => {\n  if (Attributes.isLayout.image({ element })) {\n    const ImageOverlay = card.overlay.image({\n      ...MakeOverlayContent({ element }),\n      backgroundImage: Slots.assets.image({ element }) as HTMLImageElement,\n    });\n\n    if (ImageOverlay) {\n      return ImageOverlay;\n    }\n  }\n\n  return card.overlay.color({ ...MakeOverlayContent({ element }) });\n};\n\n/**\n * Overlay Card\n *\n * A dramatic card component with overlay styling, supporting both image\n * and color backgrounds. Perfect for hero sections and featured content.\n *\n * ## Custom Element\n * `<umd-element-card-overlay>`\n *\n * ## Slots\n * - `headline` - Card title (required, accepts: h2-h6, p)\n * - `text` - Card content (optional, accepts: p)\n * - `eyebrow` - Small text above headline\n * - `image` - Background image (required for layout-image)\n * - `actions` - Action buttons or links\n * - `date` - Date information\n * - `cta-icon` - Call-to-action icon\n *\n * ## Attributes\n * - `data-layout` - Layout options:\n *   - `image` - Use image as background\n * - `data-visual` - Visual display options:\n *   - `quote` - Quote styling\n * - `data-theme` - Theme styling options:\n *   - `dark` - Dark overlay theme\n *   - `light` - Light overlay theme\n *\n * @example\n * ```html\n * <!-- Image overlay card -->\n * <umd-element-card-overlay data-layout=\"image\">\n *   <img slot=\"image\" src=\"campus-hero.jpg\" alt=\"Campus view\">\n *   <p slot=\"eyebrow\">Welcome</p>\n *   <h2 slot=\"headline\">Discover Maryland</h2>\n *   <p slot=\"text\">Join a community of innovators and leaders</p>\n *   <div slot=\"actions\">\n *     <a href=\"/apply\">Apply Now</a>\n *   </div>\n * </umd-element-card-overlay>\n * ```\n *\n * @example\n * ```html\n * <!-- Color overlay with quote -->\n * <umd-element-card-overlay data-visual=\"quote\" data-theme=\"dark\">\n *   <h3 slot=\"headline\">\"The best investment in our future is education.\"</h3>\n *   <p slot=\"text\">- President Darryll J. Pines</p>\n * </umd-element-card-overlay>\n * ```\n *\n * @example\n * ```html\n * <!-- Feature card with CTA icon -->\n * <umd-element-card-overlay data-layout=\"image\" data-theme=\"light\">\n *   <img slot=\"image\" src=\"research-bg.jpg\" alt=\"Research lab\">\n *   <p slot=\"eyebrow\">Innovation</p>\n *   <h2 slot=\"headline\">Breakthrough Research</h2>\n *   <p slot=\"text\">Solving tomorrow's challenges today</p>\n *   <span slot=\"cta-icon\">→</span>\n *   <div slot=\"actions\">\n *     <a href=\"/research\">Explore Research</a>\n *   </div>\n * </umd-element-card-overlay>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const CardOverlay: ComponentRegistration = Register.webComponent({\n  tagName,\n  slots,\n  createComponent,\n  afterConnect: Lifecycle.hooks.loadOnConnect,\n});\n\n/** Backwards compatibility alias for grouped exports */\nexport { CardOverlay as overlay };\n","import { createCardComponent as CardModel } from './_model';\n\n/**\n * Standard Card\n *\n * A versatile card component for displaying content with optional images, actions, and themes.\n * Supports multiple display modes including block, list, and transparent variations.\n *\n * ## Custom Element\n * `<umd-element-card>`\n *\n * ## Slots\n * - `headline` - Card title (required, accepts: h2-h6, p)\n * - `text` - Card content (accepts: p)\n * - `eyebrow` - Small text above headline\n * - `image` - Card image\n * - `actions` - Action buttons or links\n * - `date` - Date information\n *\n * ## Attributes\n * - `data-theme` - Theme styling options:\n *   - `dark` - Dark theme styling\n *   - `light` - Light theme styling\n * - `data-visual-transparent` - Visual display options:\n *   - `true` - Transparent background\n * - `data-visual-image-aligned` - Visual display options:\n *   - `true` - Aligned content layout\n * - `data-visual-bordered` - Visual display options:\n *   - `true` - Add border styling\n * - `data-display` - Display options:\n *   - `list` - List display format\n *\n * @example\n * ```html\n * <!-- Basic card -->\n * <umd-element-card>\n *   <h3 slot=\"headline\">Research Breakthrough</h3>\n *   <p slot=\"text\">Scientists discover new method for sustainable energy.</p>\n * </umd-element-card>\n * ```\n *\n * @example\n * ```html\n * <!-- Card with image and actions -->\n * <umd-element-card>\n *   <img slot=\"image\" src=\"campus.jpg\" alt=\"Campus view\">\n *   <p slot=\"eyebrow\">Campus News</p>\n *   <h3 slot=\"headline\">New Student Center Opens</h3>\n *   <p slot=\"text\">State-of-the-art facility welcomes students.</p>\n *   <div slot=\"actions\">\n *     <a href=\"/read-more\">Read More</a>\n *   </div>\n * </umd-element-card>\n * ```\n *\n * @example\n * ```html\n * <!-- List layout with dark theme -->\n * <umd-element-card data-theme=\"dark\" data-display=\"list\">\n *   <h4 slot=\"headline\">Quick Links</h4>\n *   <p slot=\"text\">Access important resources and tools.</p>\n * </umd-element-card>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const CardStandard = CardModel({ tagName: 'umd-element-card' });\n\n/** Backwards compatibility alias for grouped exports */\nexport { CardStandard as standard };\n","import { card } from '@universityofmaryland/web-elements-library/composite';\nimport { Attributes, Slots, Register } from '@universityofmaryland/web-model-library';\nimport type {\n  CreateComponentFunction,\n  ComponentRegistration,\n  SlotConfiguration,\n} from '../../_types';\n\nconst tagName = 'umd-element-card-video';\n\nconst slots: SlotConfiguration = {\n  video: {\n    ...Slots.element.allowed.video,\n    required: true,\n  },\n};\n\n/**\n * Creates an overlay card component with image or color background\n * @param element - The host HTML element\n * @returns Configured overlay card component\n * @internal\n */\nconst createComponent: CreateComponentFunction = (element) => {\n  const video = Slots.assets.video({ element }) as HTMLVideoElement;\n  const isTypeShort = Attributes.isDisplay.short({ element });\n  const isAutoplay = Attributes.isVisual.play({ element });\n\n  if (!video) {\n    console.error('Video slot is required for umd-element-card-video');\n    return { element: document.createElement('div'), styles: '' };\n  }\n\n  if (isTypeShort) {\n    return card.video.short({\n      video,\n    });\n  }\n\n  return card.video.block({\n    video,\n    isAutoplay,\n  });\n};\n\n/**\n * Video Card\n *\n * A card component for displaying video content with configurable display formats\n * and autoplay behavior. Supports both short-form (9:16) and block (1:1) aspect ratios.\n *\n * ## Custom Element\n * `<umd-element-card-video>`\n *\n * ## Slots\n * - `video` - Video element (required, accepts: video element)\n *\n * ## Attributes\n * - `data-display` - Display format:\n *   - `short` - 9:16 aspect ratio (vertical video format) with hover/focus controls\n *   - Default - 1:1 aspect ratio (square format) with optional autoplay\n * - `data-visual-play` - Autoplay behavior (only for default display):\n *   - `true` - Video autoplays when 25% visible in viewport\n *   - Default - No autoplay behavior\n *\n * ## Visual Behavior\n * ### Short Display (data-display=\"short\")\n * - Maintains 9:16 aspect ratio (vertical video format)\n * - Auto-plays (muted) on hover or focus\n * - Auto-pauses when user moves away\n * - Shows video controls with restricted features (no download, fullscreen, etc.)\n * - Video covers entire card area with object-fit: cover\n *\n * ### Default Display\n * - Maintains 1:1 aspect ratio (square format)\n * - Optional autoplay when visible in viewport (data-visual-play=\"true\")\n * - No visible controls\n * - Video loops continuously when playing\n *\n * @example\n * ```html\n * <!-- Basic video card (square format) -->\n * <umd-element-card-video>\n *   <video slot=\"video\" src=\"campus-tour.mp4\" poster=\"tour-thumb.jpg\">\n *     <source src=\"campus-tour.mp4\" type=\"video/mp4\">\n *   </video>\n * </umd-element-card-video>\n * ```\n *\n * @example\n * ```html\n * <!-- Short-form video card with hover controls -->\n * <umd-element-card-video data-display=\"short\">\n *   <video slot=\"video\" poster=\"preview.jpg\">\n *     <source src=\"student-life.webm\" type=\"video/webm\">\n *     <source src=\"student-life.mp4\" type=\"video/mp4\">\n *     Your browser does not support the video tag.\n *   </video>\n * </umd-element-card-video>\n * ```\n *\n * @example\n * ```html\n * <!-- Video card with autoplay when visible -->\n * <umd-element-card-video data-visual-play=\"true\">\n *   <video slot=\"video\" poster=\"athletics.jpg\">\n *     <source src=\"athletics-highlight.mp4\" type=\"video/mp4\">\n *     <track kind=\"captions\" src=\"captions.vtt\" srclang=\"en\" label=\"English\">\n *   </video>\n * </umd-element-card-video>\n * ```\n *\n * @category Components\n * @since 1.12.0\n */\nexport const CardVideo: ComponentRegistration = Register.webComponent({\n  tagName,\n  slots,\n  createComponent,\n});\n\n/** Backwards compatibility alias for grouped exports */\nexport { CardVideo as video };\n"],"names":["createCardComponent","tagName","slots","Slots","createComponentData","element","validation","Attributes","createComponent","isAligned","hasBorder","isDisplayList","cardData","card","Register","Model","CardArticle","CardModel","eventComponents","extractEventData","featureEvents","toUMDElement","promoEvents","listEvents","eventMeta","CardEvent","CardIcon","MakeOverlayContent","createStyledSlotOrClone","ImageOverlay","CardOverlay","Lifecycle","CardStandard","video","isTypeShort","isAutoplay","CardVideo"],"mappings":"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"}

package/dist/index-BXNlNViX.js

@@ -0,0 +1,45 @@
+import { textLockup as r, events as S } from "@universityofmaryland/web-elements-library/atomic";
+import { parseDateFromElement as s, createEventDetails as D } from "@universityofmaryland/web-utilities-library/date";
+import { Attributes as i, Register as f, Lifecycle as T, Slots as o } from "@universityofmaryland/web-model-library";
+const v = "umd-element-events-date", _ = i.handler.common.resize(
+  (e) => e.events?.size()
+), b = (e) => {
+  const t = i.isTheme.dark({ element: e }), n = o.headline.default({ element: e }), l = e.querySelector(
+    `[slot="${o.name.DATE_START_ISO}"]`
+  ), m = e.querySelector(
+    `[slot="${o.name.DATE_END_ISO}"]`
+  ), a = s({
+    element: l
+  }), d = s({ element: m });
+  if (!a)
+    return r.date({
+      headline: n,
+      isThemeDark: t
+    });
+  const u = D({
+    startDate: a,
+    endDate: d
+  }), p = S.sign({
+    ...u,
+    isThemeDark: t
+  });
+  return r.date({
+    headline: n,
+    dateSign: p,
+    isThemeDark: t
+  });
+}, c = f.webComponent({
+  tagName: v,
+  createComponent: b,
+  attributes: [_],
+  afterConnect: T.hooks.loadOnConnect
+}), k = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  TextEventLockup: c,
+  eventLockup: c
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  c as T,
+  k as t
+};
+//# sourceMappingURL=index-BXNlNViX.js.map

package/dist/index-BXNlNViX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BXNlNViX.js","sources":["../source/web-components/text/event-lockup.ts"],"sourcesContent":["import {\n  events,\n  textLockup,\n} from '@universityofmaryland/web-elements-library/atomic';\nimport {\n  parseDateFromElement,\n  createEventDetails,\n} from '@universityofmaryland/web-utilities-library/date';\nimport { Attributes, Register, Slots, Lifecycle } from '@universityofmaryland/web-model-library';\nimport { CreateComponentFunction, ComponentRegistration } from '../../_types';\n\nconst tagName = 'umd-element-events-date';\n\nconst attributes = Attributes.handler.common.resize((element) =>\n  element.events?.size(),\n);\n\nconst createComponent: CreateComponentFunction = (element) => {\n  const isThemeDark = Attributes.isTheme.dark({ element });\n\n  const headline = Slots.headline.default({ element });\n  const startDateSlot = element.querySelector(\n    `[slot=\"${Slots.name.DATE_START_ISO}\"]`,\n  );\n  const endDateSlot = element.querySelector(\n    `[slot=\"${Slots.name.DATE_END_ISO}\"]`,\n  );\n  const startDate = parseDateFromElement({\n    element: startDateSlot,\n  });\n  const endDate = parseDateFromElement({ element: endDateSlot });\n\n  if (!startDate) {\n    return textLockup.date({\n      headline,\n      isThemeDark,\n    });\n  }\n\n  const EventSignData = createEventDetails({\n    startDate,\n    endDate,\n  });\n  const dateSign = events.sign({\n    ...EventSignData,\n    isThemeDark,\n  });\n\n  return textLockup.date({\n    headline,\n    dateSign,\n    isThemeDark,\n  });\n};\n\n/**\n * Event Date Lockup\n *\n * A text component that displays event information with a formatted date sign.\n * Automatically creates a visual date display from ISO date strings and pairs it\n * with event headlines. Responsive sizing adjusts based on viewport.\n *\n * ## Custom Element\n * `<umd-element-events-date>`\n *\n * ## Slots\n * - `headline` - Event title or headline (optional, accepts: heading elements)\n * - `date-start-iso` - Event start date in ISO format (optional, accepts: time element)\n * - `date-end-iso` - Event end date in ISO format (optional, accepts: time element)\n *\n * ## Attributes\n * - `data-theme` - Color theme of the component:\n *   - `dark` - Dark background with light text\n *\n * ## Observed Attributes\n * - `resize` - Triggers recalculation of date element sizes\n *\n * @example\n * ```html\n * <!-- Basic event with date -->\n * <umd-element-events-date>\n *   <h3 slot=\"headline\">Spring Commencement</h3>\n *   <time slot=\"date-start-iso\" datetime=\"2024-05-22\">May 22, 2024</time>\n * </umd-element-events-date>\n * ```\n *\n * @example\n * ```html\n * <!-- Multi-day event -->\n * <umd-element-events-date>\n *   <h2 slot=\"headline\">Orientation Week</h2>\n *   <time slot=\"date-start-iso\" datetime=\"2024-08-26\">August 26, 2024</time>\n *   <time slot=\"date-end-iso\" datetime=\"2024-08-30\">August 30, 2024</time>\n * </umd-element-events-date>\n * ```\n *\n * @example\n * ```html\n * <!-- Dark theme event -->\n * <umd-element-events-date data-theme=\"dark\">\n *   <h3 slot=\"headline\">Guest Lecture: Future of AI</h3>\n *   <time slot=\"date-start-iso\" datetime=\"2024-04-15T18:00:00\">April 15, 2024 6:00 PM</time>\n *   <time slot=\"date-end-iso\" datetime=\"2024-04-15T20:00:00\">April 15, 2024 8:00 PM</time>\n * </umd-element-events-date>\n * ```\n *\n * @example\n * ```html\n * <!-- Event without date (text only) -->\n * <umd-element-events-date>\n *   <h3 slot=\"headline\">Ongoing Exhibition: Art of the Americas</h3>\n * </umd-element-events-date>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const TextEventLockup: ComponentRegistration = Register.webComponent({\n  tagName,\n  createComponent,\n  attributes: [attributes],\n  afterConnect: Lifecycle.hooks.loadOnConnect,\n});\n\n/** Backwards compatibility alias for grouped exports */\nexport { TextEventLockup as eventLockup };\n"],"names":["tagName","attributes","Attributes","element","createComponent","isThemeDark","headline","Slots","startDateSlot","endDateSlot","startDate","parseDateFromElement","endDate","textLockup","EventSignData","createEventDetails","dateSign","events","TextEventLockup","Register","Lifecycle"],"mappings":";;;AAWA,MAAMA,IAAU,2BAEVC,IAAaC,EAAW,QAAQ,OAAO;AAAA,EAAO,CAACC,MACnDA,EAAQ,QAAQ,KAAA;AAClB,GAEMC,IAA2C,CAACD,MAAY;AAC5D,QAAME,IAAcH,EAAW,QAAQ,KAAK,EAAE,SAAAC,GAAS,GAEjDG,IAAWC,EAAM,SAAS,QAAQ,EAAE,SAAAJ,GAAS,GAC7CK,IAAgBL,EAAQ;AAAA,IAC5B,UAAUI,EAAM,KAAK,cAAc;AAAA,EAAA,GAE/BE,IAAcN,EAAQ;AAAA,IAC1B,UAAUI,EAAM,KAAK,YAAY;AAAA,EAAA,GAE7BG,IAAYC,EAAqB;AAAA,IACrC,SAASH;AAAA,EAAA,CACV,GACKI,IAAUD,EAAqB,EAAE,SAASF,GAAa;AAE7D,MAAI,CAACC;AACH,WAAOG,EAAW,KAAK;AAAA,MACrB,UAAAP;AAAA,MACA,aAAAD;AAAA,IAAA,CACD;AAGH,QAAMS,IAAgBC,EAAmB;AAAA,IACvC,WAAAL;AAAA,IACA,SAAAE;AAAA,EAAA,CACD,GACKI,IAAWC,EAAO,KAAK;AAAA,IAC3B,GAAGH;AAAA,IACH,aAAAT;AAAA,EAAA,CACD;AAED,SAAOQ,EAAW,KAAK;AAAA,IACrB,UAAAP;AAAA,IACA,UAAAU;AAAA,IACA,aAAAX;AAAA,EAAA,CACD;AACH,GAgEaa,IAAyCC,EAAS,aAAa;AAAA,EAC1E,SAAAnB;AAAA,EACA,iBAAAI;AAAA,EACA,YAAY,CAACH,CAAU;AAAA,EACvB,cAAcmB,EAAU,MAAM;AAChC,CAAC;;;;;"}

package/dist/{display-CLcyGpEO.js → index-BgXjsdgw.js}

@@ -1,6 +1,6 @@
 import { actions as i } from "@universityofmaryland/web-elements-library/atomic";
-import { Register as p, Attributes as e, Slots as r } from "@universityofmaryland/web-model-library";
-const c = "umd-element-call-to-action", u = {
+import { Register as c, Attributes as e, Slots as r } from "@universityofmaryland/web-model-library";
+const u = "umd-element-call-to-action", d = {
   text: {
     allowedElements: ["a", "button"]
   },
@@ -8,10 +8,10 @@ const c = "umd-element-call-to-action", u = {
     deprecated: 'Use "text" instead. This attribute will be removed in version 2.0.',
     allowedElements: ["a", "button"]
   }
-}, d = (t) => {
-  const o = t.querySelector("button, a:not([slot])"), a = t.querySelector(
+}, y = (t) => {
+  const o = t.querySelector("button, a:not([slot])"), n = t.querySelector(
     '[slot="plain-text"]'
-  ), n = t.querySelector('[slot="text"]');
+  ), l = t.querySelector('[slot="text"]');
   if (!o)
     throw new Error("Component requires a button or link");
   const s = {
@@ -24,23 +24,27 @@ const c = "umd-element-call-to-action", u = {
     isThemeGold: e.isTheme.gold({ element: t }),
     elementStyles: e.getValue.styleProps({ element: t })
   };
-  if (a || n) {
-    const l = r.deprecated.plainText({ element: t }) || r.text.default({ element: t });
+  if (n || l) {
+    const p = r.deprecated.plainText({ element: t }) || r.text.default({ element: t });
     return i.options({
       ...s,
-      plainText: l
+      plainText: p
     });
   }
   return i.options({
     ...s
   });
-}, y = p.webComponent({
-  tagName: c,
-  slots: u,
-  createComponent: d
-});
-var x = y;
+}, a = c.webComponent({
+  tagName: u,
+  slots: d,
+  createComponent: y
+}), b = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  ActionsDisplay: a,
+  display: a
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  x as d
+  a as A,
+  b as a
 };
-//# sourceMappingURL=display-CLcyGpEO.js.map
+//# sourceMappingURL=index-BgXjsdgw.js.map

package/dist/index-BgXjsdgw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BgXjsdgw.js","sources":["../source/web-components/actions/display.ts"],"sourcesContent":["import { actions } from '@universityofmaryland/web-elements-library/atomic';\nimport { Attributes, Register, Slots } from '@universityofmaryland/web-model-library';\nimport {\n  CreateComponentFunction,\n  ComponentRegistration,\n  SlotConfiguration,\n} from '../../_types';\n\nconst tagName = 'umd-element-call-to-action';\n\nconst slots: SlotConfiguration = {\n  text: {\n    allowedElements: ['a', 'button'],\n  },\n  plainText: {\n    deprecated:\n      'Use \"text\" instead. This attribute will be removed in version 2.0.',\n    allowedElements: ['a', 'button'],\n  },\n};\n\nconst createComponent: CreateComponentFunction = (element) => {\n  const interactiveElement = element.querySelector('button, a:not([slot])');\n  const plainTextSlot = element.querySelector(\n    `[slot=\"plain-text\"]`,\n  ) as HTMLElement;\n  const textSlot = element.querySelector(`[slot=\"text\"]`) as HTMLElement;\n\n  if (!interactiveElement) {\n    throw new Error('Component requires a button or link');\n  }\n\n  const optionProps = {\n    element: interactiveElement.cloneNode(true) as HTMLElement,\n    isTypeOutline: Attributes.isDisplay.outline({ element }),\n    isTypePrimary: Attributes.isDisplay.primary({ element }),\n    isTypeSecondary: Attributes.isDisplay.secondary({ element }),\n    isSizeLarge: Attributes.isVisual.sizeLarge({ element }),\n    isThemeDark: Attributes.isTheme.dark({ element }),\n    isThemeGold: Attributes.isTheme.gold({ element }),\n    elementStyles: Attributes.getValue.styleProps({ element }),\n  };\n\n  if (plainTextSlot || textSlot) {\n    const plainText =\n      Slots.deprecated.plainText({ element }) ||\n      Slots.text.default({ element });\n\n    return actions.options({\n      ...optionProps,\n      plainText,\n    });\n  }\n\n  return actions.options({\n    ...optionProps,\n  });\n};\n\n/**\n * Call-to-Action\n *\n * A web component that enhances buttons and links with consistent UMD styling.\n *\n * ## Custom Element\n * `<umd-element-call-to-action>`\n *\n * ## Slots\n * - `text` - Additional text content for links (optional, accepts: a)\n * - `plainText` - Deprecated: Use `text` slot instead\n *\n * ## Attributes\n * - `data-display` - Display style options:\n *   - `primary` - Primary button style (red background)\n *   - `secondary` - Secondary button style\n *   - `outline` - Outline button style\n * - `data-visual-size` - Size options:\n *   - `large` - Larger button size\n * - `data-theme` - Theme options:\n *   - `dark` - Dark theme variant\n *   - `gold` - Gold theme variant\n *\n * @example\n * ```html\n * <!-- Primary button -->\n * <umd-element-call-to-action data-display=\"primary\">\n *   <button>Apply Now</button>\n * </umd-element-call-to-action>\n * ```\n *\n * @example\n * ```html\n * <!-- Large secondary link -->\n * <umd-element-call-to-action data-display=\"secondary\" data-visual-size=\"large\">\n *   <a href=\"/learn-more\">Learn More</a>\n * </umd-element-call-to-action>\n * ```\n *\n * @example\n * ```html\n * <!-- Outline button with dark theme -->\n * <umd-element-call-to-action data-display=\"outline\" data-theme=\"dark\">\n *   <button>Contact Us</button>\n * </umd-element-call-to-action>\n * ```\n *\n * @example\n * ```html\n * <!-- Link with additional text -->\n * <umd-element-call-to-action>\n *   <a href=\"/admissions\" slot=\"text\">View admission requirements</a>\n * </umd-element-call-to-action>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const ActionsDisplay: ComponentRegistration = Register.webComponent({\n  tagName,\n  slots,\n  createComponent,\n});\n\n/** Backwards compatibility alias for grouped exports */\nexport { ActionsDisplay as display };\n"],"names":["tagName","slots","createComponent","element","interactiveElement","plainTextSlot","textSlot","optionProps","Attributes","plainText","Slots","actions","ActionsDisplay","Register"],"mappings":";;AAQA,MAAMA,IAAU,8BAEVC,IAA2B;AAAA,EAC/B,MAAM;AAAA,IACJ,iBAAiB,CAAC,KAAK,QAAQ;AAAA,EAAA;AAAA,EAEjC,WAAW;AAAA,IACT,YACE;AAAA,IACF,iBAAiB,CAAC,KAAK,QAAQ;AAAA,EAAA;AAEnC,GAEMC,IAA2C,CAACC,MAAY;AAC5D,QAAMC,IAAqBD,EAAQ,cAAc,uBAAuB,GAClEE,IAAgBF,EAAQ;AAAA,IAC5B;AAAA,EAAA,GAEIG,IAAWH,EAAQ,cAAc,eAAe;AAEtD,MAAI,CAACC;AACH,UAAM,IAAI,MAAM,qCAAqC;AAGvD,QAAMG,IAAc;AAAA,IAClB,SAASH,EAAmB,UAAU,EAAI;AAAA,IAC1C,eAAeI,EAAW,UAAU,QAAQ,EAAE,SAAAL,GAAS;AAAA,IACvD,eAAeK,EAAW,UAAU,QAAQ,EAAE,SAAAL,GAAS;AAAA,IACvD,iBAAiBK,EAAW,UAAU,UAAU,EAAE,SAAAL,GAAS;AAAA,IAC3D,aAAaK,EAAW,SAAS,UAAU,EAAE,SAAAL,GAAS;AAAA,IACtD,aAAaK,EAAW,QAAQ,KAAK,EAAE,SAAAL,GAAS;AAAA,IAChD,aAAaK,EAAW,QAAQ,KAAK,EAAE,SAAAL,GAAS;AAAA,IAChD,eAAeK,EAAW,SAAS,WAAW,EAAE,SAAAL,GAAS;AAAA,EAAA;AAG3D,MAAIE,KAAiBC,GAAU;AAC7B,UAAMG,IACJC,EAAM,WAAW,UAAU,EAAE,SAAAP,GAAS,KACtCO,EAAM,KAAK,QAAQ,EAAE,SAAAP,GAAS;AAEhC,WAAOQ,EAAQ,QAAQ;AAAA,MACrB,GAAGJ;AAAA,MACH,WAAAE;AAAA,IAAA,CACD;AAAA,EACH;AAEA,SAAOE,EAAQ,QAAQ;AAAA,IACrB,GAAGJ;AAAA,EAAA,CACJ;AACH,GA4DaK,IAAwCC,EAAS,aAAa;AAAA,EACzE,SAAAb;AAAA,EACA,OAAAC;AAAA,EACA,iBAAAC;AACF,CAAC;;;;;"}

package/dist/{chevron-scroll-sN9hWLoU.js → index-BqwGw7fw.js}

@@ -1,40 +1,44 @@
-import { animations as o } from "@universityofmaryland/web-elements-library/atomic";
-import { Register as m, Lifecycle as s, Attributes as c } from "@universityofmaryland/web-model-library";
-const r = "umd-element-brand-card-stack", l = (n) => {
+import { animations as l } from "@universityofmaryland/web-elements-library/atomic";
+import { Register as m, Lifecycle as d, Attributes as s } from "@universityofmaryland/web-model-library";
+const r = "umd-element-brand-card-stack", u = (n) => {
   const t = Array.from(
     n.querySelectorAll('[slot="cards"] > *')
-  ), a = t.find(
+  ), o = t.find(
     (e) => e.getAttribute("data-featured") === "true"
   );
   if (t.length < 5)
     return console.log(`${r}: The minimum number of for the card stack is 5.`), { element: document.createElement("div"), styles: "" };
   if (t.length > 9)
     return console.log(`${r}: The maximum number of for the card stack is 10.`), { element: document.createElement("div"), styles: "" };
-  if (!a)
+  if (!o)
     return console.log(
       `${r}: A featured element is required. Please add the attribute data-featured to one of the elements`
     ), { element: document.createElement("div"), styles: "" };
   const i = t.filter((e) => e.getAttribute("data-featured") !== "true").map((e) => e.tagName === "IMG" ? e : e.querySelector("img")).filter((e) => e !== null);
-  return o.brand.cardStack({
-    featured: a,
+  return l.brand.cardStack({
+    featured: o,
     images: i,
-    isExpandFeature: c.includesFeature.imageExpand({
+    isExpandFeature: s.includesFeature.imageExpand({
       element: n
     })
   });
-}, d = m.webComponent({
+}, a = m.webComponent({
   tagName: r,
-  createComponent: l,
-  afterConnect: s.hooks.loadAnimation
-});
-var C = d;
-const u = "umd-element-brand-logo-animation", f = () => o.brand.chevronScroll(), g = m.webComponent({
-  tagName: u,
-  createComponent: f
-});
-var v = g;
+  createComponent: u,
+  afterConnect: d.hooks.loadAnimation
+}), f = "umd-element-brand-logo-animation", g = () => l.brand.chevronScroll(), c = m.webComponent({
+  tagName: f,
+  createComponent: g
+}), C = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  BrandCardStack: a,
+  BrandChevronScroll: c,
+  cardStack: a,
+  chevronScroll: c
+}, Symbol.toStringTag, { value: "Module" }));
 export {
-  v as c,
-  C as s
+  a as B,
+  c as a,
+  C as b
 };
-//# sourceMappingURL=chevron-scroll-sN9hWLoU.js.map
+//# sourceMappingURL=index-BqwGw7fw.js.map

package/dist/index-BqwGw7fw.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BqwGw7fw.js","sources":["../source/web-components/brand/stack.ts","../source/web-components/brand/chevron-scroll.ts"],"sourcesContent":["import { animations } from '@universityofmaryland/web-elements-library/atomic';\nimport { Attributes, Lifecycle, Register } from '@universityofmaryland/web-model-library';\nimport { CreateComponentFunction, ComponentRegistration } from '../../_types';\n\nconst tagName = 'umd-element-brand-card-stack';\n\n/**\n * Creates a card fireworks component with a featured element and accompanying images\n * @param element - The host HTML element\n * @returns Configured card fireworks component\n * @internal\n */\nconst createComponent: CreateComponentFunction = (element) => {\n  const cards = Array.from(\n    element.querySelectorAll(`[slot=\"cards\"] > *`),\n  ) as Array<HTMLImageElement | HTMLVideoElement>;\n  const featured = cards.find(\n    (card) => card.getAttribute('data-featured') === 'true',\n  );\n\n  if (cards.length < 5) {\n    console.log(`${tagName}: The minimum number of for the card stack is 5.`);\n    return { element: document.createElement('div'), styles: '' };\n  }\n\n  if (cards.length > 9) {\n    console.log(`${tagName}: The maximum number of for the card stack is 10.`);\n    return { element: document.createElement('div'), styles: '' };\n  }\n\n  if (!featured) {\n    console.log(\n      `${tagName}: A featured element is required. Please add the attribute data-featured to one of the elements`,\n    );\n    return { element: document.createElement('div'), styles: '' };\n  }\n\n  const images = cards\n    .filter((card) => card.getAttribute('data-featured') !== 'true')\n    .map((card) => {\n      if (card.tagName === 'IMG') {\n        return card as HTMLImageElement;\n      }\n      const imgChild = card.querySelector('img');\n      return imgChild as HTMLImageElement;\n    })\n    .filter((img) => img !== null) as HTMLImageElement[];\n\n  return animations.brand.cardStack({\n    featured,\n    images,\n    isExpandFeature: Attributes.includesFeature.imageExpand({\n      element,\n    }),\n  });\n};\n\n/**\n * Card Stack\n *\n * A dynamic component featuring a central \"featured\" image or video\n * and a supporting set of 5-9 assets that pops into a grid layout in a \"stack\" style.\n * By default, the featured element expands full screen.\n * Designed for brand storytelling and visual highlights.\n *\n * ## Custom Element\n * `<umd-element-brand-card-stack>`\n *\n * ## Slots\n * - `cards` - Container for 5 - 8 supporting elements (required, accepts: img, video, and element containing img)\n *\n * ## Attributes\n * - `data-featured` - Indicates the featured element (required, accepts: `\"true\"` or `\"false\"`)\n * - `data-image-expand` - Expands the Stack layout for interactive or animated display (optional, accepts: `\"true\"` or `\"false\"`)\n *\n * @example\n * ```html\n * <!--  3 images, featured video -->\n * <umd-element-brand-card-stack>\n *   <div slot=\"cards\">\n *     <img src=\"/library.jpg\" alt=\"McKeldin Library Exterior\" />\n *     <img src=\"/mall-spring.jpg\" alt=\"McKeldin Mall in Spring\" />\n *     <img src=\"/student-center.jpg\" alt=\"Student Center Activities\" />\n *   <video data-featured=\"true\" aria-label=\"UMD Campus Tour\">\n *     <source src=\"/campus-tour.mp4\" />\n *   </video>\n *   </div>\n * </umd-element-brand-card-stack>\n * ```\n *\n * @example\n * ```html\n * <!-- 5 images, featured image, expand feature off -->\n * <umd-element-brand-card-stack data-image-expand=\"false\">\n *   <div slot=\"cards\">\n *     <img data-featured=\"true\" src=\"./media/testudo.jpg\" alt=\"Testudo the Mascot\" />\n *     <img src=\"/engineering.jpg\" alt=\"Engineering Building\" />\n *     <img src=\"/arts.jpg\" alt=\"Arts and Humanities Building\" />\n *     <img src=\"/science-hall.jpg\" alt=\"Science Lecture Hall\" />\n *     <img src=\"/athletics.jpg\" alt=\"Athletics Stadium\" />\n *     <img src=\"/dorm.jpg\" alt=\"Student Dormitory\" />\n *   </div>\n * </umd-element-brand-card-stack>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\n\nexport const BrandCardStack: ComponentRegistration = Register.webComponent({\n  tagName,\n  createComponent,\n  afterConnect: Lifecycle.hooks.loadAnimation,\n});\n\n/** Backwards compatibility alias for grouped exports */\nexport { BrandCardStack as cardStack };\n","import { animations } from '@universityofmaryland/web-elements-library/atomic';\nimport { Register } from '@universityofmaryland/web-model-library';\nimport { CreateComponentFunction, ComponentRegistration } from '../../_types';\n\nconst tagName = 'umd-element-brand-logo-animation';\n\nconst createComponent: CreateComponentFunction = () =>\n  animations.brand.chevronScroll();\n\n/**\n * Brand Chevron Scroll Animation\n *\n * Creates an animated University of Maryland brand chevron logo.\n * The animation provides a dynamic visual element for brand presence.\n *\n * ## Custom Element\n * `<umd-element-brand-logo-animation>`\n *\n * ## Notes\n * - Uses the University of Maryland's atomic animations library\n * - Animation runs continuously\n * - Purely decorative element\n *\n * @example\n * ```html\n * <!-- Basic chevron animation -->\n * <umd-element-brand-logo-animation></umd-element-brand-logo-animation>\n * ```\n *\n * @example\n * ```html\n * <!-- In a hero section -->\n * <div class=\"hero-section\">\n *   <h1>Welcome to UMD</h1>\n *   <umd-element-brand-logo-animation></umd-element-brand-logo-animation>\n * </div>\n * ```\n *\n * @example\n * ```html\n * <!-- As a loading indicator -->\n * <div class=\"loading-container\" aria-busy=\"true\">\n *   <umd-element-brand-logo-animation></umd-element-brand-logo-animation>\n *   <p>Loading...</p>\n * </div>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const BrandChevronScroll: ComponentRegistration = Register.webComponent({\n  tagName,\n  createComponent,\n});\n\n/** Backwards compatibility alias for grouped exports */\nexport { BrandChevronScroll as chevronScroll };\n"],"names":["tagName","createComponent","element","cards","featured","card","images","img","animations","Attributes","BrandCardStack","Register","Lifecycle","BrandChevronScroll"],"mappings":";;AAIA,MAAMA,IAAU,gCAQVC,IAA2C,CAACC,MAAY;AAC5D,QAAMC,IAAQ,MAAM;AAAA,IAClBD,EAAQ,iBAAiB,oBAAoB;AAAA,EAAA,GAEzCE,IAAWD,EAAM;AAAA,IACrB,CAACE,MAASA,EAAK,aAAa,eAAe,MAAM;AAAA,EAAA;AAGnD,MAAIF,EAAM,SAAS;AACjB,mBAAQ,IAAI,GAAGH,CAAO,kDAAkD,GACjE,EAAE,SAAS,SAAS,cAAc,KAAK,GAAG,QAAQ,GAAA;AAG3D,MAAIG,EAAM,SAAS;AACjB,mBAAQ,IAAI,GAAGH,CAAO,mDAAmD,GAClE,EAAE,SAAS,SAAS,cAAc,KAAK,GAAG,QAAQ,GAAA;AAG3D,MAAI,CAACI;AACH,mBAAQ;AAAA,MACN,GAAGJ,CAAO;AAAA,IAAA,GAEL,EAAE,SAAS,SAAS,cAAc,KAAK,GAAG,QAAQ,GAAA;AAG3D,QAAMM,IAASH,EACZ,OAAO,CAACE,MAASA,EAAK,aAAa,eAAe,MAAM,MAAM,EAC9D,IAAI,CAACA,MACAA,EAAK,YAAY,QACZA,IAEQA,EAAK,cAAc,KAAK,CAE1C,EACA,OAAO,CAACE,MAAQA,MAAQ,IAAI;AAE/B,SAAOC,EAAW,MAAM,UAAU;AAAA,IAChC,UAAAJ;AAAA,IACA,QAAAE;AAAA,IACA,iBAAiBG,EAAW,gBAAgB,YAAY;AAAA,MACtD,SAAAP;AAAA,IAAA,CACD;AAAA,EAAA,CACF;AACH,GAsDaQ,IAAwCC,EAAS,aAAa;AAAA,EAAA,SACzEX;AAAAA,EAAA,iBACAC;AAAAA,EACA,cAAcW,EAAU,MAAM;AAChC,CAAC,GC7GKZ,IAAU,oCAEVC,IAA2C,MAC/CO,EAAW,MAAM,cAAA,GA2CNK,IAA4CF,EAAS,aAAa;AAAA,EAC7E,SAAAX;AAAA,EACA,iBAAAC;AACF,CAAC;;;;;;;"}

package/dist/index-BrpAs-2C.js

@@ -0,0 +1,55 @@
+import { slider as m } from "@universityofmaryland/web-elements-library/composite";
+import { Attributes as r, Register as c, Lifecycle as u, Slots as n } from "@universityofmaryland/web-model-library";
+import { slider as f } from "@universityofmaryland/web-feeds-library/academic";
+import { slider as p } from "@universityofmaryland/web-feeds-library/events";
+const T = "umd-element-slider-events", v = r.handler.common.resize(
+  (e) => e.events?.size()
+), S = (e) => {
+  const t = document.createElement("div"), o = e.querySelector(
+    `[slot=${n.name.EVENT_LIST}]`
+  );
+  return o ? (t.innerHTML = o.innerHTML, m.events({
+    isThemeDark: r.isTheme.dark({ element: e }),
+    dataSlider: t,
+    headline: n.headline.default({ element: e }),
+    actions: n.actions.default({ element: e })
+  })) : (console.error(`Slot ${n.name.EVENT_LIST} is required`), { element: t, styles: "" });
+}, a = c.webComponent({
+  tagName: T,
+  createComponent: S,
+  attributes: [v],
+  afterConnect: u.hooks.loadOnConnect
+}), h = "umd-element-slider-events-feed", b = r.handler.common.resize(
+  (e) => e.events?.size()
+), y = (e) => {
+  const t = r.isTheme.dark({ element: e }), o = r.getValue.feedToken({ element: e }), d = r.getValue.feedFilterIds({ element: e }), l = r.isData.type.academic({
+    element: e
+  });
+  if (!o)
+    return console.error("Token is required for this component"), { element: document.createElement("div"), styles: "" };
+  const s = {
+    token: o,
+    categories: d,
+    isThemeDark: t,
+    headline: n.headline.default({ element: e }),
+    actions: n.actions.default({ element: e })
+  };
+  return l ? f(s) : p(s);
+}, i = c.webComponent({
+  tagName: h,
+  createComponent: y,
+  attributes: [b],
+  afterConnect: (e, t) => e?.events?.callback?.(t)
+}), $ = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  SliderEventDisplay: a,
+  SliderEventFeed: i,
+  eventDisplay: a,
+  eventFeed: i
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  a as S,
+  i as a,
+  $ as s
+};
+//# sourceMappingURL=index-BrpAs-2C.js.map

package/dist/index-BrpAs-2C.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BrpAs-2C.js","sources":["../source/web-components/slider/event/display.ts","../source/web-components/slider/event/feed.ts"],"sourcesContent":["import { slider } from '@universityofmaryland/web-elements-library/composite';\nimport { Attributes, Register, Slots, Lifecycle } from '@universityofmaryland/web-model-library';\nimport {\n  CreateComponentFunction,\n  ComponentRegistration,\n} from '../../../_types';\n\nconst tagName = 'umd-element-slider-events';\n\n/**\n * Event Slider Display\n *\n * A slider component for displaying a collection of events in a horizontal scrollable format.\n * Ideal for showcasing upcoming events, workshops, or activities with interactive navigation.\n * Automatically adjusts date element sizes based on viewport.\n *\n * ## Custom Element\n * `<umd-element-slider-events>`\n *\n * ## Slots\n * - `event-list` - Container with event items (required, accepts: div with event markup)\n * - `headline` - Section headline (optional, accepts: heading elements)\n * - `actions` - Call-to-action links (optional, accepts: a, button)\n *\n * ## Attributes\n * - `data-theme` - Color theme of the component:\n *   - `dark` - Dark background with light text\n *\n * ## Observed Attributes\n * - `resize` - Triggers recalculation of date element sizes\n *\n * @example\n * ```html\n * <!-- Basic event slider -->\n * <umd-element-slider-events>\n *   <h2 slot=\"headline\">Upcoming Events</h2>\n *   <div slot=\"event-list\">\n *     <div class=\"event\">\n *       <time datetime=\"2024-04-15\">April 15</time>\n *       <h3>Spring Concert</h3>\n *       <p>Annual spring concert featuring student performances</p>\n *     </div>\n *     <div class=\"event\">\n *       <time datetime=\"2024-04-20\">April 20</time>\n *       <h3>Research Symposium</h3>\n *       <p>Undergraduate research presentations</p>\n *     </div>\n *     <div class=\"event\">\n *       <time datetime=\"2024-04-25\">April 25</time>\n *       <h3>Career Fair</h3>\n *       <p>Connect with employers and explore opportunities</p>\n *     </div>\n *   </div>\n *   <a slot=\"actions\" href=\"/events\">View All Events</a>\n * </umd-element-slider-events>\n * ```\n *\n * @example\n * ```html\n * <!-- Dark theme with multiple actions -->\n * <umd-element-slider-events data-theme=\"dark\">\n *   <h2 slot=\"headline\">This Week on Campus</h2>\n *   <div slot=\"event-list\">\n *     <div class=\"event\">\n *       <time datetime=\"2024-03-10T14:00\">Mar 10, 2:00 PM</time>\n *       <h3>Guest Lecture: AI Ethics</h3>\n *       <p>Dr. Smith discusses ethical considerations in AI</p>\n *       <a href=\"/event/ai-ethics\">Learn More</a>\n *     </div>\n *     <div class=\"event\">\n *       <time datetime=\"2024-03-12T18:00\">Mar 12, 6:00 PM</time>\n *       <h3>Film Screening</h3>\n *       <p>Documentary screening and discussion</p>\n *       <a href=\"/event/film\">RSVP</a>\n *     </div>\n *   </div>\n *   <div slot=\"actions\">\n *     <a href=\"/events/calendar\">Full Calendar</a>\n *     <a href=\"/events/subscribe\">Subscribe</a>\n *   </div>\n * </umd-element-slider-events>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nconst attributes = Attributes.handler.common.resize((element) =>\n  element.events?.size(),\n);\n\nconst createComponent: CreateComponentFunction = (element) => {\n  const dataSlider = document.createElement('div');\n  const dataSliderSlot = element.querySelector(\n    `[slot=${Slots.name.EVENT_LIST}]`,\n  );\n\n  if (!dataSliderSlot) {\n    console.error(`Slot ${Slots.name.EVENT_LIST} is required`);\n    return { element: dataSlider, styles: '' };\n  }\n\n  dataSlider.innerHTML = dataSliderSlot.innerHTML;\n\n  return slider.events({\n    isThemeDark: Attributes.isTheme.dark({ element }),\n    dataSlider,\n    headline: Slots.headline.default({ element }),\n    actions: Slots.actions.default({ element }),\n  });\n};\n\n/**\n * Event Slider Display\n *\n * A slider component for displaying a collection of events in a horizontal scrollable format.\n * Ideal for showcasing upcoming events, workshops, or activities with interactive navigation.\n * Automatically adjusts date element sizes based on viewport.\n *\n * ## Custom Element\n * `<umd-element-slider-events>`\n *\n * ## Slots\n * - `event-list` - Container with event items (required, accepts: div with event markup)\n * - `headline` - Section headline (optional, accepts: heading elements)\n * - `actions` - Call-to-action links (optional, accepts: a, button)\n *\n * ## Attributes\n * - `data-theme` - Color theme of the component:\n *   - `dark` - Dark background with light text\n *\n * ## Observed Attributes\n * - `resize` - Triggers recalculation of date element sizes\n *\n * @example\n * ```html\n * <!-- Basic event slider -->\n * <umd-element-slider-events>\n *   <h2 slot=\"headline\">Upcoming Events</h2>\n *   <div slot=\"event-list\">\n *     <div class=\"event\">\n *       <time datetime=\"2024-04-15\">April 15</time>\n *       <h3>Spring Concert</h3>\n *       <p>Annual spring concert featuring student performances</p>\n *     </div>\n *     <div class=\"event\">\n *       <time datetime=\"2024-04-20\">April 20</time>\n *       <h3>Research Symposium</h3>\n *       <p>Undergraduate research presentations</p>\n *     </div>\n *     <div class=\"event\">\n *       <time datetime=\"2024-04-25\">April 25</time>\n *       <h3>Career Fair</h3>\n *       <p>Connect with employers and explore opportunities</p>\n *     </div>\n *   </div>\n *   <a slot=\"actions\" href=\"/events\">View All Events</a>\n * </umd-element-slider-events>\n * ```\n *\n * @example\n * ```html\n * <!-- Dark theme with multiple actions -->\n * <umd-element-slider-events data-theme=\"dark\">\n *   <h2 slot=\"headline\">This Week on Campus</h2>\n *   <div slot=\"event-list\">\n *     <div class=\"event\">\n *       <time datetime=\"2024-03-10T14:00\">Mar 10, 2:00 PM</time>\n *       <h3>Guest Lecture: AI Ethics</h3>\n *       <p>Dr. Smith discusses ethical considerations in AI</p>\n *       <a href=\"/event/ai-ethics\">Learn More</a>\n *     </div>\n *     <div class=\"event\">\n *       <time datetime=\"2024-03-12T18:00\">Mar 12, 6:00 PM</time>\n *       <h3>Film Screening</h3>\n *       <p>Documentary screening and discussion</p>\n *       <a href=\"/event/film\">RSVP</a>\n *     </div>\n *   </div>\n *   <div slot=\"actions\">\n *     <a href=\"/events/calendar\">Full Calendar</a>\n *     <a href=\"/events/subscribe\">Subscribe</a>\n *   </div>\n * </umd-element-slider-events>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const SliderEventDisplay: ComponentRegistration = Register.webComponent({\n  tagName,\n  createComponent,\n  attributes: [attributes],\n  afterConnect: Lifecycle.hooks.loadOnConnect,\n});\n\n/** Backwards compatibility alias for grouped exports */\nexport { SliderEventDisplay as eventDisplay };\n","import { slider as academicSlider } from '@universityofmaryland/web-feeds-library/academic';\nimport { slider as eventSlider } from '@universityofmaryland/web-feeds-library/events';\nimport { Attributes, Register, Slots } from '@universityofmaryland/web-model-library';\nimport {\n  CreateComponentFunction,\n  ComponentRegistration,\n  TypedComponentRef,\n} from '../../../_types';\n\nconst tagName = 'umd-element-slider-events-feed';\n\n/**\n * Event Slider Feed\n *\n * A dynamic slider component that automatically fetches and displays events from a feed.\n * Supports both general events and academic calendar feeds with category filtering.\n * Provides real-time event updates with automatic date formatting and responsive layout.\n *\n * ## Custom Element\n * `<umd-element-slider-events-feed>`\n *\n * ## Slots\n * - `headline` - Section headline (optional, accepts: heading elements)\n * - `actions` - Call-to-action links (optional, accepts: a, button)\n *\n * ## Attributes\n * - `data-theme` - Color theme of the component:\n *   - `dark` - Dark background with light text\n * - `data-token` - API token for fetching events (required)\n * - `data-feed-type` - Feed type:\n *   - `academic` - Academic calendar events\n *   - Default - General events feed\n * - `data-filter-group-ids` - Comma-separated list of event categories to filter\n *\n * ## Observed Attributes\n * - `resize` - Triggers recalculation of date element sizes\n *\n * @example\n * ```html\n * <!-- Basic events feed slider -->\n * <umd-element-slider-events-feed data-token=\"events-api-key\">\n *   <h2 slot=\"headline\">Upcoming Events</h2>\n *   <a slot=\"actions\" href=\"/events\">All Events</a>\n * </umd-element-slider-events-feed>\n * ```\n *\n * @example\n * ```html\n * <!-- Academic calendar feed -->\n * <umd-element-slider-events-feed\n *   data-token=\"academic-api-key\"\n *   data-feed-type=\"academic\">\n *   <h2 slot=\"headline\">Academic Calendar</h2>\n *   <div slot=\"actions\">\n *     <a href=\"/academic-calendar\">Full Calendar</a>\n *     <a href=\"/academic-calendar/deadlines\">Important Deadlines</a>\n *   </div>\n * </umd-element-slider-events-feed>\n * ```\n *\n * @example\n * ```html\n * <!-- Filtered events with dark theme -->\n * <umd-element-slider-events-feed\n *   data-token=\"events-api-key\"\n *   data-theme=\"dark\"\n *   data-filter-group-ids=\"athletics,recreation\">\n *   <h2 slot=\"headline\">Sports & Recreation</h2>\n *   <a slot=\"actions\" href=\"/athletics\">Athletics Home</a>\n * </umd-element-slider-events-feed>\n * ```\n *\n * @example\n * ```html\n * <!-- Multiple category filters -->\n * <umd-element-slider-events-feed\n *   data-token=\"events-api-key\"\n *   data-filter-group-ids=\"workshop,seminar,lecture\">\n *   <h2 slot=\"headline\">Learning Opportunities</h2>\n *   <div slot=\"actions\">\n *     <a href=\"/workshops\">All Workshops</a>\n *     <a href=\"/seminars\">Seminar Series</a>\n *   </div>\n * </umd-element-slider-events-feed>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nconst attributes = Attributes.handler.common.resize((element) =>\n  element.events?.size(),\n);\n\nconst createComponent: CreateComponentFunction = (element) => {\n  const isThemeDark = Attributes.isTheme.dark({ element });\n  const token = Attributes.getValue.feedToken({ element });\n  const categories = Attributes.getValue.feedFilterIds({ element });\n  const isTypeAcademic = Attributes.isData.type.academic({\n    element,\n  });\n\n  if (!token) {\n    console.error('Token is required for this component');\n    return { element: document.createElement('div'), styles: '' };\n  }\n\n  const sliderProps = {\n    token,\n    categories,\n    isThemeDark,\n    headline: Slots.headline.default({ element }),\n    actions: Slots.actions.default({ element }),\n  };\n\n  if (isTypeAcademic) return academicSlider(sliderProps);\n\n  return eventSlider(sliderProps);\n};\n\n/**\n * Event Slider Feed\n *\n * A dynamic slider component that automatically fetches and displays events from a feed.\n * Supports both general events and academic calendar feeds with category filtering.\n * Provides real-time event updates with automatic date formatting and responsive layout.\n *\n * ## Custom Element\n * `<umd-element-slider-events-feed>`\n *\n * ## Slots\n * - `headline` - Section headline (optional, accepts: heading elements)\n * - `actions` - Call-to-action links (optional, accepts: a, button)\n *\n * ## Attributes\n * - `data-theme` - Color theme of the component:\n *   - `dark` - Dark background with light text\n * - `data-token` - API token for fetching events (required)\n * - `data-feed-type` - Feed type:\n *   - `academic` - Academic calendar events\n *   - Default - General events feed\n * - `data-filter-group-ids` - Comma-separated list of event categories to filter\n *\n * ## Observed Attributes\n * - `resize` - Triggers recalculation of date element sizes\n *\n * @example\n * ```html\n * <!-- Basic events feed slider -->\n * <umd-element-slider-events-feed data-token=\"events-api-key\">\n *   <h2 slot=\"headline\">Upcoming Events</h2>\n *   <a slot=\"actions\" href=\"/events\">All Events</a>\n * </umd-element-slider-events-feed>\n * ```\n *\n * @example\n * ```html\n * <!-- Academic calendar feed -->\n * <umd-element-slider-events-feed\n *   data-token=\"academic-api-key\"\n *   data-feed-type=\"academic\">\n *   <h2 slot=\"headline\">Academic Calendar</h2>\n *   <div slot=\"actions\">\n *     <a href=\"/academic-calendar\">Full Calendar</a>\n *     <a href=\"/academic-calendar/deadlines\">Important Deadlines</a>\n *   </div>\n * </umd-element-slider-events-feed>\n * ```\n *\n * @example\n * ```html\n * <!-- Filtered events with dark theme -->\n * <umd-element-slider-events-feed\n *   data-token=\"events-api-key\"\n *   data-theme=\"dark\"\n *   data-filter-group-ids=\"athletics,recreation\">\n *   <h2 slot=\"headline\">Sports & Recreation</h2>\n *   <a slot=\"actions\" href=\"/athletics\">Athletics Home</a>\n * </umd-element-slider-events-feed>\n * ```\n *\n * @example\n * ```html\n * <!-- Multiple category filters -->\n * <umd-element-slider-events-feed\n *   data-token=\"events-api-key\"\n *   data-filter-group-ids=\"workshop,seminar,lecture\">\n *   <h2 slot=\"headline\">Learning Opportunities</h2>\n *   <div slot=\"actions\">\n *     <a href=\"/workshops\">All Workshops</a>\n *     <a href=\"/seminars\">Seminar Series</a>\n *   </div>\n * </umd-element-slider-events-feed>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const SliderEventFeed: ComponentRegistration = Register.webComponent({\n  tagName,\n  createComponent,\n  attributes: [attributes],\n  afterConnect: (ref: TypedComponentRef, shadow?: ShadowRoot) =>\n    ref?.events?.callback?.(shadow),\n});\n\n/** Backwards compatibility alias for grouped exports */\nexport { SliderEventFeed as eventFeed };\n"],"names":["tagName","attributes","Attributes","element","createComponent","dataSlider","dataSliderSlot","Slots","slider","SliderEventDisplay","Register","Lifecycle","isThemeDark","token","categories","isTypeAcademic","sliderProps","academicSlider","eventSlider","SliderEventFeed","ref","shadow"],"mappings":";;;;AAOA,MAAMA,IAAU,6BA+EVC,IAAaC,EAAW,QAAQ,OAAO;AAAA,EAAO,CAACC,MACnDA,EAAQ,QAAQ,KAAA;AAClB,GAEMC,IAA2C,CAACD,MAAY;AAC5D,QAAME,IAAa,SAAS,cAAc,KAAK,GACzCC,IAAiBH,EAAQ;AAAA,IAC7B,SAASI,EAAM,KAAK,UAAU;AAAA,EAAA;AAGhC,SAAKD,KAKLD,EAAW,YAAYC,EAAe,WAE/BE,EAAO,OAAO;AAAA,IACnB,aAAaN,EAAW,QAAQ,KAAK,EAAE,SAAAC,GAAS;AAAA,IAChD,YAAAE;AAAA,IACA,UAAUE,EAAM,SAAS,QAAQ,EAAE,SAAAJ,GAAS;AAAA,IAC5C,SAASI,EAAM,QAAQ,QAAQ,EAAE,SAAAJ,GAAS;AAAA,EAAA,CAC3C,MAXC,QAAQ,MAAM,QAAQI,EAAM,KAAK,UAAU,cAAc,GAClD,EAAE,SAASF,GAAY,QAAQ,GAAA;AAW1C,GA+EaI,IAA4CC,EAAS,aAAa;AAAA,EAAA,SAC7EV;AAAAA,EAAA,iBACAI;AAAAA,EACA,YAAY,CAACH,CAAU;AAAA,EACvB,cAAcU,EAAU,MAAM;AAChC,CAAC,GCxLKX,IAAU,kCAgFVC,IAAaC,EAAW,QAAQ,OAAO;AAAA,EAAO,CAACC,MACnDA,EAAQ,QAAQ,KAAA;AAClB,GAEMC,IAA2C,CAACD,MAAY;AAC5D,QAAMS,IAAcV,EAAW,QAAQ,KAAK,EAAE,SAAAC,GAAS,GACjDU,IAAQX,EAAW,SAAS,UAAU,EAAE,SAAAC,GAAS,GACjDW,IAAaZ,EAAW,SAAS,cAAc,EAAE,SAAAC,GAAS,GAC1DY,IAAiBb,EAAW,OAAO,KAAK,SAAS;AAAA,IACrD,SAAAC;AAAA,EAAA,CACD;AAED,MAAI,CAACU;AACH,mBAAQ,MAAM,sCAAsC,GAC7C,EAAE,SAAS,SAAS,cAAc,KAAK,GAAG,QAAQ,GAAA;AAG3D,QAAMG,IAAc;AAAA,IAClB,OAAAH;AAAA,IACA,YAAAC;AAAA,IACA,aAAAF;AAAA,IACA,UAAUL,EAAM,SAAS,QAAQ,EAAE,SAAAJ,GAAS;AAAA,IAC5C,SAASI,EAAM,QAAQ,QAAQ,EAAE,SAAAJ,GAAS;AAAA,EAAA;AAG5C,SAAIY,IAAuBE,EAAeD,CAAW,IAE9CE,EAAYF,CAAW;AAChC,GAgFaG,IAAyCT,EAAS,aAAa;AAAA,EAC1E,SAAAV;AAAA,EACA,iBAAAI;AAAA,EACA,YAAY,CAACH,CAAU;AAAA,EACvB,cAAc,CAACmB,GAAwBC,MACrCD,GAAK,QAAQ,WAAWC,CAAM;AAClC,CAAC;;;;;;;"}