@universityofmaryland/web-components-library 1.18.11 → 1.19.0

package/dist/components/accordion.js

@@ -1,4 +1,4 @@
-import { A as m, A as r } from "../index-DfPIaBDn.js";
+import { A as m, A as r } from "../index-BkuJDd4z.js";
 export {
   m as AccordionItem,
   r as item

package/dist/components/carousel.js

@@ -1,4 +1,4 @@
-import { C as e, a as l, b as i, c as r, d as u, e as C, C as o, a as m, b as d, c as g, d as b, e as n } from "../index-C8YoHmAp.js";
+import { C as e, a as l, b as i, c as r, d as u, e as C, C as o, a as m, b as d, c as g, d as b, e as n } from "../index-Dj28K-Au.js";
 export {
   e as CarouselBase,
   l as CarouselCards,

package/dist/components/layout.js

@@ -1,4 +1,4 @@
-import { L as s, a as t, b as l, c as n, d as e, e as L, f as c, L as i, a as u, b as y, c as d, d as m, e as r, f as S } from "../index-CjOuk67A.js";
+import { L as s, a as t, b as l, c as n, d as e, e as L, f as c, L as i, a as u, b as y, c as d, d as m, e as r, f as S } from "../index-C0H96DKS.js";
 export {
   s as LayoutBoxLogo,
   t as LayoutImageExpand,

package/dist/content.js

@@ -1,12 +1,12 @@
 import { b as o } from "./index-w4yF38ne.js";
 import { g as t } from "./index-F2olbj6x.js";
-import { l as m } from "./index-CjOuk67A.js";
+import { l as m } from "./index-C0H96DKS.js";
 import { m as r } from "./index-BIivaL9F.js";
 import { p as s } from "./index-Dh2smeN4.js";
 import { q as a } from "./index-gc3fkzDA.js";
 import { s as p } from "./index-D9J1IzkX.js";
 import { t as n } from "./index-DTdMI37J.js";
-import { l as e } from "./loader-CD8tNz2T.js";
+import { l as e } from "./loader-DCx7K2yt.js";
 const i = {
   brand: o,
   card: t,

package/dist/feed.js

@@ -1,7 +1,7 @@
 import { c as o } from "./index-Cl0QSfTe.js";
 import { j as e } from "./index-wTh3pJOz.js";
 import { s } from "./index-B8KsTyzD.js";
-import { l as m } from "./loader-CD8tNz2T.js";
+import { l as m } from "./loader-DCx7K2yt.js";
 const r = {
   alert: o,
   feed: e,

package/dist/{index-DfPIaBDn.js → index-BkuJDd4z.js}

@@ -1,6 +1,6 @@
 import { accordion as i } from "@universityofmaryland/web-elements-library/composite";
 import { Slots as t, Attributes as o, Model as r } from "@universityofmaryland/web-model-library";
-const d = "umd-element-accordion-item", l = (e) => i.item({
+const d = "umd-element-accordion-item", n = (e) => i.item({
   text: t.deprecated.body({ element: e, isDefaultStyling: !1 }) || t.text.default({ element: e, isDefaultStyling: !1 }),
   headline: t.headline.default({ element: e }),
   isThemeLight: o.isTheme.light({
@@ -11,8 +11,9 @@ const d = "umd-element-accordion-item", l = (e) => i.item({
   }),
   isStateOpen: o.isVisual.open({
     element: e
-  })
-}), n = {
+  }),
+  context: e
+}), l = {
   headline: {
     ...t.element.allowed.headline,
     required: !0
@@ -24,8 +25,8 @@ const d = "umd-element-accordion-item", l = (e) => i.item({
   }
 }, s = o.handler.common.accordion(), a = r.defineComponent({
   tagName: d,
-  slots: n,
-  createComponent: l,
+  slots: l,
+  createComponent: n,
   attributes: s
 }, { eager: !1 }), u = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -36,4 +37,4 @@ export {
   a as A,
   u as a
 };
-//# sourceMappingURL=index-DfPIaBDn.js.map
+//# sourceMappingURL=index-BkuJDd4z.js.map

package/dist/index-BkuJDd4z.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BkuJDd4z.js","sources":["../source/web-components/accordion/item.ts"],"sourcesContent":["import { accordion } from '@universityofmaryland/web-elements-library/composite';\nimport { Attributes, Model, Slots } from '@universityofmaryland/web-model-library';\nimport { ComponentRegistration, CreateComponentFunction, SlotConfiguration } from '../../_types';\n\nconst tagName = 'umd-element-accordion-item';\n\nconst createComponent: CreateComponentFunction = (element) =>\n  accordion.item({\n    text:\n      Slots.deprecated.body({ element, isDefaultStyling: false }) ||\n      Slots.text.default({ element, isDefaultStyling: false }),\n    headline: Slots.headline.default({ element }),\n    isThemeLight: Attributes.isTheme.light({\n      element,\n    }),\n    isThemeDark: Attributes.isTheme.dark({\n      element,\n    }),\n    isStateOpen: Attributes.isVisual.open({\n      element,\n    }),\n    context: element,\n  });\n\nconst slots: SlotConfiguration = {\n  headline: {\n    ...Slots.element.allowed.headline,\n    required: true,\n  },\n  body: Slots.element.allowed.body,\n  text: {\n    ...Slots.element.allowed.text,\n    required: true,\n  },\n};\n\nconst attributes = Attributes.handler.common.accordion();\n\n/**\n * Accordion Item\n *\n * Creates an expandable/collapsible content container with smooth animations and theme variations.\n *\n * ## Custom Element\n * `<umd-element-accordion-item>`\n *\n * ## Slots\n * - `headline` - The clickable header (required, accepts: span, p)\n * - `text` - The expandable content (required, accepts: div, p)\n * - `body` - Deprecated: Use `text` slot instead\n *\n * ## Attributes\n * - `data-theme` - Color theme options:\n *   - `light` - Light theme styling\n *   - `dark` - Dark theme styling\n * - `data-visual-open` - Initial visual state:\n *   - `true` - Opens accordion on load\n *   - `false` - Closes accordion on load\n *\n * ## Observed Attributes\n * - `data-visual-open` - When changed to \"true\", opens accordion with animation; when changed to \"false\", closes with animation\n * - `resize` - When set to \"true\", re-evaluates accordion height without animation\n *\n * ## Dispatched Events\n * Both events bubble and are `composed: true` (they cross the Shadow DOM boundary),\n * and fire on the host element for every toggle — whether triggered by a header click\n * or a programmatic `data-visual-open` change. They do not fire for the initial open\n * state set on load.\n * - `accordion:open` — fired when the item opens\n * - `accordion:close` — fired when the item closes\n *\n * @fires accordion:open - When the accordion item opens (header click or `data-visual-open=\"true\"`)\n * @fires accordion:close - When the accordion item closes (header click or `data-visual-open=\"false\"`)\n *\n * @example\n * ```javascript\n * // Listening for open/close events\n * const accordion = document.querySelector('umd-element-accordion-item');\n * accordion.addEventListener('accordion:open', () => console.log('opened'));\n * accordion.addEventListener('accordion:close', () => console.log('closed'));\n * ```\n *\n * @example\n * ```html\n * <umd-element-accordion-item>\n *   <p slot=\"headline\">Click to expand</p>\n *   <div slot=\"text\">\n *     <p>Hidden content revealed when expanded</p>\n *   </div>\n * </umd-element-accordion-item>\n * ```\n *\n * @example\n * ```html\n * <!-- Dark theme with default open state -->\n * <umd-element-accordion-item data-theme=\"dark\" data-visual-open=\"true\">\n *   <span slot=\"headline\">Click to collapse</span>\n *   <div slot=\"text\">\n *     <p>Content revealed as expanded</p>\n *   </div>\n * </umd-element-accordion-item>\n * ```\n *\n * @example\n * ```javascript\n * // Programmatic control\n * const accordion = document.querySelector('umd-element-accordion-item');\n * accordion.setAttribute('data-visual-open', 'true'); // Opens with animation\n * accordion.setAttribute('data-visual-open', 'false'); // Closes with animation\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const AccordionItem: ComponentRegistration = Model.defineComponent({\n  tagName,\n  slots,\n  createComponent,\n  attributes,\n}, { eager: false });\n\n/** Backwards compatibility alias for grouped exports */\nexport { AccordionItem as item };\n"],"names":["tagName","createComponent","element","accordion","Slots","Attributes","slots","attributes","AccordionItem","Model"],"mappings":";;AAIA,MAAMA,IAAU,8BAEVC,IAA2C,CAACC,MAChDC,EAAU,KAAK;AAAA,EACb,MACEC,EAAM,WAAW,KAAK,EAAE,SAAAF,GAAS,kBAAkB,GAAA,CAAO,KAC1DE,EAAM,KAAK,QAAQ,EAAE,SAAAF,GAAS,kBAAkB,IAAO;AAAA,EACzD,UAAUE,EAAM,SAAS,QAAQ,EAAE,SAAAF,GAAS;AAAA,EAC5C,cAAcG,EAAW,QAAQ,MAAM;AAAA,IACrC,SAAAH;AAAA,EAAA,CACD;AAAA,EACD,aAAaG,EAAW,QAAQ,KAAK;AAAA,IACnC,SAAAH;AAAA,EAAA,CACD;AAAA,EACD,aAAaG,EAAW,SAAS,KAAK;AAAA,IACpC,SAAAH;AAAA,EAAA,CACD;AAAA,EACD,SAASA;AACX,CAAC,GAEGI,IAA2B;AAAA,EAC/B,UAAU;AAAA,IACR,GAAGF,EAAM,QAAQ,QAAQ;AAAA,IACzB,UAAU;AAAA,EAAA;AAAA,EAEZ,MAAMA,EAAM,QAAQ,QAAQ;AAAA,EAC5B,MAAM;AAAA,IACJ,GAAGA,EAAM,QAAQ,QAAQ;AAAA,IACzB,UAAU;AAAA,EAAA;AAEd,GAEMG,IAAaF,EAAW,QAAQ,OAAO,UAAA,GA8EhCG,IAAuCC,EAAM,gBAAgB;AAAA,EACxE,SAAAT;AAAA,EACA,OAAAM;AAAA,EACA,iBAAAL;AAAA,EACA,YAAAM;AACF,GAAG,EAAE,OAAO,GAAA,CAAO;;;;;"}

package/dist/{index-CjOuk67A.js → index-C0H96DKS.js}

@@ -2,12 +2,12 @@ import { layout as s } from "@universityofmaryland/web-elements-library/composit
 import * as g from "@universityofmaryland/web-utilities-library/validation";
 import { Model as n, Attributes as t, Slots as a, Lifecycle as f } from "@universityofmaryland/web-model-library";
 import { createSlot as i } from "@universityofmaryland/web-utilities-library/elements";
-import { layout as h } from "@universityofmaryland/web-elements-library/atomic";
-const S = "umd-element-logo", b = {
+import { layout as y } from "@universityofmaryland/web-elements-library/atomic";
+const S = "umd-element-logo", h = {
   image: {
     required: !0
   }
-}, T = (e) => s.box.logo({
+}, L = (e) => s.box.logo({
   image: g.getValidatedSlotImage({
     element: e,
     slotName: a.name.assets.image
@@ -17,55 +17,47 @@ const S = "umd-element-logo", b = {
   isBordered: t.isVisual.bordered({ element: e })
 }), r = n.defineComponent({
   tagName: S,
-  slots: b,
-  createComponent: T
-}, { eager: !1 }), k = "umd-layout-image-expand", L = {
+  slots: h,
+  createComponent: L
+}, { eager: !1 }), N = "umd-layout-image-expand", T = {
   content: {
     required: !0
   },
   image: {
     required: !0
   }
-}, N = (e) => s.image.expand({
+}, b = (e) => s.image.expand({
   content: i("content"),
   image: g.getValidatedSlotImage({
     element: e,
     slotName: a.name.assets.image
   })
 }), c = n.defineComponent({
-  tagName: k,
-  slots: L,
-  createComponent: N
-}, { eager: !1 }), $ = "umd-element-modal", v = (e) => {
-  const o = () => {
-    e.setAttribute(
-      t.names.layout.hidden,
-      t.values.state.TRUE
-    );
-  }, y = {
+  tagName: N,
+  slots: T,
+  createComponent: b
+}, { eager: !1 }), k = "umd-element-modal", $ = (e) => {
+  const o = {
     content: a.content.default({ element: e, isDefaultStyling: !1 }),
     isHidden: t.isLayout.hidden({ element: e }),
-    context: e,
-    callback: o
+    context: e
   };
-  return h.overlay.modal(y);
-}, I = t.handler.common.visualShowHide({
+  return y.overlay.modal(o);
+}, x = t.handler.common.visualShowHide({
   onShow: (e) => e.events?.show(),
   onHide: (e) => e.events?.hide()
-}), l = n.defineComponent({
-  tagName: $,
-  attributes: I,
-  createComponent: v
-}, { eager: !1 }), x = "umd-element-scroll-top", A = (e) => {
+}), m = n.defineComponent({
+  tagName: k,
+  attributes: x,
+  createComponent: $
+}, { eager: !1 }), v = "umd-element-scroll-top", I = (e) => {
   const o = {
-    isFixed: e.hasAttribute(
-      t.names.deprecated.layout.LAYOUT_FIXED
-    )
+    isFixed: t.isLayout.fixed({ element: e })
   };
   return s.scrollTop(o);
-}, m = n.defineComponent({
-  tagName: x,
-  createComponent: A,
+}, l = n.defineComponent({
+  tagName: v,
+  createComponent: I,
   afterConnect: f.hooks.loadOnConnect
 }, { eager: !1 }), C = ({
   element: e,
@@ -74,7 +66,7 @@ const S = "umd-element-logo", b = {
   headline: a.headline.default({ element: e }),
   actions: a.actions.default({ element: e }),
   isThemeDark: o
-}), O = "umd-element-section-intro", _ = (e) => s.sectionIntro.small({
+}), O = "umd-element-section-intro", P = (e) => s.sectionIntro.small({
   ...C({
     element: e,
     isThemeDark: t.isTheme.dark({ element: e })
@@ -85,15 +77,15 @@ const S = "umd-element-logo", b = {
   )
 }), d = n.defineComponent({
   tagName: O,
-  createComponent: _
-}, { eager: !1 }), P = "umd-element-section-intro-wide", D = (e) => s.sectionIntro.wide(
+  createComponent: P
+}, { eager: !1 }), _ = "umd-element-section-intro-wide", A = (e) => s.sectionIntro.wide(
   C({
     element: e,
     isThemeDark: t.isTheme.dark({ element: e })
   })
 ), u = n.defineComponent({
-  tagName: P,
-  createComponent: D
+  tagName: _,
+  createComponent: A
 }, { eager: !1 }), q = "umd-element-sticky-columns", w = {
   "sticky-column": {
     required: !0
@@ -101,7 +93,7 @@ const S = "umd-element-logo", b = {
   "static-column": {
     required: !0
   }
-}, E = t.handler.combine(
+}, D = t.handler.combine(
   t.handler.observe.visuallyPosition({
     callback: (e, o) => e.events?.setPosition({ value: o })
   }),
@@ -119,20 +111,20 @@ const S = "umd-element-logo", b = {
   tagName: q,
   slots: w,
   createComponent: M,
-  attributes: E
-}, { eager: !1 }), F = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  attributes: D
+}, { eager: !1 }), Y = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   LayoutBoxLogo: r,
   LayoutImageExpand: c,
-  LayoutModal: l,
-  LayoutScrollTop: m,
+  LayoutModal: m,
+  LayoutScrollTop: l,
   LayoutSectionIntroSmall: d,
   LayoutSectionIntroWide: u,
   LayoutStickyColumns: p,
   boxLogo: r,
   imageExpand: c,
-  modal: l,
-  scrollTop: m,
+  modal: m,
+  scrollTop: l,
   sectionIntroSmall: d,
   sectionIntroWide: u,
   stickyColumns: p
@@ -140,11 +132,11 @@ const S = "umd-element-logo", b = {
 export {
   r as L,
   c as a,
-  l as b,
-  m as c,
+  m as b,
+  l as c,
   d,
   u as e,
   p as f,
-  F as l
+  Y as l
 };
-//# sourceMappingURL=index-CjOuk67A.js.map
+//# sourceMappingURL=index-C0H96DKS.js.map

package/dist/index-C0H96DKS.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-C0H96DKS.js","sources":["../source/web-components/layout/box-logo.ts","../source/web-components/layout/image-expand.ts","../source/web-components/layout/modal.ts","../source/web-components/layout/scroll-top.ts","../source/web-components/layout/section-intro/common.ts","../source/web-components/layout/section-intro/small.ts","../source/web-components/layout/section-intro/wide.ts","../source/web-components/layout/sticky-columns.ts"],"sourcesContent":["import { layout } from '@universityofmaryland/web-elements-library/composite';\nimport * as validation from '@universityofmaryland/web-utilities-library/validation';\nimport { Attributes, Model, Slots } from '@universityofmaryland/web-model-library';\nimport {\n  CreateComponentFunction,\n  ComponentRegistration,\n  SlotConfiguration,\n} from '../../_types';\n\nconst tagName = 'umd-element-logo';\n\nconst slots: SlotConfiguration = {\n  image: {\n    required: true,\n  },\n};\n\nconst createComponent: CreateComponentFunction = (element) =>\n  layout.box.logo({\n    image: validation.getValidatedSlotImage({\n      element,\n      slotName: Slots.name.assets.image,\n    }) as HTMLImageElement,\n    text: Slots.text.default({ element }),\n    isThemeDark: Attributes.isTheme.dark({ element }),\n    isBordered: Attributes.isVisual.bordered({ element }),\n  });\n\n/**\n * Box Logo\n *\n * A layout component that displays a logo image with optional text content in a boxed layout.\n * Commonly used for brand identity sections, partner logos, or featured organization displays.\n *\n * ## Custom Element\n * `<umd-element-logo>`\n *\n * ## Slots\n * - `image` - Logo image (required, accepts: img)\n * - Default slot - Optional text content to display alongside the logo\n *\n * ## Attributes\n * - `data-theme` - Theme options:\n *   - `dark` - Dark background with light text\n * - `data-visual` - Visual styling options:\n *   - `bordered` - Adds a border around the component\n *\n * @example\n * ```html\n * <!-- Basic logo display -->\n * <umd-element-logo>\n *   <img slot=\"image\" src=\"logo.png\" alt=\"Company Logo\" />\n * </umd-element-logo>\n * ```\n *\n * @example\n * ```html\n * <!-- Logo with text and dark theme -->\n * <umd-element-logo data-theme=\"dark\">\n *   <img slot=\"image\" src=\"partner-logo.png\" alt=\"Partner Logo\" />\n *   <p>Official University Partner</p>\n * </umd-element-logo>\n * ```\n *\n * @example\n * ```html\n * <!-- Bordered logo box -->\n * <umd-element-logo data-visual=\"bordered\">\n *   <img slot=\"image\" src=\"sponsor.png\" alt=\"Sponsor Logo\" />\n *   <span>Gold Sponsor</span>\n * </umd-element-logo>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const LayoutBoxLogo: ComponentRegistration = Model.defineComponent({\n  tagName,\n  slots,\n  createComponent,\n}, { eager: false });\n\n/** Backwards compatibility alias for grouped exports */\nexport { LayoutBoxLogo as boxLogo };\n","import { layout } from '@universityofmaryland/web-elements-library/composite';\nimport { createSlot } from '@universityofmaryland/web-utilities-library/elements';\nimport * as validation from '@universityofmaryland/web-utilities-library/validation';\nimport { Model, Slots } from '@universityofmaryland/web-model-library';\nimport {\n  CreateComponentFunction,\n  ComponentRegistration,\n  SlotConfiguration,\n} from '../../_types';\n\nconst tagName = 'umd-layout-image-expand';\n\nconst slots: SlotConfiguration = {\n  content: {\n    required: true,\n  },\n  image: {\n    required: true,\n  },\n};\n\nconst createComponent: CreateComponentFunction = (element) =>\n  layout.image.expand({\n    content: createSlot('content'),\n    image: validation.getValidatedSlotImage({\n      element,\n      slotName: Slots.name.assets.image,\n    }) as HTMLImageElement,\n  });\n\n/**\n * Image Expand Layout\n *\n * A layout component that presents content alongside an expandable image. The image can extend\n * beyond the normal content boundaries to create visual impact. Ideal for showcasing featured\n * content, hero sections, or highlighting important information with striking visuals.\n *\n * ## Custom Element\n * `<umd-layout-image-expand>`\n *\n * ## Slots\n * - `content` - Main content area (required, accepts: any elements)\n * - `image` - Featured image that can expand (required, accepts: img)\n *\n * @example\n * ```html\n * <!-- Basic image expand layout -->\n * <umd-layout-image-expand>\n *   <div slot=\"content\">\n *     <h2>Featured Research</h2>\n *     <p>Breakthrough discoveries in quantum computing...</p>\n *   </div>\n *   <img slot=\"image\" src=\"research-lab.jpg\" alt=\"Quantum Lab\" />\n * </umd-layout-image-expand>\n * ```\n *\n * @example\n * ```html\n * <!-- With rich content -->\n * <umd-layout-image-expand>\n *   <article slot=\"content\">\n *     <h1>Campus Innovation Hub</h1>\n *     <p>The new Innovation Hub brings together students, faculty, and industry partners...</p>\n *     <a href=\"/innovation\">Learn More</a>\n *   </article>\n *   <img slot=\"image\" src=\"innovation-hub.jpg\" alt=\"Innovation Hub Interior\" />\n * </umd-layout-image-expand>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const LayoutImageExpand: ComponentRegistration = Model.defineComponent({\n  tagName,\n  slots,\n  createComponent,\n}, { eager: false });\n\n/** Backwards compatibility alias for grouped exports */\nexport { LayoutImageExpand as imageExpand };\n","import { layout } from '@universityofmaryland/web-elements-library/atomic';\nimport { Attributes, Model, Slots } from '@universityofmaryland/web-model-library';\nimport { CreateComponentFunction, ComponentRegistration, LayoutProps } from '../../_types';\n\ninterface ModalProps extends LayoutProps {\n  content: HTMLElement | null;\n  context: HTMLElement;\n}\n\nconst tagName = 'umd-element-modal';\n\nconst createComponent: CreateComponentFunction = (element) => {\n  const props: ModalProps = {\n    content: Slots.content.default({ element, isDefaultStyling: false }),\n    isHidden: Attributes.isLayout.hidden({ element }),\n    context: element,\n  };\n\n  return layout.overlay.modal(props);\n};\n\nconst attributes = Attributes.handler.common.visualShowHide({\n  onShow: (element) => element.events?.show(),\n  onHide: (element) => element.events?.hide(),\n});\n\n/**\n * Modal\n *\n * A modal overlay component that displays content in a focused dialog window.\n * Includes backdrop, close functionality, and proper focus management for accessibility.\n * The modal can be controlled programmatically through observed attributes.\n *\n * ## Custom Element\n * `<umd-element-modal>`\n *\n * ## Slots\n * - Default slot - Content to display inside the modal\n *\n * ## Attributes\n * - `data-layout-hidden` - Initial visibility state:\n *   - `true` - Modal starts hidden\n *   - Absence implies visible\n *\n * ## Observed Attributes\n * - `data-layout-hidden` - Controls visibility:\n *   - `false` (when previously `true`) — shows the modal\n *   - `true` (when previously `false`) — hides the modal\n *\n * ## Dispatched Events\n * Both events bubble and are `composed: true` (they cross the Shadow DOM boundary).\n * - `modal:show` — dispatched on the host element when the modal opens\n * - `modal:hide` — dispatched on the host element when the modal closes\n *\n * @fires modal:show - When the modal opens\n * @fires modal:hide - When the modal closes\n *\n * @example\n * ```html\n * <!-- Listening for dispatched events -->\n * <umd-element-modal id=\"my-modal\" data-layout-hidden=\"true\">\n *   <div slot=\"content\">...</div>\n * </umd-element-modal>\n *\n * <script>\n *   const modal = document.getElementById('my-modal');\n *   modal.addEventListener('modal:show', () => console.log('modal opened'));\n *   modal.addEventListener('modal:hide', () => console.log('modal closed'));\n * </script>\n * ```\n *\n * @example\n * ```html\n * <!-- Basic modal -->\n * <umd-element-modal data-layout-hidden=\"true\">\n *   <h2>Welcome</h2>\n *   <p>This is modal content.</p>\n *   <button>Close</button>\n * </umd-element-modal>\n * ```\n *\n * @example\n * ```html\n * <!-- Programmatic control -->\n * <button id=\"open-modal\">Open Modal</button>\n * <umd-element-modal id=\"my-modal\" data-layout-hidden=\"true\">\n *   <div class=\"modal-content\">\n *     <h2>Important Information</h2>\n *     <p>Please read this carefully...</p>\n *     <button id=\"close-modal\">I Understand</button>\n *   </div>\n * </umd-element-modal>\n *\n * <script>\n *   const modal = document.getElementById('my-modal');\n *   document.getElementById('open-modal').addEventListener('click', () => {\n *     modal.setAttribute('data-visual-open', 'true');\n *   });\n *   document.getElementById('close-modal').addEventListener('click', () => {\n *     modal.setAttribute('data-visual-closed', 'true');\n *   });\n * </script>\n * ```\n *\n * @example\n * ```html\n * <!-- Form modal -->\n * <umd-element-modal data-layout-hidden=\"true\">\n *   <form>\n *     <h2>Contact Us</h2>\n *     <label>\n *       Name:\n *       <input type=\"text\" name=\"name\" required>\n *     </label>\n *     <label>\n *       Email:\n *       <input type=\"email\" name=\"email\" required>\n *     </label>\n *     <textarea name=\"message\" placeholder=\"Your message\"></textarea>\n *     <button type=\"submit\">Send</button>\n *   </form>\n * </umd-element-modal>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const LayoutModal: ComponentRegistration = Model.defineComponent({\n  tagName,\n  attributes,\n  createComponent,\n}, { eager: false });\n\n/** Backwards compatibility alias for grouped exports */\nexport { LayoutModal as modal };\n","import { layout } from '@universityofmaryland/web-elements-library/composite';\nimport { Attributes, Lifecycle, Model } from '@universityofmaryland/web-model-library';\nimport { CreateComponentFunction, ComponentRegistration, LayoutProps } from '../../_types';\n\ninterface ScrollTopProps extends Pick<LayoutProps, 'isFixed'> {}\n\nconst tagName = 'umd-element-scroll-top';\n\nconst createComponent: CreateComponentFunction = (element) => {\n  const props: ScrollTopProps = {\n    isFixed: Attributes.isLayout.fixed({ element }),\n  };\n\n  return layout.scrollTop(props);\n};\n\n/**\n * Scroll to Top\n *\n * A utility component that provides a smooth scroll-to-top functionality.\n * Displays a button that appears after scrolling down and returns users to the top of the page.\n * Can be positioned fixed or absolute within its container.\n *\n * ## Custom Element\n * `<umd-element-scroll-top>`\n *\n * ## Attributes\n * - `data-layout-fixed` - Positioning mode:\n *   - When present - Fixed positioning relative to viewport\n *   - When absent - Absolute positioning within parent container\n *\n * @example\n * ```html\n * <!-- Basic scroll to top button -->\n * <umd-element-scroll-top></umd-element-scroll-top>\n * ```\n *\n * @example\n * ```html\n * <!-- Fixed position scroll to top -->\n * <umd-element-scroll-top data-layout-fixed></umd-element-scroll-top>\n * ```\n *\n * @example\n * ```html\n * <!-- Within a specific container -->\n * <div class=\"content-wrapper\" style=\"position: relative;\">\n *   <article>\n *     <!-- Long content here -->\n *   </article>\n *   <umd-element-scroll-top></umd-element-scroll-top>\n * </div>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const LayoutScrollTop: ComponentRegistration = Model.defineComponent({\n  tagName,\n  createComponent,\n  afterConnect: Lifecycle.hooks.loadOnConnect,\n}, { eager: false });\n\n/** Backwards compatibility alias for grouped exports */\nexport { LayoutScrollTop as scrollTop };\n","import { Slots } from '@universityofmaryland/web-model-library';\n\nexport const CommonIntroData = ({\n  element,\n  isThemeDark,\n}: {\n  element: HTMLElement;\n  isThemeDark?: boolean;\n}) => ({\n  headline: Slots.headline.default({ element }),\n  actions: Slots.actions.default({ element }),\n  isThemeDark,\n});\n","import { layout } from '@universityofmaryland/web-elements-library/composite';\nimport {\n  Attributes,\n  Lifecycle,\n  Model,\n  Slots,\n} from '@universityofmaryland/web-model-library';\nimport { CommonIntroData } from './common';\nimport {\n  CreateComponentFunction,\n  ComponentRegistration,\n} from '../../../_types';\n\nconst tagName = 'umd-element-section-intro';\n\nconst createComponent: CreateComponentFunction = (element) =>\n  layout.sectionIntro.small({\n    ...CommonIntroData({\n      element,\n      isThemeDark: Attributes.isTheme.dark({ element }),\n    }),\n    text: Slots.text.default({ element }),\n    hasSeparator: element.hasAttribute(\n      Attributes.names.deprecated.option.OPTIONAL_HAS_SEPARATOR,\n    ),\n  });\n\n/**\n * Section Introduction (Small)\n *\n * A compact section introduction component that provides a headline, descriptive text,\n * and optional action buttons. Designed for introducing content sections with minimal\n * space usage.\n *\n * ## Custom Element\n * `<umd-element-section-intro>`\n *\n * ## Slots\n * - `headline` - Section headline/title\n * - `actions` - Call-to-action buttons or links\n * - Default slot - Descriptive text content\n *\n * ## Attributes\n * - `data-theme` - Theme options:\n *   - `dark` - Dark background with light text\n * - `data-has-separator` - Adds visual separator line\n *\n * @example\n * ```html\n * <!-- Basic section intro -->\n * <umd-element-section-intro>\n *   <h2 slot=\"headline\">Our Mission</h2>\n *   <p>We are committed to excellence in education and research.</p>\n * </umd-element-section-intro>\n * ```\n *\n * @example\n * ```html\n * <!-- With actions and separator -->\n * <umd-element-section-intro data-has-separator>\n *   <h2 slot=\"headline\">Get Started</h2>\n *   <p>Join our community of innovators and leaders.</p>\n *   <div slot=\"actions\">\n *     <a href=\"/apply\">Apply Now</a>\n *     <a href=\"/info\">Learn More</a>\n *   </div>\n * </umd-element-section-intro>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const LayoutSectionIntroSmall: ComponentRegistration = Model.defineComponent({\n  tagName,\n  createComponent,\n}, { eager: false });\n\n/** Backwards compatibility alias for grouped exports */\nexport { LayoutSectionIntroSmall as sectionIntroSmall };\n","import { layout } from '@universityofmaryland/web-elements-library/composite';\nimport { Attributes, Model } from '@universityofmaryland/web-model-library';\nimport { CommonIntroData } from './common';\nimport {\n  CreateComponentFunction,\n  ComponentRegistration,\n} from '../../../_types';\n\nconst tagName = 'umd-element-section-intro-wide';\n\nconst createComponent: CreateComponentFunction = (element) =>\n  layout.sectionIntro.wide(\n    CommonIntroData({\n      element,\n      isThemeDark: Attributes.isTheme.dark({ element }),\n    }),\n  );\n\n/**\n * Section Introduction (Wide)\n *\n * A full-width section introduction component that spans the entire container width.\n * Provides a bold headline and optional action buttons for high-impact section openings.\n * Ideal for major content divisions or landing page sections.\n *\n * ## Custom Element\n * `<umd-element-section-intro-wide>`\n *\n * ## Slots\n * - `headline` - Section headline/title\n * - `actions` - Call-to-action buttons or links\n *\n * ## Attributes\n * - `data-theme` - Theme options:\n *   - `dark` - Dark background with light text\n *\n * @example\n * ```html\n * <!-- Basic wide section intro -->\n * <umd-element-section-intro-wide>\n *   <h1 slot=\"headline\">Welcome to the University of Maryland</h1>\n * </umd-element-section-intro-wide>\n * ```\n *\n * @example\n * ```html\n * <!-- With call-to-action -->\n * <umd-element-section-intro-wide>\n *   <h2 slot=\"headline\">Discover Your Path</h2>\n *   <div slot=\"actions\">\n *     <a href=\"/programs\" class=\"button\">Explore Programs</a>\n *     <a href=\"/visit\" class=\"button-outline\">Plan a Visit</a>\n *   </div>\n * </umd-element-section-intro-wide>\n * ```\n *\n * @example\n * ```html\n * <!-- Dark theme variant -->\n * <umd-element-section-intro-wide data-theme=\"dark\">\n *   <h1 slot=\"headline\">Innovation Starts Here</h1>\n *   <a slot=\"actions\" href=\"/innovation\">Join the Movement</a>\n * </umd-element-section-intro-wide>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const LayoutSectionIntroWide: ComponentRegistration = Model.defineComponent({\n  tagName,\n  createComponent,\n}, { eager: false });\n\n/** Backwards compatibility alias for grouped exports */\nexport { LayoutSectionIntroWide as sectionIntroWide };\n","import { layout } from '@universityofmaryland/web-elements-library/composite';\nimport { createSlot } from '@universityofmaryland/web-utilities-library/elements';\nimport { Attributes, Model, Slots } from '@universityofmaryland/web-model-library';\nimport {\n  CreateComponentFunction,\n  ComponentRegistration,\n  SlotConfiguration,\n} from '../../_types';\n\nconst tagName = 'umd-element-sticky-columns';\n\nconst slots: SlotConfiguration = {\n  [`sticky-column`]: {\n    required: true,\n  },\n  [`static-column`]: {\n    required: true,\n  },\n};\n\nconst attributes = Attributes.handler.combine(\n  Attributes.handler.observe.visuallyPosition({\n    callback: (element, topPosition) =>\n      element.events?.setPosition({ value: topPosition }),\n  }),\n  // Deprecated\n  Attributes.handler.observe.visuallyPosition({\n    name: Attributes.names.deprecated.layout.LAYOUT_STICKY_TOP,\n    callback: (element, topPosition) =>\n      element.events?.setPosition({ value: topPosition }),\n  }),\n);\n\nconst createComponent: CreateComponentFunction = (element) =>\n  layout.stickyColumns({\n    stickyColumn: createSlot(Slots.name.STICKY_COLUMN),\n    staticColumn: createSlot(Slots.name.STATIC_COLUMN),\n    isStickyLast: !Attributes.isVisual.stickyFirst({ element }),\n    topPosition: Attributes.getValue.topPosition({ element }),\n  });\n\n/**\n * Sticky Columns\n *\n * A two-column layout component where one column remains sticky during scroll while\n * the other scrolls normally. Useful for keeping navigation, table of contents, or\n * supplementary information visible while scrolling through main content.\n *\n * ## Custom Element\n * `<umd-element-sticky-columns>`\n *\n * ## Slots\n * - `sticky-column` - Content that remains fixed during scroll (required)\n * - `static-column` - Content that scrolls normally (required)\n *\n * ## Attributes\n * - `data-visual` - Column order options:\n *   - `sticky-first` - Sticky column appears first (left on desktop)\n *\n * ## Observed Attributes\n * - `data-visual-position` - Sets the top position offset for the sticky column (in pixels)\n *\n * @example\n * ```html\n * <!-- Basic sticky columns with navigation -->\n * <umd-element-sticky-columns>\n *   <nav slot=\"sticky-column\">\n *     <ul>\n *       <li><a href=\"#section1\">Section 1</a></li>\n *       <li><a href=\"#section2\">Section 2</a></li>\n *       <li><a href=\"#section3\">Section 3</a></li>\n *     </ul>\n *   </nav>\n *   <article slot=\"static-column\">\n *     <section id=\"section1\">...</section>\n *     <section id=\"section2\">...</section>\n *     <section id=\"section3\">...</section>\n *   </article>\n * </umd-element-sticky-columns>\n * ```\n *\n * @example\n * ```html\n * <!-- Sticky column first with custom offset -->\n * <umd-element-sticky-columns data-visual=\"sticky-first\" data-visual-position=\"100\">\n *   <aside slot=\"sticky-column\">\n *     <h3>Quick Facts</h3>\n *     <ul>\n *       <li>Founded: 1856</li>\n *       <li>Students: 40,000+</li>\n *       <li>Location: College Park, MD</li>\n *     </ul>\n *   </aside>\n *   <main slot=\"static-column\">\n *     <h1>About the University</h1>\n *     <p>Long content about the university...</p>\n *   </main>\n * </umd-element-sticky-columns>\n * ```\n *\n * @example\n * ```html\n * <!-- Dynamic sticky position adjustment -->\n * <umd-element-sticky-columns id=\"sticky-layout\">\n *   <div slot=\"sticky-column\">Sticky content</div>\n *   <div slot=\"static-column\">Scrollable content</div>\n * </umd-element-sticky-columns>\n *\n * <script>\n *   // Adjust sticky position based on header height\n *   const stickyLayout = document.getElementById('sticky-layout');\n *   const headerHeight = document.querySelector('header').offsetHeight;\n *   stickyLayout.setAttribute('data-visual-position', headerHeight + 20);\n * </script>\n * ```\n *\n * @category Components\n * @since 1.0.0\n */\nexport const LayoutStickyColumns: ComponentRegistration = Model.defineComponent({\n  tagName,\n  slots,\n  createComponent,\n  attributes,\n}, { eager: false });\n\n/** Backwards compatibility alias for grouped exports */\nexport { LayoutStickyColumns as stickyColumns };\n"],"names":["tagName","slots","createComponent","element","layout","validation","Slots","Attributes","LayoutBoxLogo","Model","createSlot","LayoutImageExpand","props","attributes","LayoutModal","LayoutScrollTop","Lifecycle","CommonIntroData","isThemeDark","LayoutSectionIntroSmall","LayoutSectionIntroWide","topPosition","LayoutStickyColumns"],"mappings":"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"}

package/dist/{index-C8YoHmAp.js → index-Dj28K-Au.js}

@@ -1,51 +1,51 @@
 import { carousel as c } from "@universityofmaryland/web-elements-library/composite";
-import { createSlot as I } from "@universityofmaryland/web-utilities-library/elements";
-import { Attributes as n, Model as u, Lifecycle as g, Slots as o } from "@universityofmaryland/web-model-library";
+import { createSlot as z } from "@universityofmaryland/web-utilities-library/elements";
+import { Attributes as a, Model as u, Lifecycle as f, Slots as o } from "@universityofmaryland/web-model-library";
 import { imageHasAlt as p } from "@universityofmaryland/web-utilities-library/accessibility";
 const B = "umd-element-carousel", E = {
   blocks: {
     required: !0
   }
-}, D = n.handler.common.resize(
+}, D = a.handler.common.resize(
   (e) => e.events?.resize()
 ), M = (e) => {
-  const l = e.shadowRoot, a = n.isTheme.dark({
+  const l = e.shadowRoot, n = a.isTheme.dark({
     element: e
-  }), s = e.getAttribute("left-button"), d = e.getAttribute("right-button"), i = e.getAttribute("mobile-hint"), r = e.getAttribute("hint"), t = e.getAttribute("tablet-size"), m = e.getAttribute("desktop-size"), f = e.getAttribute("tablet-count"), b = e.getAttribute("desktop-count"), h = e.getAttribute("max-count"), T = e.getAttribute("grid-gap-pixels"), C = e.querySelector(
+  }), s = e.getAttribute("left-button"), d = e.getAttribute("right-button"), i = e.getAttribute("mobile-hint"), r = e.getAttribute("hint"), t = e.getAttribute("tablet-size"), m = e.getAttribute("desktop-size"), g = e.getAttribute("tablet-count"), b = e.getAttribute("desktop-count"), C = e.getAttribute("max-count"), x = e.getAttribute("grid-gap-pixels"), h = e.querySelector(
     `[slot="${o.name.BLOCKS}"]`
-  ), x = Array.from(
-    C.querySelectorAll(":scope > *")
+  ), I = Array.from(
+    h.querySelectorAll(":scope > *")
   );
   let S = !0, A = !0, $ = !0, k = !0;
   s === "false" && (S = !1), d === "false" && (A = !1), i === "false" && ($ = !1), r === "false" && (k = !1), (() => {
-    const O = I(o.name.BLOCKS);
+    const O = z(o.name.BLOCKS);
     l.appendChild(O);
   })();
   const R = l.querySelector(
     `[name="${o.name.BLOCKS}"]`
   );
   return c.macro({
-    slide: C,
+    slide: h,
     shadowRef: R,
-    blocks: x,
-    isThemeDark: a,
+    blocks: I,
+    isThemeDark: n,
     hasLeftButton: S,
     hasRightButton: A,
     mobileHint: $,
     hint: k,
     tabletSize: t ? parseInt(t) : void 0,
     desktopSize: m ? parseInt(m) : void 0,
-    tabletCount: f ? parseInt(f) : void 0,
+    tabletCount: g ? parseInt(g) : void 0,
     desktopCount: b ? parseInt(b) : void 0,
-    maxCount: h ? parseInt(h) : void 0,
-    gridGap: T
+    maxCount: C ? parseInt(C) : void 0,
+    gridGap: x
   });
 }, y = u.defineComponent({
   tagName: B,
   slots: E,
   createComponent: M,
   attributes: [D],
-  afterConnect: g.hooks.loadOnConnect
+  afterConnect: f.hooks.loadOnConnect
 }, { eager: !1 }), L = "umd-element-carousel-cards", H = {
   cards: {
     required: !0
@@ -53,23 +53,23 @@ const B = "umd-element-carousel", E = {
   headline: o.element.allowed.headline,
   text: o.element.allowed.text,
   actions: o.element.allowed.actions
-}, G = n.handler.common.resize(
+}, G = a.handler.common.resize(
   (e) => e.events?.resize()
 ), F = (e) => {
-  const l = e.shadowRoot, a = e.querySelector(
+  const l = e.shadowRoot, n = e.querySelector(
     `[slot="${o.name.CARDS}"]`
   ), s = Array.from(
-    a.querySelectorAll(":scope > *")
+    n.querySelectorAll(":scope > *")
   );
   (() => {
-    const r = I(o.name.CARDS);
+    const r = z(o.name.CARDS);
     l.appendChild(r);
   })();
   const i = l.querySelector(
     `[name="${o.name.CARDS}"]`
   );
   return c.cards({
-    slide: a,
+    slide: n,
     shadowRef: i,
     cards: s,
     headline: o.headline.default({ element: e }),
@@ -81,7 +81,7 @@ const B = "umd-element-carousel", E = {
   slots: H,
   createComponent: F,
   attributes: [G],
-  afterConnect: g.hooks.loadOnConnect
+  afterConnect: f.hooks.loadOnConnect
 }, { eager: !1 }), K = "umd-element-carousel-image", _ = {
   images: {
     required: !0,
@@ -93,16 +93,16 @@ const B = "umd-element-carousel", E = {
   texts: {
     allowedElements: ["div"]
   }
-}, j = n.handler.common.resize(
+}, j = a.handler.common.resize(
   (e) => e.events?.SetEventReize()
-), P = (e) => {
+), V = (e) => {
   const l = Array.from(
     e.querySelectorAll(`[slot="${o.name.IMAGES}"] > *`)
-  ), a = Array.from(
+  ), n = Array.from(
     e.querySelectorAll(`[slot="${o.name.HEADLINES}"] > *`)
   ), s = Array.from(
     e.querySelectorAll(`[slot="${o.name.TEXTS}"] > *`)
-  ), d = a.map(
+  ), d = n.map(
     (t) => t.cloneNode(!0)
   ), i = s.map(
     (t) => t.cloneNode(!0)
@@ -111,92 +111,90 @@ const B = "umd-element-carousel", E = {
     images: r,
     headlines: d,
     texts: i,
-    isThemeDark: n.isTheme.dark({ element: e }),
-    isFullScreenOption: n.includesFeature.fullScreenOption({
-      element: e
-    })
+    isThemeDark: a.isTheme.dark({ element: e }),
+    isFullScreenOption: a.includesFeature.fullScreenOption({ element: e }),
+    isToggleCaption: a.isVisual.textToggle({ element: e })
   });
 }, w = u.defineComponent({
   tagName: K,
   slots: _,
-  createComponent: P,
+  createComponent: V,
   attributes: [j]
-}, { eager: !1 }), W = "umd-element-carousel-multiple-image", X = {
+}, { eager: !1 }), P = "umd-element-carousel-multiple-image", W = {
   images: {
     required: !0,
     allowedElements: ["div", "img"]
   }
-}, J = n.handler.common.resize(
+}, X = a.handler.common.resize(
   (e) => e.events?.SetEventReize()
-), Q = (e) => {
-  const a = Array.from(
+), J = (e) => {
+  const n = Array.from(
     e.querySelectorAll(`[slot="${o.name.IMAGES}"] > *`)
   ).map((s) => s.nodeName === "IMG" && p(s) ? s.cloneNode(!0) : null).filter((s) => s !== null);
   return c.images({
-    images: a,
-    isThemeDark: n.isTheme.dark({ element: e }),
-    isFullScreenOption: n.includesFeature.fullScreenOption({
-      element: e
-    })
+    images: n,
+    isThemeDark: a.isTheme.dark({ element: e }),
+    isFullScreenOption: a.includesFeature.fullScreenOption({ element: e }),
+    isToggleCaption: a.isVisual.textToggle({ element: e })
   });
 }, N = u.defineComponent({
-  tagName: W,
-  slots: X,
-  createComponent: Q,
-  attributes: [J]
-}, { eager: !1 }), U = "umd-element-carousel-thumbnail", V = {
+  tagName: P,
+  slots: W,
+  createComponent: J,
+  attributes: [X]
+}, { eager: !1 }), Q = "umd-element-carousel-thumbnail", U = {
   blocks: {
     required: !0
   }
-}, Y = n.handler.common.resize(
+}, Y = a.handler.common.resize(
   (e) => e.events?.resize()
 ), Z = (e) => {
-  const a = Array.from(
+  const n = Array.from(
     e.querySelectorAll(`[slot="${o.name.BLOCKS}"] > *`)
   ).map(
     (s) => s.cloneNode(!0)
   );
   return c.thumbnail({
-    blocks: a,
-    isThemeDark: n.isTheme.dark({ element: e })
+    blocks: n,
+    isThemeDark: a.isTheme.dark({ element: e })
   });
 }, q = u.defineComponent({
-  tagName: U,
-  slots: V,
+  tagName: Q,
+  slots: U,
   createComponent: Z,
   attributes: [Y],
-  afterConnect: g.hooks.loadOnConnect
+  afterConnect: f.hooks.loadOnConnect
 }, { eager: !1 }), ee = "umd-element-carousel-image-wide", te = {
   slides: {
     required: !0,
     allowedElements: ["figure", "div"]
   }
-}, oe = n.handler.common.resize(
+}, oe = a.handler.common.resize(
   (e) => e.events?.resize()
 ), se = (e) => {
-  const l = e.getAttribute("title"), a = e.getAttribute("animation-time"), s = e.getAttribute("mobile-breakpoint"), i = Array.from(
+  const l = e.getAttribute("title"), n = e.getAttribute("animation-time"), s = e.getAttribute("mobile-breakpoint"), i = Array.from(
     e.querySelectorAll('[slot="slides"] > *')
   ).map((r) => {
-    const t = r.querySelector("img"), m = r.querySelector("[data-headline]"), f = r.querySelector("[data-text]");
+    const t = r.querySelector("img"), m = r.querySelector("[data-headline]"), g = r.querySelector("[data-text]");
     return t && !p(t) ? (console.warn("Carousel slide image missing alt text:", t), null) : {
       image: t ? t.cloneNode(!0) : null,
       headline: m ? m.cloneNode(!0) : void 0,
-      text: f ? f.cloneNode(!0) : void 0
+      text: g ? g.cloneNode(!0) : void 0
     };
   }).filter((r) => r && r.image);
   return c.wide({
     slides: i,
     title: l || void 0,
-    isThemeDark: n.isTheme.dark({ element: e }),
-    animationTime: a ? parseInt(a) : void 0,
+    isThemeDark: a.isTheme.dark({ element: e }),
+    animationTime: n ? parseInt(n) : void 0,
     mobileBreakpoint: s ? parseInt(s) : void 0
   });
-}, z = u.defineComponent({
+}, T = u.defineComponent({
   tagName: ee,
   slots: te,
   createComponent: se,
   attributes: [oe],
-  afterConnect: g.hooks.loadOnConnect
+  afterConnect: f.hooks.loadOnConnect
 }, { eager: !1 }), ce = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   CarouselBase: y,
@@ -204,13 +202,13 @@ const B = "umd-element-carousel", E = {
   CarouselImageMultiple: N,
   CarouselImageSingle: w,
   CarouselThumbnail: q,
-  CarouselWide: z,
+  CarouselWide: T,
   base: y,
   cards: v,
   imageMultiple: N,
   imageSingle: w,
   thumbnail: q,
-  wide: z
+  wide: T
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   y as C,
@@ -218,7 +216,7 @@ export {
   N as b,
   w as c,
   q as d,
-  z as e,
+  T as e,
   ce as f
 };
-//# sourceMappingURL=index-C8YoHmAp.js.map
+//# sourceMappingURL=index-Dj28K-Au.js.map