@universityofmaryland/web-elements-library 1.5.9 → 1.6.0-beta.1

package/dist/composite/card/overlay/image.js

@@ -1,55 +1,35 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const token = require("@universityofmaryland/web-token-library");
-const Styles = require("@universityofmaryland/web-styles-library");
-const styles = require("@universityofmaryland/web-utilities-library/styles");
-const string = require("@universityofmaryland/web-utilities-library/string");
-const brand = require("@universityofmaryland/web-icons-library/brand");
-require("@universityofmaryland/web-styles-library/element");
-require("@universityofmaryland/web-styles-library/layout");
-require("@universityofmaryland/web-styles-library/animation");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/media");
-require("@universityofmaryland/web-utilities-library/dom");
-require("@universityofmaryland/web-icons-library/controls");
-require("@universityofmaryland/web-icons-library/communication");
-require("@universityofmaryland/web-icons-library/files");
-const icon = require("../../../atomic/actions/icon.js");
-require("../../../atomic/animations/actions/indicator.js");
-require("../../../atomic/animations/brand/chevron-scroll.js");
-require("../../../atomic/animations/brand/card-stack.js");
-const background = require("../../../atomic/assets/image/background.js");
-require("@universityofmaryland/web-utilities-library/performance");
-require("@universityofmaryland/web-utilities-library/accessibility");
-require("@universityofmaryland/web-icons-library/location");
-require("@universityofmaryland/web-icons-library/calendar");
-require("@universityofmaryland/web-utilities-library/theme");
-require("../../../atomic/layout/block/stacked.js");
-require("../../../atomic/layout/overlay/modal.js");
-require("../../../atomic/layout/person/columns.js");
-require("@universityofmaryland/web-icons-library/social");
-require("../../../atomic/text-lockup/date.js");
-require("../../../atomic/text-lockup/small.js");
-const smallScaling = require("../../../atomic/text-lockup/small-scaling.js");
-function _interopNamespaceDefault(e) {
-  const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
-  if (e) {
-    for (const k in e) {
-      if (k !== "default") {
-        const d = Object.getOwnPropertyDescriptor(e, k);
-        Object.defineProperty(n, k, d.get ? d : {
-          enumerable: true,
-          get: () => e[k]
-        });
-      }
-    }
-  }
-  n.default = e;
-  return Object.freeze(n);
-}
-const token__namespace = /* @__PURE__ */ _interopNamespaceDefault(token);
-const Styles__namespace = /* @__PURE__ */ _interopNamespaceDefault(Styles);
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+import * as token from "@universityofmaryland/web-token-library";
+import * as Styles from "@universityofmaryland/web-styles-library";
+import { createMediaQuery } from "@universityofmaryland/web-utilities-library/styles";
+import { truncateTextBasedOnSize } from "@universityofmaryland/web-utilities-library/string";
+import { quote } from "@universityofmaryland/web-icons-library/brand";
+import "@universityofmaryland/web-styles-library/element";
+import "@universityofmaryland/web-styles-library/layout";
+import "@universityofmaryland/web-styles-library/animation";
+import "@universityofmaryland/web-styles-library/typography";
+import "@universityofmaryland/web-utilities-library/media";
+import "@universityofmaryland/web-utilities-library/dom";
+import "@universityofmaryland/web-icons-library/controls";
+import "@universityofmaryland/web-icons-library/communication";
+import "@universityofmaryland/web-icons-library/files";
+import { createActionIcon } from "../../../atomic/actions/icon.js";
+import "../../../atomic/animations/actions/indicator.js";
+import "../../../atomic/animations/brand/chevron-scroll.js";
+import "../../../atomic/animations/brand/card-stack.js";
+import { createImageBackground } from "../../../atomic/assets/image/background.js";
+import "@universityofmaryland/web-utilities-library/performance";
+import "@universityofmaryland/web-utilities-library/accessibility";
+import "@universityofmaryland/web-icons-library/location";
+import "@universityofmaryland/web-icons-library/calendar";
+import "@universityofmaryland/web-utilities-library/theme";
+import "../../../atomic/layout/block/stacked.js";
+import "../../../atomic/layout/overlay/modal.js";
+import "../../../atomic/layout/person/columns.js";
+import "@universityofmaryland/web-icons-library/social";
+import "../../../atomic/text-lockup/date.js";
+import "../../../atomic/text-lockup/small.js";
+import { createTextLockupSmallScaling } from "../../../atomic/text-lockup/small-scaling.js";
 const classRef = "card-overlay-image";
 const createCardOverlayImage = (props) => {
   const { isQuote, ctaIcon, dateSign, backgroundImage, text } = props;
@@ -59,7 +39,7 @@ const createCardOverlayImage = (props) => {
     const sizeElements = () => {
       const textCopy = text?.innerHTML;
       if (text && textCopy) {
-        const modifiedText = string.truncateTextBasedOnSize({
+        const modifiedText = truncateTextBasedOnSize({
           text: textCopy,
           size: composite.element.offsetWidth
         });
@@ -78,10 +58,10 @@ const createCardOverlayImage = (props) => {
   };
   let imageContainerClass = null;
   if (ctaIcon && ctaIcon instanceof HTMLElement) {
-    children.push(icon({ ...props, ctaIcon, isThemeLight: false }));
+    children.push(createActionIcon({ ...props, ctaIcon, isThemeLight: false }));
   }
   if (backgroundImage) {
-    const imageContainer = background({
+    const imageContainer = createImageBackground({
       element: backgroundImage,
       isScaled: true,
       isGifAllowed: true,
@@ -116,76 +96,76 @@ const createCardOverlayImage = (props) => {
   }
   if (dateSign) {
     wrapperChildren.push(
-      new webBuilderLibrary.ElementBuilder().styled(Styles__namespace.layout.background.box.white).withStyles({
+      new ElementBuilder().styled(Styles.layout.background.box.white).withStyles({
         element: {
           alignSelf: `flex-start`
         },
         siblingAfter: {
-          marginTop: `${token__namespace.spacing.min}`
+          marginTop: `${token.spacing.min}`
         }
       }).withChild(dateSign).build()
     );
   }
   if (isQuote) {
-    const quoteWrapper = new webBuilderLibrary.ElementBuilder().withClassName("card-overlay-image-quote-wrapper").withStyles({
+    const quoteWrapper = new ElementBuilder().withClassName("card-overlay-image-quote-wrapper").withStyles({
       element: {
         width: "41px",
         height: "30px",
-        marginBottom: `${token__namespace.spacing.xs}`,
+        marginBottom: `${token.spacing.xs}`,
         "& svg": {
-          fill: `${token__namespace.color.red}`
+          fill: `${token.color.red}`
         }
       }
-    }).withHTML(brand.quote).build();
+    }).withHTML(quote).build();
     wrapperChildren.push(quoteWrapper);
   }
   wrapperChildren.push(
-    smallScaling({
+    createTextLockupSmallScaling({
       ...props,
       isThemeDark: true
     })
   );
-  const textContent = new webBuilderLibrary.ElementBuilder().withClassName("card-overlay-image-text-content").withStyles({
+  const textContent = new ElementBuilder().withClassName("card-overlay-image-text-content").withStyles({
     element: {
-      maxWidth: `${token__namespace.spacing.maxWidth.smallest}`,
+      maxWidth: `${token.spacing.maxWidth.smallest}`,
       height: "100%",
       display: "flex",
       flexDirection: "column",
       zIndex: 9,
       position: "relative",
       [" & * "]: {
-        color: `${token__namespace.color.white}`
+        color: `${token.color.white}`
       }
     }
   }).withChildren(...wrapperChildren).build();
-  const textWrapper = new webBuilderLibrary.ElementBuilder().withClassName("card-overlay-image-text-wrapper").withStyles({
+  const textWrapper = new ElementBuilder().withClassName("card-overlay-image-text-wrapper").withStyles({
     element: {
       height: "auto",
-      paddingRight: `${ctaIcon ? token__namespace.spacing["2xl"] : 0}`
+      paddingRight: `${ctaIcon ? token.spacing["2xl"] : 0}`
     }
   }).withChild(textContent).build();
-  const container = new webBuilderLibrary.ElementBuilder().withClassName("card-overlay-image-container").withStyles({
+  const container = new ElementBuilder().withClassName("card-overlay-image-container").withStyles({
     element: {
       position: "relative",
-      padding: `${token__namespace.spacing.lg} ${token__namespace.spacing.md}`,
-      paddingTop: `${token__namespace.spacing["4xl"]}`,
+      padding: `${token.spacing.lg} ${token.spacing.md}`,
+      paddingTop: `${token.spacing["4xl"]}`,
       display: "flex",
       flexDirection: "column",
       justifyContent: "flex-end",
       minHeight: "360px",
       height: "100%",
       overflow: "hidden",
-      ...styles.createMediaQuery(
+      ...createMediaQuery(
         "min-width",
-        token__namespace.media.breakpointValues.medium.min,
+        token.media.breakpointValues.medium.min,
         {
-          paddingTop: `${token__namespace.spacing["8xl"]}`,
+          paddingTop: `${token.spacing["8xl"]}`,
           minHeight: `424px`
         }
       )
     }
   }).withChildren(...children, textWrapper).build();
-  const composite = new webBuilderLibrary.ElementBuilder().withClassName(classRef).withStyles({
+  const composite = new ElementBuilder().withClassName(classRef).withStyles({
     element: {
       height: "100%",
       containerType: "inline-size",
@@ -205,6 +185,8 @@ const createCardOverlayImage = (props) => {
     }
   };
 };
-exports.classRef = classRef;
-exports.createCardOverlayImage = createCardOverlayImage;
+export {
+  classRef,
+  createCardOverlayImage
+};
 //# sourceMappingURL=image.js.map

package/dist/composite/card/overlay/image.js.map

@@ -1 +1 @@
-{"version":3,"file":"image.js","sources":["../../../../source/composite/card/overlay/image.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { truncateTextBasedOnSize } from '@universityofmaryland/web-utilities-library/string';\nimport { quote as iconQuote } from '@universityofmaryland/web-icons-library/brand';\nimport { actions, assets, textLockup } from 'atomic';\nimport { CardOverlayProps } from '../_types';\nimport { type UMDElement } from '../../../_types';\n\nexport const classRef = 'card-overlay-image';\n\nexport const createCardOverlayImage = (props: CardOverlayProps) => {\n  const { isQuote, ctaIcon, dateSign, backgroundImage, text } = props;\n  const children: UMDElement[] = [];\n  const wrapperChildren: UMDElement[] = [];\n  const load = () => {\n    const sizeElements = () => {\n      const textCopy = text?.innerHTML;\n      if (text && textCopy) {\n        const modifiedText = truncateTextBasedOnSize({\n          text: textCopy,\n          size: composite.element.offsetWidth,\n        });\n\n        text.innerHTML = modifiedText;\n\n        if (modifiedText.length >= 220) {\n          const assetContainer = composite.element.querySelector(\n            `.${imageContainerClass}`,\n          );\n          if (assetContainer) {\n            assetContainer.setAttribute('data-size', 'large');\n          }\n        }\n      }\n    };\n\n    sizeElements();\n  };\n  let imageContainerClass: string | null = null;\n\n  if (ctaIcon && ctaIcon instanceof HTMLElement) {\n    children.push(actions.icon({ ...props, ctaIcon, isThemeLight: false }));\n  }\n\n  if (backgroundImage) {\n    const imageContainer = assets.image.background({\n      element: backgroundImage,\n      isScaled: true,\n      isGifAllowed: true,\n      customStyles: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '100%',\n\n        [`&:before`]: {\n          content: '\"\"',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          width: '100%',\n          height: '100%',\n          zIndex: 1,\n          opacity: 1,\n          transition: `opacity 0.5s ease-in-out`,\n          background:\n            'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 60%, rgba(0, 0, 0, 0.9) 100%)',\n        },\n\n        [`&[data-size=\"large\"]:before`]: {\n          background:\n            'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 30%, rgba(0, 0, 0, 0.9) 100%)',\n        },\n\n        [`img`]: {\n          transform: 'scale(1.025)',\n        },\n      },\n    });\n\n    children.push(imageContainer);\n    imageContainerClass = imageContainer.element.className;\n  }\n\n  if (dateSign) {\n    wrapperChildren.push(\n      new ElementBuilder()\n        .styled(Styles.layout.background.box.white)\n        .withStyles({\n          element: {\n            alignSelf: `flex-start`,\n          },\n          siblingAfter: {\n            marginTop: `${token.spacing.min}`,\n          },\n        })\n        .withChild(dateSign)\n        .build(),\n    );\n  }\n\n  if (isQuote) {\n    const quoteWrapper = new ElementBuilder()\n      .withClassName('card-overlay-image-quote-wrapper')\n      .withStyles({\n        element: {\n          width: '41px',\n          height: '30px',\n          marginBottom: `${token.spacing.xs}`,\n\n          '& svg': {\n            fill: `${token.color.red}`,\n          },\n        },\n      })\n      .withHTML(iconQuote)\n      .build();\n\n    wrapperChildren.push(quoteWrapper);\n  }\n\n  wrapperChildren.push(\n    textLockup.smallScaling({\n      ...props,\n      isThemeDark: true,\n    }),\n  );\n\n  const textContent = new ElementBuilder()\n    .withClassName('card-overlay-image-text-content')\n    .withStyles({\n      element: {\n        maxWidth: `${token.spacing.maxWidth.smallest}`,\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        zIndex: 9,\n        position: 'relative',\n\n        [' & * ']: {\n          color: `${token.color.white}`,\n        },\n      },\n    })\n    .withChildren(...wrapperChildren)\n    .build();\n\n  const textWrapper = new ElementBuilder()\n    .withClassName('card-overlay-image-text-wrapper')\n    .withStyles({\n      element: {\n        height: 'auto',\n        paddingRight: `${ctaIcon ? token.spacing['2xl'] : 0}`,\n      },\n    })\n    .withChild(textContent)\n    .build();\n\n  const container = new ElementBuilder()\n    .withClassName('card-overlay-image-container')\n    .withStyles({\n      element: {\n        position: 'relative',\n        padding: `${token.spacing.lg} ${token.spacing.md}`,\n        paddingTop: `${token.spacing['4xl']}`,\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'flex-end',\n        minHeight: '360px',\n        height: '100%',\n        overflow: 'hidden',\n\n        ...createMediaQuery(\n          'min-width',\n          token.media.breakpointValues.medium.min,\n          {\n            paddingTop: `${token.spacing['8xl']}`,\n            minHeight: `424px`,\n          },\n        ),\n      },\n    })\n    .withChildren(...children, textWrapper)\n    .build();\n\n  const composite = new ElementBuilder()\n    .withClassName(classRef)\n    .withStyles({\n      element: {\n        height: '100%',\n        containerType: 'inline-size',\n\n        [`&:hover .${imageContainerClass}:before, &:focus .${imageContainerClass}:before`]:\n          {\n            opacity: 0.7,\n          },\n\n        ['&:hover img, &:focus img']: {\n          transform: 'scale(1)',\n          transition: 'transform 0.5s ease-in-out',\n        },\n      },\n    })\n    .withChild(container)\n    .build();\n\n  return {\n    ...composite,\n    events: {\n      load,\n    },\n  };\n};\n"],"names":["truncateTextBasedOnSize","actions.icon","assets.image.background","ElementBuilder","Styles","token","iconQuote","textLockup.smallScaling","createMediaQuery"],"mappings":"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"}
+{"version":3,"file":"image.js","sources":["../../../../source/composite/card/overlay/image.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as token from '@universityofmaryland/web-token-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { createMediaQuery } from '@universityofmaryland/web-utilities-library/styles';\nimport { truncateTextBasedOnSize } from '@universityofmaryland/web-utilities-library/string';\nimport { quote as iconQuote } from '@universityofmaryland/web-icons-library/brand';\nimport { actions, assets, textLockup } from 'atomic';\nimport { CardOverlayProps } from '../_types';\nimport { type UMDElement } from '../../../_types';\n\nexport const classRef = 'card-overlay-image';\n\nexport const createCardOverlayImage = (props: CardOverlayProps) => {\n  const { isQuote, ctaIcon, dateSign, backgroundImage, text } = props;\n  const children: UMDElement[] = [];\n  const wrapperChildren: UMDElement[] = [];\n  const load = () => {\n    const sizeElements = () => {\n      const textCopy = text?.innerHTML;\n      if (text && textCopy) {\n        const modifiedText = truncateTextBasedOnSize({\n          text: textCopy,\n          size: composite.element.offsetWidth,\n        });\n\n        text.innerHTML = modifiedText;\n\n        if (modifiedText.length >= 220) {\n          const assetContainer = composite.element.querySelector(\n            `.${imageContainerClass}`,\n          );\n          if (assetContainer) {\n            assetContainer.setAttribute('data-size', 'large');\n          }\n        }\n      }\n    };\n\n    sizeElements();\n  };\n  let imageContainerClass: string | null = null;\n\n  if (ctaIcon && ctaIcon instanceof HTMLElement) {\n    children.push(actions.icon({ ...props, ctaIcon, isThemeLight: false }));\n  }\n\n  if (backgroundImage) {\n    const imageContainer = assets.image.background({\n      element: backgroundImage,\n      isScaled: true,\n      isGifAllowed: true,\n      customStyles: {\n        position: 'absolute',\n        top: 0,\n        left: 0,\n        width: '100%',\n        height: '100%',\n\n        [`&:before`]: {\n          content: '\"\"',\n          position: 'absolute',\n          top: 0,\n          left: 0,\n          width: '100%',\n          height: '100%',\n          zIndex: 1,\n          opacity: 1,\n          transition: `opacity 0.5s ease-in-out`,\n          background:\n            'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 60%, rgba(0, 0, 0, 0.9) 100%)',\n        },\n\n        [`&[data-size=\"large\"]:before`]: {\n          background:\n            'linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .55) 30%, rgba(0, 0, 0, 0.9) 100%)',\n        },\n\n        [`img`]: {\n          transform: 'scale(1.025)',\n        },\n      },\n    });\n\n    children.push(imageContainer);\n    imageContainerClass = imageContainer.element.className;\n  }\n\n  if (dateSign) {\n    wrapperChildren.push(\n      new ElementBuilder()\n        .styled(Styles.layout.background.box.white)\n        .withStyles({\n          element: {\n            alignSelf: `flex-start`,\n          },\n          siblingAfter: {\n            marginTop: `${token.spacing.min}`,\n          },\n        })\n        .withChild(dateSign)\n        .build(),\n    );\n  }\n\n  if (isQuote) {\n    const quoteWrapper = new ElementBuilder()\n      .withClassName('card-overlay-image-quote-wrapper')\n      .withStyles({\n        element: {\n          width: '41px',\n          height: '30px',\n          marginBottom: `${token.spacing.xs}`,\n\n          '& svg': {\n            fill: `${token.color.red}`,\n          },\n        },\n      })\n      .withHTML(iconQuote)\n      .build();\n\n    wrapperChildren.push(quoteWrapper);\n  }\n\n  wrapperChildren.push(\n    textLockup.smallScaling({\n      ...props,\n      isThemeDark: true,\n    }),\n  );\n\n  const textContent = new ElementBuilder()\n    .withClassName('card-overlay-image-text-content')\n    .withStyles({\n      element: {\n        maxWidth: `${token.spacing.maxWidth.smallest}`,\n        height: '100%',\n        display: 'flex',\n        flexDirection: 'column',\n        zIndex: 9,\n        position: 'relative',\n\n        [' & * ']: {\n          color: `${token.color.white}`,\n        },\n      },\n    })\n    .withChildren(...wrapperChildren)\n    .build();\n\n  const textWrapper = new ElementBuilder()\n    .withClassName('card-overlay-image-text-wrapper')\n    .withStyles({\n      element: {\n        height: 'auto',\n        paddingRight: `${ctaIcon ? token.spacing['2xl'] : 0}`,\n      },\n    })\n    .withChild(textContent)\n    .build();\n\n  const container = new ElementBuilder()\n    .withClassName('card-overlay-image-container')\n    .withStyles({\n      element: {\n        position: 'relative',\n        padding: `${token.spacing.lg} ${token.spacing.md}`,\n        paddingTop: `${token.spacing['4xl']}`,\n        display: 'flex',\n        flexDirection: 'column',\n        justifyContent: 'flex-end',\n        minHeight: '360px',\n        height: '100%',\n        overflow: 'hidden',\n\n        ...createMediaQuery(\n          'min-width',\n          token.media.breakpointValues.medium.min,\n          {\n            paddingTop: `${token.spacing['8xl']}`,\n            minHeight: `424px`,\n          },\n        ),\n      },\n    })\n    .withChildren(...children, textWrapper)\n    .build();\n\n  const composite = new ElementBuilder()\n    .withClassName(classRef)\n    .withStyles({\n      element: {\n        height: '100%',\n        containerType: 'inline-size',\n\n        [`&:hover .${imageContainerClass}:before, &:focus .${imageContainerClass}:before`]:\n          {\n            opacity: 0.7,\n          },\n\n        ['&:hover img, &:focus img']: {\n          transform: 'scale(1)',\n          transition: 'transform 0.5s ease-in-out',\n        },\n      },\n    })\n    .withChild(container)\n    .build();\n\n  return {\n    ...composite,\n    events: {\n      load,\n    },\n  };\n};\n"],"names":["actions.icon","assets.image.background","iconQuote","textLockup.smallScaling"],"mappings":"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"}

package/dist/composite/card/overlay/index.d.ts

@@ -1,4 +1,4 @@
-export { default as color } from './color';
-export { default as icon } from './icon';
+export { createCompositeCardOverlayColor as color } from './color';
+export { createCompositeCardOverlayIcon as icon } from './icon';
 export { createCardOverlayImage as image, classRef as imageClassRef } from './image';
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/card/overlay/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,OAAO,EAAE,sBAAsB,IAAI,KAAK,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/overlay/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,+BAA+B,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACnE,OAAO,EAAE,8BAA8B,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AAChE,OAAO,EAAE,sBAAsB,IAAI,KAAK,EAAE,QAAQ,IAAI,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/composite/card/overlay/index.js

@@ -1,10 +1,10 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const color = require("./color.js");
-const icon = require("./icon.js");
-const image = require("./image.js");
-exports.color = color;
-exports.icon = icon;
-exports.image = image.createCardOverlayImage;
-exports.imageClassRef = image.classRef;
+import { createCompositeCardOverlayColor } from "./color.js";
+import { createCompositeCardOverlayIcon } from "./icon.js";
+import { createCardOverlayImage, classRef } from "./image.js";
+export {
+  createCompositeCardOverlayColor as color,
+  createCompositeCardOverlayIcon as icon,
+  createCardOverlayImage as image,
+  classRef as imageClassRef
+};
 //# sourceMappingURL=index.js.map

package/dist/composite/card/overlay/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/composite/card/video/block.d.ts

@@ -2,6 +2,6 @@ interface CardVideoShortProps {
     video: HTMLVideoElement;
     isAutoplay?: boolean;
 }
-declare const _default: (props: CardVideoShortProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createCompositeCardVideoBlock: (props: CardVideoShortProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
+export {};
 //# sourceMappingURL=block.d.ts.map

package/dist/composite/card/video/block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/video/block.ts"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,gBAAgB,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;yBAEe,OAAO,mBAAmB;AAA1C,wBAgBU"}
+{"version":3,"file":"block.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/video/block.ts"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,gBAAgB,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,eAAO,MAAM,6BAA6B,GAAI,OAAO,mBAAmB,kFAgB/D,CAAC"}

package/dist/composite/card/video/block.js

@@ -1,33 +1,32 @@
-"use strict";
-require("@universityofmaryland/web-builder-library");
-require("@universityofmaryland/web-token-library");
-require("@universityofmaryland/web-styles-library/element");
-require("@universityofmaryland/web-styles-library/layout");
-require("@universityofmaryland/web-styles-library/animation");
-require("@universityofmaryland/web-styles-library/typography");
-require("@universityofmaryland/web-utilities-library/media");
-require("@universityofmaryland/web-utilities-library/dom");
-require("@universityofmaryland/web-icons-library/controls");
-require("@universityofmaryland/web-icons-library/communication");
-require("@universityofmaryland/web-icons-library/files");
-require("@universityofmaryland/web-icons-library/brand");
-require("@universityofmaryland/web-icons-library/arrows");
-require("../../../atomic/animations/actions/indicator.js");
-require("../../../atomic/animations/brand/chevron-scroll.js");
-require("../../../atomic/animations/brand/card-stack.js");
-require("@universityofmaryland/web-styles-library");
-require("@universityofmaryland/web-utilities-library/performance");
-const observedAutoPlay = require("../../../atomic/assets/video/observed-auto-play.js");
-require("@universityofmaryland/web-icons-library/location");
-require("@universityofmaryland/web-icons-library/calendar");
-require("@universityofmaryland/web-utilities-library/theme");
-require("../../../atomic/layout/block/stacked.js");
-require("../../../atomic/layout/overlay/modal.js");
-require("../../../atomic/layout/person/columns.js");
-require("@universityofmaryland/web-icons-library/social");
-require("../../../atomic/text-lockup/date.js");
-require("../../../atomic/text-lockup/small.js");
-const block = (props) => (() => observedAutoPlay({
+import "@universityofmaryland/web-builder-library";
+import "@universityofmaryland/web-token-library";
+import "@universityofmaryland/web-styles-library/element";
+import "@universityofmaryland/web-styles-library/layout";
+import "@universityofmaryland/web-styles-library/animation";
+import "@universityofmaryland/web-styles-library/typography";
+import "@universityofmaryland/web-utilities-library/media";
+import "@universityofmaryland/web-utilities-library/dom";
+import "@universityofmaryland/web-icons-library/controls";
+import "@universityofmaryland/web-icons-library/communication";
+import "@universityofmaryland/web-icons-library/files";
+import "@universityofmaryland/web-icons-library/brand";
+import "@universityofmaryland/web-icons-library/arrows";
+import "../../../atomic/animations/actions/indicator.js";
+import "../../../atomic/animations/brand/chevron-scroll.js";
+import "../../../atomic/animations/brand/card-stack.js";
+import "@universityofmaryland/web-styles-library";
+import "@universityofmaryland/web-utilities-library/performance";
+import { createVideoObservedAutoPlay } from "../../../atomic/assets/video/observed-auto-play.js";
+import "@universityofmaryland/web-icons-library/location";
+import "@universityofmaryland/web-icons-library/calendar";
+import "@universityofmaryland/web-utilities-library/theme";
+import "../../../atomic/layout/block/stacked.js";
+import "../../../atomic/layout/overlay/modal.js";
+import "../../../atomic/layout/person/columns.js";
+import "@universityofmaryland/web-icons-library/social";
+import "../../../atomic/text-lockup/date.js";
+import "../../../atomic/text-lockup/small.js";
+const createCompositeCardVideoBlock = (props) => (() => createVideoObservedAutoPlay({
   ...props,
   additionalElementStyles: {
     width: "100%",
@@ -41,5 +40,7 @@ const block = (props) => (() => observedAutoPlay({
     }
   }
 }))();
-module.exports = block;
+export {
+  createCompositeCardVideoBlock
+};
 //# sourceMappingURL=block.js.map

package/dist/composite/card/video/block.js.map

@@ -1 +1 @@
-{"version":3,"file":"block.js","sources":["../../../../source/composite/card/video/block.ts"],"sourcesContent":["import { assets } from 'atomic';\n\ninterface CardVideoShortProps {\n  video: HTMLVideoElement;\n  isAutoplay?: boolean;\n}\n\nexport default (props: CardVideoShortProps) =>\n  (() =>\n    assets.video.observedAutoPlay({\n      ...props,\n      additionalElementStyles: {\n        width: '100%',\n        aspectRatio: '1 / 1',\n        position: 'relative',\n        overflow: 'hidden',\n\n        [`& video`]: {\n          height: '100%',\n          width: '100%',\n          objectFit: 'cover',\n        },\n      },\n    }))();\n"],"names":["assets.video.observedAutoPlay"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,MAAA,QAAe,CAAC,WACb,MACCA,iBAA8B;AAAA,EAC5B,GAAG;AAAA,EACH,yBAAyB;AAAA,IACvB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU;AAAA,IACV,UAAU;AAAA,IAEV,CAAC,SAAS,GAAG;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,CAAC,GAAA;;"}
+{"version":3,"file":"block.js","sources":["../../../../source/composite/card/video/block.ts"],"sourcesContent":["import { assets } from 'atomic';\n\ninterface CardVideoShortProps {\n  video: HTMLVideoElement;\n  isAutoplay?: boolean;\n}\n\nexport const createCompositeCardVideoBlock = (props: CardVideoShortProps) =>\n  (() =>\n    assets.video.observedAutoPlay({\n      ...props,\n      additionalElementStyles: {\n        width: '100%',\n        aspectRatio: '1 / 1',\n        position: 'relative',\n        overflow: 'hidden',\n\n        [`& video`]: {\n          height: '100%',\n          width: '100%',\n          objectFit: 'cover',\n        },\n      },\n    }))();\n"],"names":["assets.video.observedAutoPlay"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOO,MAAM,gCAAgC,CAAC,WAC3C,MACCA,4BAA8B;AAAA,EAC5B,GAAG;AAAA,EACH,yBAAyB;AAAA,IACvB,OAAO;AAAA,IACP,aAAa;AAAA,IACb,UAAU;AAAA,IACV,UAAU;AAAA,IAEV,CAAC,SAAS,GAAG;AAAA,MACX,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,WAAW;AAAA,IAAA;AAAA,EACb;AAEJ,CAAC,GAAA;"}

package/dist/composite/card/video/index.d.ts

@@ -1,3 +1,3 @@
-export { default as block } from './block';
-export { default as short } from './short';
+export { createCompositeCardVideoBlock as block } from './block';
+export { createCompositeCardVideoShort as short } from './short';
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/card/video/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/video/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/video/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,6BAA6B,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AACjE,OAAO,EAAE,6BAA6B,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC"}

package/dist/composite/card/video/index.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const block = require("./block.js");
-const short = require("./short.js");
-exports.block = block;
-exports.short = short;
+import { createCompositeCardVideoBlock } from "./block.js";
+import { createCompositeCardVideoShort } from "./short.js";
+export {
+  createCompositeCardVideoBlock as block,
+  createCompositeCardVideoShort as short
+};
 //# sourceMappingURL=index.js.map

package/dist/composite/card/video/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}

package/dist/composite/card/video/short.d.ts

@@ -1,6 +1,6 @@
 interface CardVideoShortProps {
     video: HTMLVideoElement;
 }
-declare const _default: (props: CardVideoShortProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
+export declare const createCompositeCardVideoShort: (props: CardVideoShortProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
+export {};
 //# sourceMappingURL=short.d.ts.map

package/dist/composite/card/video/short.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"short.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/video/short.ts"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,gBAAgB,CAAC;CACzB;yBAEe,OAAO,mBAAmB;AAA1C,wBAoDE"}
+{"version":3,"file":"short.d.ts","sourceRoot":"","sources":["../../../../source/composite/card/video/short.ts"],"names":[],"mappings":"AAEA,UAAU,mBAAmB;IAC3B,KAAK,EAAE,gBAAgB,CAAC;CACzB;AAED,eAAO,MAAM,6BAA6B,GAAI,OAAO,mBAAmB,kFAoDvE,CAAC"}

package/dist/composite/card/video/short.js

@@ -1,6 +1,5 @@
-"use strict";
-const webBuilderLibrary = require("@universityofmaryland/web-builder-library");
-const short = (props) => {
+import { ElementBuilder } from "@universityofmaryland/web-builder-library";
+const createCompositeCardVideoShort = (props) => {
   const { video } = props;
   const setPlay = () => {
     if (video.paused) {
@@ -25,7 +24,7 @@ const short = (props) => {
   video.addEventListener("focus", setPlay);
   video.addEventListener("mouseleave", setPause);
   video.addEventListener("blur", setPause);
-  const composite = new webBuilderLibrary.ElementBuilder().withClassName("card-video-short-container").withStyles({
+  const composite = new ElementBuilder().withClassName("card-video-short-container").withStyles({
     element: {
       height: "100%",
       width: "100%",
@@ -42,5 +41,7 @@ const short = (props) => {
   }).withChild(video).build();
   return composite;
 };
-module.exports = short;
+export {
+  createCompositeCardVideoShort
+};
 //# sourceMappingURL=short.js.map

package/dist/composite/card/video/short.js.map

@@ -1 +1 @@
-{"version":3,"file":"short.js","sources":["../../../../source/composite/card/video/short.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\n\ninterface CardVideoShortProps {\n  video: HTMLVideoElement;\n}\n\nexport default (props: CardVideoShortProps) => {\n  const { video } = props;\n\n  const setPlay = () => {\n    if (video.paused) {\n      video.muted = true;\n      video.play();\n    }\n  };\n\n  const setPause = () => {\n    if (!video.paused) {\n      video.pause();\n    }\n  };\n\n  video.setAttribute('controls', 'true');\n  video.setAttribute(\n    'controlsList',\n    'nodownload nofullscreen noremoteplayback noplaybackrate\"',\n  );\n  video.setAttribute('preload', 'metadata');\n  video.setAttribute('playsinline', '');\n  video.setAttribute('muted', '');\n  video.addEventListener('mouseover', setPlay);\n  video.addEventListener('focus', setPlay);\n  video.addEventListener('mouseleave', setPause);\n  video.addEventListener('blur', setPause);\n\n  const composite = new ElementBuilder()\n    .withClassName('card-video-short-container')\n    .withStyles({\n      element: {\n        height: '100%',\n        width: '100%',\n        aspectRatio: '9/16',\n\n        [`& video`]: {\n          height: '100%',\n          width: '100%',\n          objectFit: 'cover',\n\n          ['&:hover']: {\n            cursor: 'pointer',\n          },\n        },\n      },\n    })\n    .withChild(video)\n    .build();\n\n  return composite;\n};\n"],"names":["ElementBuilder"],"mappings":";;AAMA,MAAA,QAAe,CAAC,UAA+B;AAC7C,QAAM,EAAE,UAAU;AAElB,QAAM,UAAU,MAAM;AACpB,QAAI,MAAM,QAAQ;AAChB,YAAM,QAAQ;AACd,YAAM,KAAA;AAAA,IACR;AAAA,EACF;AAEA,QAAM,WAAW,MAAM;AACrB,QAAI,CAAC,MAAM,QAAQ;AACjB,YAAM,MAAA;AAAA,IACR;AAAA,EACF;AAEA,QAAM,aAAa,YAAY,MAAM;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,aAAa,WAAW,UAAU;AACxC,QAAM,aAAa,eAAe,EAAE;AACpC,QAAM,aAAa,SAAS,EAAE;AAC9B,QAAM,iBAAiB,aAAa,OAAO;AAC3C,QAAM,iBAAiB,SAAS,OAAO;AACvC,QAAM,iBAAiB,cAAc,QAAQ;AAC7C,QAAM,iBAAiB,QAAQ,QAAQ;AAEvC,QAAM,YAAY,IAAIA,kBAAAA,eAAA,EACnB,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,aAAa;AAAA,MAEb,CAAC,SAAS,GAAG;AAAA,QACX,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,QAEX,CAAC,SAAS,GAAG;AAAA,UACX,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IACF;AAAA,EACF,CACD,EACA,UAAU,KAAK,EACf,MAAA;AAEH,SAAO;AACT;;"}
+{"version":3,"file":"short.js","sources":["../../../../source/composite/card/video/short.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\n\ninterface CardVideoShortProps {\n  video: HTMLVideoElement;\n}\n\nexport const createCompositeCardVideoShort = (props: CardVideoShortProps) => {\n  const { video } = props;\n\n  const setPlay = () => {\n    if (video.paused) {\n      video.muted = true;\n      video.play();\n    }\n  };\n\n  const setPause = () => {\n    if (!video.paused) {\n      video.pause();\n    }\n  };\n\n  video.setAttribute('controls', 'true');\n  video.setAttribute(\n    'controlsList',\n    'nodownload nofullscreen noremoteplayback noplaybackrate\"',\n  );\n  video.setAttribute('preload', 'metadata');\n  video.setAttribute('playsinline', '');\n  video.setAttribute('muted', '');\n  video.addEventListener('mouseover', setPlay);\n  video.addEventListener('focus', setPlay);\n  video.addEventListener('mouseleave', setPause);\n  video.addEventListener('blur', setPause);\n\n  const composite = new ElementBuilder()\n    .withClassName('card-video-short-container')\n    .withStyles({\n      element: {\n        height: '100%',\n        width: '100%',\n        aspectRatio: '9/16',\n\n        [`& video`]: {\n          height: '100%',\n          width: '100%',\n          objectFit: 'cover',\n\n          ['&:hover']: {\n            cursor: 'pointer',\n          },\n        },\n      },\n    })\n    .withChild(video)\n    .build();\n\n  return composite;\n};\n"],"names":[],"mappings":";AAMO,MAAM,gCAAgC,CAAC,UAA+B;AAC3E,QAAM,EAAE,UAAU;AAElB,QAAM,UAAU,MAAM;AACpB,QAAI,MAAM,QAAQ;AAChB,YAAM,QAAQ;AACd,YAAM,KAAA;AAAA,IACR;AAAA,EACF;AAEA,QAAM,WAAW,MAAM;AACrB,QAAI,CAAC,MAAM,QAAQ;AACjB,YAAM,MAAA;AAAA,IACR;AAAA,EACF;AAEA,QAAM,aAAa,YAAY,MAAM;AACrC,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,EAAA;AAEF,QAAM,aAAa,WAAW,UAAU;AACxC,QAAM,aAAa,eAAe,EAAE;AACpC,QAAM,aAAa,SAAS,EAAE;AAC9B,QAAM,iBAAiB,aAAa,OAAO;AAC3C,QAAM,iBAAiB,SAAS,OAAO;AACvC,QAAM,iBAAiB,cAAc,QAAQ;AAC7C,QAAM,iBAAiB,QAAQ,QAAQ;AAEvC,QAAM,YAAY,IAAI,eAAA,EACnB,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,QAAQ;AAAA,MACR,OAAO;AAAA,MACP,aAAa;AAAA,MAEb,CAAC,SAAS,GAAG;AAAA,QACX,QAAQ;AAAA,QACR,OAAO;AAAA,QACP,WAAW;AAAA,QAEX,CAAC,SAAS,GAAG;AAAA,UACX,QAAQ;AAAA,QAAA;AAAA,MACV;AAAA,IACF;AAAA,EACF,CACD,EACA,UAAU,KAAK,EACf,MAAA;AAEH,SAAO;AACT;"}

package/dist/composite/carousel/cards/index.d.ts

@@ -6,7 +6,7 @@ type TypeCarouselCardsRequirements = {
     shadowRef?: HTMLElement;
     cards: HTMLElement[];
 };
-declare const _default: (props: TypeCarouselCardsRequirements) => {
+export declare const createCompositeCarouselCards: (props: TypeCarouselCardsRequirements) => {
     element: HTMLDivElement;
     styles: string;
     events: {
@@ -14,5 +14,5 @@ declare const _default: (props: TypeCarouselCardsRequirements) => {
         load: () => void;
     };
 };
-export default _default;
+export {};
 //# sourceMappingURL=index.d.ts.map

package/dist/composite/carousel/cards/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/cards/index.ts"],"names":[],"mappings":"AASA,KAAK,6BAA6B,GAAG;IACnC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;yBA2Rc,OAAO,6BAA6B;;;;;;;;AAApD,wBA8CO"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../source/composite/carousel/cards/index.ts"],"names":[],"mappings":"AASA,KAAK,6BAA6B,GAAG;IACnC,QAAQ,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC1B,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,KAAK,EAAE,WAAW,CAAC;IACnB,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,EAAE,WAAW,EAAE,CAAC;CACtB,CAAC;AA2RF,eAAO,MAAM,4BAA4B,GAAI,OAAO,6BAA6B;;;;;;;CA8C3E,CAAC"}