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

package/dist/atomic/assets/image/background.mjs

@@ -1,100 +0,0 @@
-import * as Styles from "@universityofmaryland/web-styles-library";
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import gifToggle from "./gif.mjs";
-const ATTRIBUTE_CAPTION = "data-caption";
-const ATTRIBUTE_CREDIT = "data-credit";
-const isImageElement = (element) => {
-  return element instanceof HTMLImageElement;
-};
-const checkIsGif = (element) => {
-  if (isImageElement(element)) {
-    return element.src !== null && element.src.toLowerCase().includes(".gif");
-  }
-  if (element instanceof HTMLAnchorElement) {
-    const imgChild = element.querySelector("img");
-    const isGif = imgChild !== null && imgChild.src !== null && imgChild.src.toLowerCase().includes(".gif");
-    if (isGif) {
-      console.error(
-        `GIFs are not allowed in <a>. Please upload a different format.`
-      );
-    }
-    return isGif;
-  }
-  return false;
-};
-const createCaption = (element, isShowCaption) => {
-  if (!isShowCaption) return null;
-  const attributeCaption = element.getAttribute(ATTRIBUTE_CAPTION);
-  const attributeCredit = element.getAttribute(ATTRIBUTE_CREDIT);
-  if (attributeCaption) {
-    console.log(
-      `Attribute "data-caption" is deprecated. Use "data-credit" instead. This attribute will be removed in version 2.0.`
-    );
-  }
-  const text = attributeCaption || attributeCredit;
-  if (!text) return null;
-  return new ElementBuilder("span").withText(text).styled(Styles.element.asset.image.caption).build();
-};
-const embedAsset = ({
-  element,
-  isAspectStandard,
-  isGifAllowed
-}) => {
-  const isTypeGif = checkIsGif(element);
-  if (isGifAllowed && isTypeGif) {
-    return gifToggle({ element });
-  }
-  if (!isGifAllowed && isTypeGif) {
-    console.error(
-      `GIFs are not allowed in <${element.localName}>. Please upload a different format.`
-    );
-    return;
-  }
-  if (isAspectStandard) {
-    return new ElementBuilder().styled(Styles.element.asset.image.aspectStandard).withChild(element).build();
-  }
-  return new ElementBuilder().withClassName("image-container").withStyles({
-    element: {
-      position: "relative",
-      width: "100%",
-      height: "100%"
-    }
-  }).withChild(element).build();
-};
-const imageContainer = (props) => {
-  const {
-    customStyles,
-    dateSign,
-    element,
-    isAspectStandard = false,
-    isScaled,
-    isShowCaption = false,
-    isGifAllowed = false
-  } = props;
-  const asset = embedAsset({ element, isAspectStandard, isGifAllowed });
-  const caption = createCaption(element, isShowCaption);
-  const defaultStyles = Styles.element.asset.image.composeWrapper({
-    scaled: isScaled
-  });
-  const composite = new ElementBuilder().styled(defaultStyles).withStyles({
-    element: {
-      ...customStyles
-    }
-  });
-  if (caption) {
-    composite.withChild(caption);
-  }
-  if (dateSign) {
-    composite.withChild(
-      new ElementBuilder().styled(Styles.layout.background.box.white).withChild(dateSign).build()
-    );
-  }
-  if (asset) {
-    composite.withChild(asset);
-  }
-  return composite.build();
-};
-export {
-  imageContainer as default
-};
-//# sourceMappingURL=background.mjs.map

package/dist/atomic/assets/image/background.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"background.mjs","sources":["../../../../source/atomic/assets/image/background.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { default as gifToggle } from './gif';\nimport { type UMDElement } from '../../../_types';\n\nconst ATTRIBUTE_CAPTION = 'data-caption';\nconst ATTRIBUTE_CREDIT = 'data-credit';\n\ninterface Asset {\n  element: HTMLImageElement | HTMLAnchorElement;\n  isAspectStandard?: boolean;\n  isScaled?: boolean;\n  isGifAllowed?: boolean;\n}\n\ninterface Props extends Asset {\n  dateSign?: UMDElement;\n  isShowCaption?: boolean;\n  customStyles?: Record<string, any>;\n}\n\nconst isImageElement = (element: HTMLElement): element is HTMLImageElement => {\n  return element instanceof HTMLImageElement;\n};\n\nconst checkIsGif = (element: HTMLImageElement | HTMLAnchorElement): boolean => {\n  if (isImageElement(element)) {\n    return element.src !== null && element.src.toLowerCase().includes('.gif');\n  }\n\n  if (element instanceof HTMLAnchorElement) {\n    const imgChild = element.querySelector('img');\n    const isGif =\n      imgChild !== null &&\n      imgChild.src !== null &&\n      imgChild.src.toLowerCase().includes('.gif');\n\n    if (isGif) {\n      console.error(\n        `GIFs are not allowed in <a>. Please upload a different format.`,\n      );\n    }\n\n    return isGif;\n  }\n\n  return false;\n};\n\nconst createCaption = (\n  element: HTMLImageElement | HTMLAnchorElement,\n  isShowCaption: boolean,\n) => {\n  if (!isShowCaption) return null;\n\n  const attributeCaption = element.getAttribute(ATTRIBUTE_CAPTION);\n  const attributeCredit = element.getAttribute(ATTRIBUTE_CREDIT);\n\n  if (attributeCaption) {\n    console.log(\n      `Attribute \"data-caption\" is deprecated. Use \"data-credit\" instead. This attribute will be removed in version 2.0.`,\n    );\n  }\n\n  const text = attributeCaption || attributeCredit;\n  if (!text) return null;\n\n  return new ElementBuilder('span')\n    .withText(text)\n    .styled(Styles.element.asset.image.caption)\n    .build();\n};\n\nconst embedAsset = ({\n  element,\n  isAspectStandard,\n  isGifAllowed,\n}: Pick<Asset, 'element' | 'isAspectStandard' | 'isGifAllowed'>) => {\n  const isTypeGif = checkIsGif(element);\n\n  if (isGifAllowed && isTypeGif) {\n    return gifToggle({ element });\n  }\n\n  if (!isGifAllowed && isTypeGif) {\n    console.error(\n      `GIFs are not allowed in <${element.localName}>. Please upload a different format.`,\n    );\n    return;\n  }\n\n  if (isAspectStandard) {\n    return new ElementBuilder()\n      .styled(Styles.element.asset.image.aspectStandard)\n      .withChild(element)\n      .build();\n  }\n\n  return new ElementBuilder()\n    .withClassName('image-container')\n    .withStyles({\n      element: {\n        position: 'relative',\n        width: '100%',\n        height: '100%',\n      },\n    })\n    .withChild(element)\n    .build();\n};\n\nexport default (props: Props) => {\n  const {\n    customStyles,\n    dateSign,\n    element,\n    isAspectStandard = false,\n    isScaled,\n    isShowCaption = false,\n    isGifAllowed = false,\n  } = props;\n\n  const asset = embedAsset({ element, isAspectStandard, isGifAllowed });\n  const caption = createCaption(element, isShowCaption);\n  const defaultStyles = Styles.element.asset.image.composeWrapper({\n    scaled: isScaled,\n  });\n\n  const composite = new ElementBuilder().styled(defaultStyles).withStyles({\n    element: {\n      ...customStyles,\n    },\n  });\n\n  if (caption) {\n    composite.withChild(caption);\n  }\n\n  if (dateSign) {\n    composite.withChild(\n      new ElementBuilder()\n        .styled(Styles.layout.background.box.white)\n        .withChild(dateSign)\n        .build(),\n    );\n  }\n\n  if (asset) {\n    composite.withChild(asset);\n  }\n\n  return composite.build();\n};\n"],"names":[],"mappings":";;;AAKA,MAAM,oBAAoB;AAC1B,MAAM,mBAAmB;AAezB,MAAM,iBAAiB,CAAC,YAAsD;AAC5E,SAAO,mBAAmB;AAC5B;AAEA,MAAM,aAAa,CAAC,YAA2D;AAC7E,MAAI,eAAe,OAAO,GAAG;AAC3B,WAAO,QAAQ,QAAQ,QAAQ,QAAQ,IAAI,YAAA,EAAc,SAAS,MAAM;AAAA,EAC1E;AAEA,MAAI,mBAAmB,mBAAmB;AACxC,UAAM,WAAW,QAAQ,cAAc,KAAK;AAC5C,UAAM,QACJ,aAAa,QACb,SAAS,QAAQ,QACjB,SAAS,IAAI,cAAc,SAAS,MAAM;AAE5C,QAAI,OAAO;AACT,cAAQ;AAAA,QACN;AAAA,MAAA;AAAA,IAEJ;AAEA,WAAO;AAAA,EACT;AAEA,SAAO;AACT;AAEA,MAAM,gBAAgB,CACpB,SACA,kBACG;AACH,MAAI,CAAC,cAAe,QAAO;AAE3B,QAAM,mBAAmB,QAAQ,aAAa,iBAAiB;AAC/D,QAAM,kBAAkB,QAAQ,aAAa,gBAAgB;AAE7D,MAAI,kBAAkB;AACpB,YAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAM,OAAO,oBAAoB;AACjC,MAAI,CAAC,KAAM,QAAO;AAElB,SAAO,IAAI,eAAe,MAAM,EAC7B,SAAS,IAAI,EACb,OAAO,OAAO,QAAQ,MAAM,MAAM,OAAO,EACzC,MAAA;AACL;AAEA,MAAM,aAAa,CAAC;AAAA,EAClB;AAAA,EACA;AAAA,EACA;AACF,MAAoE;AAClE,QAAM,YAAY,WAAW,OAAO;AAEpC,MAAI,gBAAgB,WAAW;AAC7B,WAAO,UAAU,EAAE,SAAS;AAAA,EAC9B;AAEA,MAAI,CAAC,gBAAgB,WAAW;AAC9B,YAAQ;AAAA,MACN,4BAA4B,QAAQ,SAAS;AAAA,IAAA;AAE/C;AAAA,EACF;AAEA,MAAI,kBAAkB;AACpB,WAAO,IAAI,eAAA,EACR,OAAO,OAAO,QAAQ,MAAM,MAAM,cAAc,EAChD,UAAU,OAAO,EACjB,MAAA;AAAA,EACL;AAEA,SAAO,IAAI,eAAA,EACR,cAAc,iBAAiB,EAC/B,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,IAAA;AAAA,EACV,CACD,EACA,UAAU,OAAO,EACjB,MAAA;AACL;AAEA,MAAA,iBAAe,CAAC,UAAiB;AAC/B,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,mBAAmB;AAAA,IACnB;AAAA,IACA,gBAAgB;AAAA,IAChB,eAAe;AAAA,EAAA,IACb;AAEJ,QAAM,QAAQ,WAAW,EAAE,SAAS,kBAAkB,cAAc;AACpE,QAAM,UAAU,cAAc,SAAS,aAAa;AACpD,QAAM,gBAAgB,OAAO,QAAQ,MAAM,MAAM,eAAe;AAAA,IAC9D,QAAQ;AAAA,EAAA,CACT;AAED,QAAM,YAAY,IAAI,eAAA,EAAiB,OAAO,aAAa,EAAE,WAAW;AAAA,IACtE,SAAS;AAAA,MACP,GAAG;AAAA,IAAA;AAAA,EACL,CACD;AAED,MAAI,SAAS;AACX,cAAU,UAAU,OAAO;AAAA,EAC7B;AAEA,MAAI,UAAU;AACZ,cAAU;AAAA,MACR,IAAI,eAAA,EACD,OAAO,OAAO,OAAO,WAAW,IAAI,KAAK,EACzC,UAAU,QAAQ,EAClB,MAAA;AAAA,IAAM;AAAA,EAEb;AAEA,MAAI,OAAO;AACT,cAAU,UAAU,KAAK;AAAA,EAC3B;AAEA,SAAO,UAAU,MAAA;AACnB;"}

package/dist/atomic/assets/image/gif.mjs

@@ -1,108 +0,0 @@
-import * as Styles from "@universityofmaryland/web-styles-library";
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import { debounce } from "@universityofmaryland/web-utilities-library/performance";
-import { play, pause } from "@universityofmaryland/web-icons-library/controls";
-const extractImageElement = (element) => {
-  if (element instanceof HTMLImageElement) {
-    return element;
-  }
-  if (element instanceof HTMLAnchorElement) {
-    return element.querySelector("img");
-  }
-  return null;
-};
-const applyGifToggle = (image, container) => {
-  const canvas = document.createElement("canvas");
-  const button = document.createElement("button");
-  const setButtonPlay = () => {
-    button.setAttribute("aria-label", "Pause");
-    button.innerHTML = pause;
-    canvas.style.opacity = "0";
-    image.style.opacity = "1";
-  };
-  const setButtonPause = () => {
-    button.setAttribute("aria-label", "Play");
-    button.innerHTML = play;
-    canvas.style.opacity = "1";
-    image.style.opacity = "0";
-  };
-  const sizeCanvas = ({ container: container2 }) => {
-    if (!container2) return;
-    const image2 = container2.querySelector("img");
-    const canvas2 = container2.querySelector("canvas");
-    if (!container2 || !canvas2 || !image2) return;
-    const ctx = canvas2.getContext("2d");
-    const containerWidth = container2.clientWidth;
-    const containerHeight = container2.clientHeight;
-    canvas2.style.width = "100%";
-    canvas2.style.height = `${image2.clientHeight}px`;
-    canvas2.style.position = "absolute";
-    canvas2.style.top = "0";
-    canvas2.style.left = "0";
-    canvas2.width = containerWidth;
-    canvas2.height = containerHeight;
-    const imgRatio = image2.naturalWidth / image2.naturalHeight;
-    const containerRatio = containerWidth / containerHeight;
-    let drawWidth, drawHeight, offsetX = 0, offsetY = 0;
-    if (imgRatio > containerRatio) {
-      drawHeight = containerHeight;
-      drawWidth = image2.naturalWidth * (containerHeight / image2.naturalHeight);
-      offsetX = (containerWidth - drawWidth) / 2;
-    } else {
-      drawWidth = containerWidth;
-      drawHeight = image2.naturalHeight * (containerWidth / image2.naturalWidth);
-      offsetY = (containerHeight - drawHeight) / 2;
-    }
-    ctx.clearRect(0, 0, containerWidth, containerHeight);
-    ctx.imageSmoothingEnabled = true;
-    ctx.drawImage(image2, offsetX, offsetY, drawWidth, drawHeight);
-  };
-  let isPlaying = true;
-  button.setAttribute("type", "button");
-  button.addEventListener("click", (event) => {
-    event.preventDefault();
-    event.stopPropagation();
-    if (isPlaying) {
-      setButtonPause();
-      isPlaying = false;
-    } else {
-      setButtonPlay();
-      isPlaying = true;
-    }
-  });
-  image.addEventListener("load", () => {
-    container.appendChild(canvas);
-    container.appendChild(button);
-    setButtonPlay();
-    setTimeout(() => {
-      sizeCanvas({ container });
-    }, 100);
-  });
-  window.addEventListener(
-    "resize",
-    debounce(() => {
-      sizeCanvas({ container });
-    }, 50)
-  );
-};
-const gifToggle = ({
-  element
-}) => {
-  const image = extractImageElement(element);
-  if (!image) {
-    throw new Error("No valid image element found");
-  }
-  const isAnchor = element instanceof HTMLAnchorElement;
-  const container = isAnchor ? element : document.createElement("div");
-  const composite = new ElementBuilder(container).styled(Styles.element.asset.gif.toggle).withModifier((el) => {
-    if (!isAnchor) {
-      el.appendChild(element);
-    }
-    applyGifToggle(image, el);
-  }).build();
-  return composite;
-};
-export {
-  gifToggle as default
-};
-//# sourceMappingURL=gif.mjs.map

package/dist/atomic/assets/image/gif.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"gif.mjs","sources":["../../../../source/atomic/assets/image/gif.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport { debounce } from '@universityofmaryland/web-utilities-library/performance';\nimport {\n  pause as iconPause,\n  play as iconPlay,\n} from '@universityofmaryland/web-icons-library/controls';\n\nconst extractImageElement = (\n  element: HTMLImageElement | HTMLAnchorElement,\n): HTMLImageElement | null => {\n  if (element instanceof HTMLImageElement) {\n    return element;\n  }\n\n  if (element instanceof HTMLAnchorElement) {\n    return element.querySelector('img');\n  }\n\n  return null;\n};\n\nconst applyGifToggle = (image: HTMLImageElement, container: HTMLElement) => {\n  const canvas = document.createElement('canvas');\n  const button = document.createElement('button');\n  const setButtonPlay = () => {\n    button.setAttribute('aria-label', 'Pause');\n    button.innerHTML = iconPause;\n    canvas.style.opacity = '0';\n    image.style.opacity = '1';\n  };\n  const setButtonPause = () => {\n    button.setAttribute('aria-label', 'Play');\n    button.innerHTML = iconPlay;\n    canvas.style.opacity = '1';\n    image.style.opacity = '0';\n  };\n  const sizeCanvas = ({ container }: { container: HTMLElement | null }) => {\n    if (!container) return;\n    const image = container.querySelector('img');\n    const canvas = container.querySelector('canvas') as HTMLCanvasElement;\n\n    if (!container || !canvas || !image) return;\n\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n\n    // Get container dimensions\n    const containerWidth = container.clientWidth;\n    const containerHeight = container.clientHeight;\n\n    // Set canvas display dimensions to match container\n    canvas.style.width = '100%';\n    canvas.style.height = `${image.clientHeight}px`;\n    canvas.style.position = 'absolute';\n    canvas.style.top = '0';\n    canvas.style.left = '0';\n\n    // Set canvas actual dimensions\n    canvas.width = containerWidth;\n    canvas.height = containerHeight;\n\n    // Calculate dimensions to maintain aspect ratio while covering\n    const imgRatio = image.naturalWidth / image.naturalHeight;\n    const containerRatio = containerWidth / containerHeight;\n\n    let drawWidth,\n      drawHeight,\n      offsetX = 0,\n      offsetY = 0;\n\n    if (imgRatio > containerRatio) {\n      // Image is wider than container relative to height\n      drawHeight = containerHeight;\n      drawWidth = image.naturalWidth * (containerHeight / image.naturalHeight);\n      offsetX = (containerWidth - drawWidth) / 2;\n    } else {\n      // Image is taller than container relative to width\n      drawWidth = containerWidth;\n      drawHeight = image.naturalHeight * (containerWidth / image.naturalWidth);\n      offsetY = (containerHeight - drawHeight) / 2;\n    }\n\n    // Clear the canvas and draw the image with cover behavior\n    ctx.clearRect(0, 0, containerWidth, containerHeight);\n    ctx.imageSmoothingEnabled = true;\n    ctx.drawImage(image, offsetX, offsetY, drawWidth, drawHeight);\n  };\n  let isPlaying = true;\n\n  button.setAttribute('type', 'button');\n  button.addEventListener('click', (event) => {\n    event.preventDefault();\n    event.stopPropagation();\n\n    if (isPlaying) {\n      setButtonPause();\n      isPlaying = false;\n    } else {\n      setButtonPlay();\n      isPlaying = true;\n    }\n  });\n\n  image.addEventListener('load', () => {\n    container.appendChild(canvas);\n    container.appendChild(button);\n    setButtonPlay();\n\n    setTimeout(() => {\n      sizeCanvas({ container });\n    }, 100);\n  });\n\n  window.addEventListener(\n    'resize',\n    debounce(() => {\n      sizeCanvas({ container });\n    }, 50),\n  );\n};\n\nexport default ({\n  element,\n}: {\n  element: HTMLImageElement | HTMLAnchorElement;\n}) => {\n  const image = extractImageElement(element);\n\n  if (!image) {\n    throw new Error('No valid image element found');\n  }\n\n  const isAnchor = element instanceof HTMLAnchorElement;\n  const container = isAnchor ? element : document.createElement('div');\n\n  const composite = new ElementBuilder(container)\n    .styled(Styles.element.asset.gif.toggle)\n    .withModifier((el) => {\n      if (!isAnchor) {\n        el.appendChild(element);\n      }\n      applyGifToggle(image, el);\n    })\n    .build();\n\n  return composite;\n};\n"],"names":["iconPause","iconPlay","container","image","canvas"],"mappings":"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"}

package/dist/atomic/assets/image/index.mjs

@@ -1,9 +0,0 @@
-import { default as default2 } from "./background.mjs";
-import { default as default3 } from "./gif.mjs";
-import { default as default4 } from "./placeholder.mjs";
-export {
-  default2 as background,
-  default3 as gif,
-  default4 as placeholder
-};
-//# sourceMappingURL=index.mjs.map

package/dist/atomic/assets/image/index.mjs.map

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

package/dist/atomic/assets/image/placeholder.mjs

@@ -1,21 +0,0 @@
-import imageContainer from "./background.mjs";
-const makeDefaultImage = () => {
-  const DEFAULT_IMAGE = `<svg id="Fearlessly-Forward-Logo" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1032.8 400"><defs><style>.cls-1 {fill: none;}.cls-2 {  clip-path: url(#clippath);}.cls-3 {  fill: #fff;}.cls-4 {  fill: #ffd200;}.cls-5 {  fill: #e31933;}.cls-6 {  fill: #231f20;}</style><clipPath id="clippath"><rect class="cls-1" width="1032.8" height="400"/></clipPath></defs><g class="cls-2"><g><g><polygon class="cls-5" points="658.3 542.19 265.93 149.82 246.65 130.54 227.37 149.82 -157.8 534.99 -119.24 573.55 246.65 207.66 619.74 580.75 658.3 542.19"/><polygon class="cls-4" points="495.04 -220.31 177.58 97.15 -139.88 -220.31 -191.29 -168.9 151.88 174.27 177.58 199.97 203.29 174.27 546.45 -168.9 495.04 -220.31"/><polygon class="cls-5" points="-346.05 -117.45 -28.54 200.05 -345.37 517.51 -293.86 568.82 74.18 199.94 48.53 174.29 -294.64 -168.87 -346.05 -117.45"/><polygon class="cls-6" points="-2.48 -117.45 -4.98 200.05 -1.81 517.51 49.71 568.82 417.75 199.94 392.09 174.29 48.93 -168.87 -2.48 -117.45"/><polygon class="cls-4" points="87.54 530.28 417.85 199.97 87.54 -130.33 113.25 -156.04 456.41 187.12 469.26 199.97 456.41 212.82 113.25 555.99 87.54 530.28"/><polygon class="cls-6" points="-204.14 -130.31 126.17 200 -204.14 530.31 -178.43 556.01 164.73 212.85 177.58 200 -178.43 -156.01 -204.14 -130.31"/></g><g><polygon class="cls-6" points="207.33 -60.43 599.69 331.93 618.97 351.21 638.25 331.93 1023.42 -53.24 984.86 -91.8 618.97 274.09 245.89 -98.99 207.33 -60.43"/><polygon class="cls-5" points="1691.1 542.19 1298.73 149.82 1279.45 130.54 1260.17 149.82 875 534.99 913.56 573.55 1279.45 207.66 1652.54 580.75 1691.1 542.19"/><polygon class="cls-4" points="301.57 -148.97 262.92 -136.2 594.56 197 613.89 177.68 919.06 -127.49 880.5 -140.35 594.65 145.49 301.57 -148.97"/><polygon class="cls-4" points="770.05 618.11 808.7 605.34 477.05 272.14 457.73 291.46 152.56 596.63 191.11 609.5 476.96 323.65 770.05 618.11"/><polygon class="cls-4" points="533.1 -117.45 850.56 200 533.1 517.46 584.51 568.87 927.68 225.7 953.39 200 927.68 174.29 584.51 -168.87 533.1 -117.45"/><polygon class="cls-4" points="1527.84 -220.31 1210.38 97.15 892.93 -220.31 841.51 -168.9 1184.68 174.27 1210.38 199.97 1236.09 174.27 1579.25 -168.9 1527.84 -220.31"/><polygon class="cls-5" points="686.75 -117.45 1004.26 200.05 687.43 517.51 738.94 568.82 1106.98 199.94 1081.33 174.29 738.16 -168.87 686.75 -117.45"/><polygon class="cls-5" points="997.78 -309.11 680.28 8.4 362.82 -308.43 311.51 -256.92 680.38 111.12 706.04 85.47 1049.19 -257.7 997.78 -309.11"/><polygon class="cls-6" points="1030.32 -117.45 1347.82 200.05 1030.99 517.51 1082.51 568.82 1450.55 199.94 1424.89 174.29 1081.73 -168.87 1030.32 -117.45"/><polygon class="cls-6" points="622.98 530.31 953.29 200 622.98 -130.31 648.69 -156.01 991.85 187.14 1004.7 200 991.85 212.85 648.69 556.01 622.98 530.31"/><polygon class="cls-5" points="311.51 530.31 641.82 200 311.51 -130.31 337.22 -156.01 680.38 187.14 693.23 200 680.38 212.85 337.22 556.01 311.51 530.31"/><polygon class="cls-6" points="997.78 -378.98 680.28 -61.47 362.82 -378.31 311.51 -326.79 680.38 41.25 706.04 15.59 1049.19 -327.57 997.78 -378.98"/></g></g></g><polygon class="cls-3" points="787.14 136.08 651.06 0 392 0 592.85 200.84 393.07 400.62 652.13 400.62 787.14 265.61 851.91 200.84 787.14 136.08"/></svg>`;
-  const svgImage = document.createElement("img");
-  svgImage.setAttribute(
-    "src",
-    `data:image/svg+xml,${encodeURIComponent(DEFAULT_IMAGE)}`
-  );
-  svgImage.setAttribute("alt", "Fearlessly Forward graphic");
-  return svgImage;
-};
-const placeholder = {
-  fearlessForward: () => imageContainer({
-    element: makeDefaultImage(),
-    isScaled: true
-  })
-};
-export {
-  placeholder as default
-};
-//# sourceMappingURL=placeholder.mjs.map

package/dist/atomic/assets/image/placeholder.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"placeholder.mjs","sources":["../../../../source/atomic/assets/image/placeholder.ts"],"sourcesContent":["import { default as imageContainer } from './background';\n\nconst makeDefaultImage = () => {\n  const DEFAULT_IMAGE = `<svg id=\"Fearlessly-Forward-Logo\" data-name=\"Layer 1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\" viewBox=\"0 0 1032.8 400\"><defs><style>.cls-1 {fill: none;}.cls-2 {  clip-path: url(#clippath);}.cls-3 {  fill: #fff;}.cls-4 {  fill: #ffd200;}.cls-5 {  fill: #e31933;}.cls-6 {  fill: #231f20;}</style><clipPath id=\"clippath\"><rect class=\"cls-1\" width=\"1032.8\" height=\"400\"/></clipPath></defs><g class=\"cls-2\"><g><g><polygon class=\"cls-5\" points=\"658.3 542.19 265.93 149.82 246.65 130.54 227.37 149.82 -157.8 534.99 -119.24 573.55 246.65 207.66 619.74 580.75 658.3 542.19\"/><polygon class=\"cls-4\" points=\"495.04 -220.31 177.58 97.15 -139.88 -220.31 -191.29 -168.9 151.88 174.27 177.58 199.97 203.29 174.27 546.45 -168.9 495.04 -220.31\"/><polygon class=\"cls-5\" points=\"-346.05 -117.45 -28.54 200.05 -345.37 517.51 -293.86 568.82 74.18 199.94 48.53 174.29 -294.64 -168.87 -346.05 -117.45\"/><polygon class=\"cls-6\" points=\"-2.48 -117.45 -4.98 200.05 -1.81 517.51 49.71 568.82 417.75 199.94 392.09 174.29 48.93 -168.87 -2.48 -117.45\"/><polygon class=\"cls-4\" points=\"87.54 530.28 417.85 199.97 87.54 -130.33 113.25 -156.04 456.41 187.12 469.26 199.97 456.41 212.82 113.25 555.99 87.54 530.28\"/><polygon class=\"cls-6\" points=\"-204.14 -130.31 126.17 200 -204.14 530.31 -178.43 556.01 164.73 212.85 177.58 200 -178.43 -156.01 -204.14 -130.31\"/></g><g><polygon class=\"cls-6\" points=\"207.33 -60.43 599.69 331.93 618.97 351.21 638.25 331.93 1023.42 -53.24 984.86 -91.8 618.97 274.09 245.89 -98.99 207.33 -60.43\"/><polygon class=\"cls-5\" points=\"1691.1 542.19 1298.73 149.82 1279.45 130.54 1260.17 149.82 875 534.99 913.56 573.55 1279.45 207.66 1652.54 580.75 1691.1 542.19\"/><polygon class=\"cls-4\" points=\"301.57 -148.97 262.92 -136.2 594.56 197 613.89 177.68 919.06 -127.49 880.5 -140.35 594.65 145.49 301.57 -148.97\"/><polygon class=\"cls-4\" points=\"770.05 618.11 808.7 605.34 477.05 272.14 457.73 291.46 152.56 596.63 191.11 609.5 476.96 323.65 770.05 618.11\"/><polygon class=\"cls-4\" points=\"533.1 -117.45 850.56 200 533.1 517.46 584.51 568.87 927.68 225.7 953.39 200 927.68 174.29 584.51 -168.87 533.1 -117.45\"/><polygon class=\"cls-4\" points=\"1527.84 -220.31 1210.38 97.15 892.93 -220.31 841.51 -168.9 1184.68 174.27 1210.38 199.97 1236.09 174.27 1579.25 -168.9 1527.84 -220.31\"/><polygon class=\"cls-5\" points=\"686.75 -117.45 1004.26 200.05 687.43 517.51 738.94 568.82 1106.98 199.94 1081.33 174.29 738.16 -168.87 686.75 -117.45\"/><polygon class=\"cls-5\" points=\"997.78 -309.11 680.28 8.4 362.82 -308.43 311.51 -256.92 680.38 111.12 706.04 85.47 1049.19 -257.7 997.78 -309.11\"/><polygon class=\"cls-6\" points=\"1030.32 -117.45 1347.82 200.05 1030.99 517.51 1082.51 568.82 1450.55 199.94 1424.89 174.29 1081.73 -168.87 1030.32 -117.45\"/><polygon class=\"cls-6\" points=\"622.98 530.31 953.29 200 622.98 -130.31 648.69 -156.01 991.85 187.14 1004.7 200 991.85 212.85 648.69 556.01 622.98 530.31\"/><polygon class=\"cls-5\" points=\"311.51 530.31 641.82 200 311.51 -130.31 337.22 -156.01 680.38 187.14 693.23 200 680.38 212.85 337.22 556.01 311.51 530.31\"/><polygon class=\"cls-6\" points=\"997.78 -378.98 680.28 -61.47 362.82 -378.31 311.51 -326.79 680.38 41.25 706.04 15.59 1049.19 -327.57 997.78 -378.98\"/></g></g></g><polygon class=\"cls-3\" points=\"787.14 136.08 651.06 0 392 0 592.85 200.84 393.07 400.62 652.13 400.62 787.14 265.61 851.91 200.84 787.14 136.08\"/></svg>`;\n  const svgImage = document.createElement('img');\n  svgImage.setAttribute(\n    'src',\n    `data:image/svg+xml,${encodeURIComponent(DEFAULT_IMAGE)}`,\n  );\n  svgImage.setAttribute('alt', 'Fearlessly Forward graphic');\n\n  return svgImage;\n};\n\nexport default {\n  fearlessForward: () =>\n    imageContainer({\n      element: makeDefaultImage(),\n      isScaled: true,\n    }),\n};\n"],"names":[],"mappings":";AAEA,MAAM,mBAAmB,MAAM;AAC7B,QAAM,gBAAgB;AACtB,QAAM,WAAW,SAAS,cAAc,KAAK;AAC7C,WAAS;AAAA,IACP;AAAA,IACA,sBAAsB,mBAAmB,aAAa,CAAC;AAAA,EAAA;AAEzD,WAAS,aAAa,OAAO,4BAA4B;AAEzD,SAAO;AACT;AAEA,MAAA,cAAe;AAAA,EACb,iBAAiB,MACf,eAAe;AAAA,IACb,SAAS,iBAAA;AAAA,IACT,UAAU;AAAA,EAAA,CACX;AACL;"}

package/dist/atomic/assets/index.mjs

@@ -1,7 +0,0 @@
-import * as index from "./image/index.mjs";
-import * as index$1 from "./video/index.mjs";
-export {
-  index as image,
-  index$1 as video
-};
-//# sourceMappingURL=index.mjs.map

package/dist/atomic/assets/index.mjs.map

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

package/dist/atomic/assets/video/index.mjs

@@ -1,7 +0,0 @@
-import { default as default2 } from "./toggle.mjs";
-import { default as default3 } from "./observed-auto-play.mjs";
-export {
-  default3 as observedAutoPlay,
-  default2 as toggle
-};
-//# sourceMappingURL=index.mjs.map

package/dist/atomic/assets/video/index.mjs.map

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

package/dist/atomic/assets/video/observed-auto-play.mjs

@@ -1,60 +0,0 @@
-import { isPreferredReducedMotion } from "@universityofmaryland/web-utilities-library/accessibility";
-import toggle from "./toggle.mjs";
-const observedAutoPlay = ({
-  video,
-  isAutoplay = false,
-  isScaled = false,
-  additionalElementStyles
-}) => (() => {
-  const observer = new IntersectionObserver(
-    (entries) => {
-      entries.forEach((entry) => {
-        if (entry.isIntersecting) {
-          if (video.readyState >= 2) {
-            composite?.events?.setPlay();
-          } else {
-            video.addEventListener(
-              "loadeddata",
-              () => composite?.events?.setPlay(),
-              {
-                once: true
-              }
-            );
-            if (video.readyState === 0) {
-              video.load();
-            }
-          }
-        } else {
-          composite?.events?.setPause();
-        }
-      });
-    },
-    {
-      threshold: 0.25
-    }
-  );
-  const callback = (isPlaying) => {
-    if (isPlaying && observer) {
-      observer.disconnect();
-    }
-  };
-  video.removeAttribute("controls");
-  video.setAttribute("preload", "true");
-  video.setAttribute("playsinline", "");
-  video.setAttribute("muted", "");
-  video.setAttribute("loop", "");
-  const composite = toggle({
-    video,
-    additionalElementStyles,
-    isScaled,
-    callback
-  });
-  if (!isPreferredReducedMotion() && isAutoplay) {
-    observer.observe(composite.element);
-  }
-  return composite;
-})();
-export {
-  observedAutoPlay as default
-};
-//# sourceMappingURL=observed-auto-play.mjs.map

package/dist/atomic/assets/video/observed-auto-play.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"observed-auto-play.mjs","sources":["../../../../source/atomic/assets/video/observed-auto-play.ts"],"sourcesContent":["import { isPreferredReducedMotion } from '@universityofmaryland/web-utilities-library/accessibility';\nimport { default as toggle } from './toggle';\n\ninterface CardVideoShortProps {\n  video: HTMLVideoElement;\n  isAutoplay?: boolean;\n  isScaled?: boolean;\n  additionalElementStyles?: Record<string, any>;\n}\n\nexport default ({\n  video,\n  isAutoplay = false,\n  isScaled = false,\n  additionalElementStyles,\n}: CardVideoShortProps) =>\n  (() => {\n    const observer = new IntersectionObserver(\n      (entries) => {\n        entries.forEach((entry) => {\n          if (entry.isIntersecting) {\n            if (video.readyState >= 2) {\n              composite?.events?.setPlay();\n            } else {\n              video.addEventListener(\n                'loadeddata',\n                () => composite?.events?.setPlay(),\n                {\n                  once: true,\n                },\n              );\n\n              if (video.readyState === 0) {\n                video.load();\n              }\n            }\n          } else {\n            composite?.events?.setPause();\n          }\n        });\n      },\n      {\n        threshold: 0.25,\n      },\n    );\n    const callback = (isPlaying: boolean) => {\n      if (isPlaying && observer) {\n        observer.disconnect();\n      }\n    };\n\n    video.removeAttribute('controls');\n    video.setAttribute('preload', 'true');\n    video.setAttribute('playsinline', '');\n    video.setAttribute('muted', '');\n    video.setAttribute('loop', '');\n\n    const composite = toggle({\n      video,\n      additionalElementStyles,\n      isScaled,\n      callback,\n    });\n\n    if (!isPreferredReducedMotion() && isAutoplay) {\n      observer.observe(composite.element);\n    }\n\n    return composite;\n  })();\n"],"names":[],"mappings":";;AAUA,MAAA,mBAAe,CAAC;AAAA,EACd;AAAA,EACA,aAAa;AAAA,EACb,WAAW;AAAA,EACX;AACF,OACG,MAAM;AACL,QAAM,WAAW,IAAI;AAAA,IACnB,CAAC,YAAY;AACX,cAAQ,QAAQ,CAAC,UAAU;AACzB,YAAI,MAAM,gBAAgB;AACxB,cAAI,MAAM,cAAc,GAAG;AACzB,uBAAW,QAAQ,QAAA;AAAA,UACrB,OAAO;AACL,kBAAM;AAAA,cACJ;AAAA,cACA,MAAM,WAAW,QAAQ,QAAA;AAAA,cACzB;AAAA,gBACE,MAAM;AAAA,cAAA;AAAA,YACR;AAGF,gBAAI,MAAM,eAAe,GAAG;AAC1B,oBAAM,KAAA;AAAA,YACR;AAAA,UACF;AAAA,QACF,OAAO;AACL,qBAAW,QAAQ,SAAA;AAAA,QACrB;AAAA,MACF,CAAC;AAAA,IACH;AAAA,IACA;AAAA,MACE,WAAW;AAAA,IAAA;AAAA,EACb;AAEF,QAAM,WAAW,CAAC,cAAuB;AACvC,QAAI,aAAa,UAAU;AACzB,eAAS,WAAA;AAAA,IACX;AAAA,EACF;AAEA,QAAM,gBAAgB,UAAU;AAChC,QAAM,aAAa,WAAW,MAAM;AACpC,QAAM,aAAa,eAAe,EAAE;AACpC,QAAM,aAAa,SAAS,EAAE;AAC9B,QAAM,aAAa,QAAQ,EAAE;AAE7B,QAAM,YAAY,OAAO;AAAA,IACvB;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EAAA,CACD;AAED,MAAI,CAAC,yBAAA,KAA8B,YAAY;AAC7C,aAAS,QAAQ,UAAU,OAAO;AAAA,EACpC;AAEA,SAAO;AACT,GAAA;"}

package/dist/atomic/assets/video/toggle.mjs

@@ -1,63 +0,0 @@
-import * as Styles from "@universityofmaryland/web-styles-library";
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import { play, pause } from "@universityofmaryland/web-icons-library/controls";
-const toggle = (props) => (() => {
-  const {
-    video,
-    additionalElementStyles,
-    isScaled = false,
-    callback
-  } = props;
-  const button = new ElementBuilder("button").styled(Styles.element.action.button.videoState).withAttribute("type", "button").withAttribute("aria-label", "Play").withHTML(play).build();
-  const setPlay = () => {
-    button.element.setAttribute("aria-label", "Pause");
-    button.element.innerHTML = pause;
-    video.muted = true;
-    video.play().catch((error) => {
-      if (error.name === "NotAllowedError") {
-        setPause();
-      }
-      console.warn("Video play failed:", error);
-    });
-  };
-  const setPause = () => {
-    button.element.setAttribute("aria-label", "Play");
-    button.element.innerHTML = play;
-    video.pause();
-  };
-  button.element.addEventListener("click", () => {
-    if (video.paused) {
-      if (callback) callback(false);
-      setPlay();
-    } else {
-      if (callback) callback(true);
-      setPause();
-    }
-  });
-  if (video.getAttribute("autoplay") === "" || video.getAttribute("autoplay") === "true") {
-    setPlay();
-  }
-  return new ElementBuilder().withClassName("umd-element-video").withStyles({
-    element: {
-      position: "relative",
-      ...additionalElementStyles,
-      ...isScaled && {
-        width: "100%",
-        height: "100%",
-        objectFit: "cover"
-      },
-      ...isScaled && {
-        [`& video`]: {
-          width: "100%",
-          height: "100%",
-          objectFit: "cover",
-          display: "block"
-        }
-      }
-    }
-  }).withChildren(video, button).withEvents({ setPlay, setPause }).build();
-})();
-export {
-  toggle as default
-};
-//# sourceMappingURL=toggle.mjs.map

package/dist/atomic/assets/video/toggle.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"toggle.mjs","sources":["../../../../source/atomic/assets/video/toggle.ts"],"sourcesContent":["import * as Styles from '@universityofmaryland/web-styles-library';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport {\n  pause as iconPause,\n  play as iconPlay,\n} from '@universityofmaryland/web-icons-library/controls';\n\ninterface VideoProps {\n  video: HTMLVideoElement;\n  isScaled?: boolean;\n  additionalElementStyles?: Record<string, any>;\n  callback?: (isPlaying: boolean) => void;\n}\n\nexport default (props: VideoProps) =>\n  (() => {\n    const {\n      video,\n      additionalElementStyles,\n      isScaled = false,\n      callback,\n    } = props;\n\n    const button = new ElementBuilder('button')\n      .styled(Styles.element.action.button.videoState)\n      .withAttribute('type', 'button')\n      .withAttribute('aria-label', 'Play')\n      .withHTML(iconPlay)\n      .build();\n\n    const setPlay = () => {\n      button.element.setAttribute('aria-label', 'Pause');\n      button.element.innerHTML = iconPause;\n      video.muted = true;\n      video.play().catch((error) => {\n        if (error.name === 'NotAllowedError') {\n          setPause();\n        }\n        console.warn('Video play failed:', error);\n      });\n    };\n\n    const setPause = () => {\n      button.element.setAttribute('aria-label', 'Play');\n      button.element.innerHTML = iconPlay;\n      video.pause();\n    };\n\n    button.element.addEventListener('click', () => {\n      if (video.paused) {\n        if (callback) callback(false);\n        setPlay();\n      } else {\n        if (callback) callback(true);\n        setPause();\n      }\n    });\n\n    if (\n      video.getAttribute('autoplay') === '' ||\n      video.getAttribute('autoplay') === 'true'\n    ) {\n      setPlay();\n    }\n\n    return new ElementBuilder()\n      .withClassName('umd-element-video')\n      .withStyles({\n        element: {\n          position: 'relative',\n          ...additionalElementStyles,\n          ...(isScaled && {\n            width: '100%',\n            height: '100%',\n            objectFit: 'cover',\n          }),\n\n          ...(isScaled && {\n            [`& video`]: {\n              width: '100%',\n              height: '100%',\n              objectFit: 'cover',\n              display: 'block',\n            },\n          }),\n        },\n      })\n      .withChildren(video, button)\n      .withEvents({ setPlay, setPause })\n      .build();\n  })();\n"],"names":["iconPlay","iconPause"],"mappings":";;;AAcA,MAAA,SAAe,CAAC,WACb,MAAM;AACL,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA,WAAW;AAAA,IACX;AAAA,EAAA,IACE;AAEJ,QAAM,SAAS,IAAI,eAAe,QAAQ,EACvC,OAAO,OAAO,QAAQ,OAAO,OAAO,UAAU,EAC9C,cAAc,QAAQ,QAAQ,EAC9B,cAAc,cAAc,MAAM,EAClC,SAASA,IAAQ,EACjB,MAAA;AAEH,QAAM,UAAU,MAAM;AACpB,WAAO,QAAQ,aAAa,cAAc,OAAO;AACjD,WAAO,QAAQ,YAAYC;AAC3B,UAAM,QAAQ;AACd,UAAM,KAAA,EAAO,MAAM,CAAC,UAAU;AAC5B,UAAI,MAAM,SAAS,mBAAmB;AACpC,iBAAA;AAAA,MACF;AACA,cAAQ,KAAK,sBAAsB,KAAK;AAAA,IAC1C,CAAC;AAAA,EACH;AAEA,QAAM,WAAW,MAAM;AACrB,WAAO,QAAQ,aAAa,cAAc,MAAM;AAChD,WAAO,QAAQ,YAAYD;AAC3B,UAAM,MAAA;AAAA,EACR;AAEA,SAAO,QAAQ,iBAAiB,SAAS,MAAM;AAC7C,QAAI,MAAM,QAAQ;AAChB,UAAI,mBAAmB,KAAK;AAC5B,cAAA;AAAA,IACF,OAAO;AACL,UAAI,mBAAmB,IAAI;AAC3B,eAAA;AAAA,IACF;AAAA,EACF,CAAC;AAED,MACE,MAAM,aAAa,UAAU,MAAM,MACnC,MAAM,aAAa,UAAU,MAAM,QACnC;AACA,YAAA;AAAA,EACF;AAEA,SAAO,IAAI,eAAA,EACR,cAAc,mBAAmB,EACjC,WAAW;AAAA,IACV,SAAS;AAAA,MACP,UAAU;AAAA,MACV,GAAG;AAAA,MACH,GAAI,YAAY;AAAA,QACd,OAAO;AAAA,QACP,QAAQ;AAAA,QACR,WAAW;AAAA,MAAA;AAAA,MAGb,GAAI,YAAY;AAAA,QACd,CAAC,SAAS,GAAG;AAAA,UACX,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,WAAW;AAAA,UACX,SAAS;AAAA,QAAA;AAAA,MACX;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,OAAO,MAAM,EAC1B,WAAW,EAAE,SAAS,UAAU,EAChC,MAAA;AACL,GAAA;"}

package/dist/atomic/buttons/fullscreen.mjs

@@ -1,16 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as Styles from "@universityofmaryland/web-styles-library";
-import { fullscreen as fullscreen$1 } from "@universityofmaryland/web-icons-library/controls";
-const create = ({
-  callback,
-  index
-}) => (() => {
-  return new ElementBuilder("button").withAttribute("data-index", index.toString()).withAttribute("aria-label", "View Full Screen").withHTML(`Full Screen <span></span>${fullscreen$1}`).on("click", () => callback(index)).styled(Styles.element.action.button.fullScreen).build();
-})();
-const fullscreen = {
-  create
-};
-export {
-  fullscreen as default
-};
-//# sourceMappingURL=fullscreen.mjs.map

package/dist/atomic/buttons/fullscreen.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"fullscreen.mjs","sources":["../../../source/atomic/buttons/fullscreen.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as Styles from '@universityofmaryland/web-styles-library';\nimport { fullscreen as iconFullscreen } from '@universityofmaryland/web-icons-library/controls';\n\nconst create = ({\n  callback,\n  index,\n}: {\n  callback: (arg: number) => void;\n  index: number;\n}) =>\n  (() => {\n    return new ElementBuilder('button')\n      .withAttribute('data-index', index.toString())\n      .withAttribute('aria-label', 'View Full Screen')\n      .withHTML(`Full Screen <span></span>${iconFullscreen}`)\n      .on('click', () => callback(index))\n      .styled(Styles.element.action.button.fullScreen)\n      .build();\n  })();\n\nexport default {\n  create,\n};\n"],"names":["iconFullscreen"],"mappings":";;;AAIA,MAAM,SAAS,CAAC;AAAA,EACd;AAAA,EACA;AACF,OAIG,MAAM;AACL,SAAO,IAAI,eAAe,QAAQ,EAC/B,cAAc,cAAc,MAAM,SAAA,CAAU,EAC5C,cAAc,cAAc,kBAAkB,EAC9C,SAAS,4BAA4BA,YAAc,EAAE,EACrD,GAAG,SAAS,MAAM,SAAS,KAAK,CAAC,EACjC,OAAO,OAAO,QAAQ,OAAO,OAAO,UAAU,EAC9C,MAAA;AACL,GAAA;AAEF,MAAA,aAAe;AAAA,EACb;AACF;"}

package/dist/atomic/buttons/index.mjs

@@ -1,5 +0,0 @@
-import { default as default2 } from "./fullscreen.mjs";
-export {
-  default2 as fullscreen
-};
-//# sourceMappingURL=index.mjs.map

package/dist/atomic/buttons/index.mjs.map

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

package/dist/atomic/events/index.mjs

@@ -1,7 +0,0 @@
-import { default as default2 } from "./meta.mjs";
-import { default as default3 } from "./sign.mjs";
-export {
-  default2 as meta,
-  default3 as sign
-};
-//# sourceMappingURL=index.mjs.map

package/dist/atomic/events/index.mjs.map

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

package/dist/atomic/events/meta.mjs

@@ -1,75 +0,0 @@
-import { ElementBuilder } from "@universityofmaryland/web-builder-library";
-import * as elementStyles from "@universityofmaryland/web-styles-library/element";
-import { pin } from "@universityofmaryland/web-icons-library/location";
-import { calendar, clock } from "@universityofmaryland/web-icons-library/calendar";
-const MakeDetailItem = (props) => {
-  const { icon, text, isThemeDark } = props;
-  const iconElement = new ElementBuilder("span").withHTML(icon).build();
-  const textElement = new ElementBuilder("span").withHTML(text).build();
-  return new ElementBuilder("p").styled(
-    elementStyles.event.meta.composeItem({
-      theme: isThemeDark ? "dark" : "light"
-    })
-  ).withChildren(iconElement, textElement).build();
-};
-const createDayText = ({
-  startDayOfWeek,
-  startMonth,
-  startDay,
-  endDayOfWeek,
-  endDay,
-  endMonth,
-  isMultiDay = false,
-  isThemeDark
-}) => {
-  let text = `${startDayOfWeek}. ${startMonth} ${startDay}`;
-  if (isMultiDay) {
-    text = `${text} - ${endDayOfWeek}. ${endMonth} ${endDay}`;
-  }
-  return MakeDetailItem({
-    icon: calendar,
-    text,
-    isThemeDark
-  });
-};
-const createTimeText = ({
-  startTime,
-  endTime,
-  isThemeDark
-}) => {
-  let text = startTime;
-  if (startTime != endTime) {
-    text = `${text} - ${endTime}`;
-  }
-  return MakeDetailItem({
-    icon: clock,
-    text,
-    isThemeDark
-  });
-};
-const createDateRow = (props) => {
-  const { showTime = true, startMonth, startDay, endDay, endMonth } = props;
-  const isMultiDay = startDay != endDay || startMonth != endMonth;
-  const dateElement = createDayText({ ...props, isMultiDay });
-  const element = new ElementBuilder().withClassName("event-meta-date-row").withChild(dateElement);
-  if (showTime) {
-    element.withChild(createTimeText({ ...props }));
-  }
-  return element.build();
-};
-const meta = (props) => {
-  const { location, isThemeDark } = props;
-  const dateRow = createDateRow(props);
-  const wrapper = new ElementBuilder().styled(elementStyles.event.meta.wrapper).withChild(dateRow);
-  if (location && location.length > 0) {
-    wrapper.withChild(
-      MakeDetailItem({ ...props, icon: pin, text: location[0].title })
-    );
-  }
-  const wrapperModel = wrapper.build();
-  return new ElementBuilder().styled(elementStyles.event.meta.container).withChild(wrapperModel).build();
-};
-export {
-  meta as default
-};
-//# sourceMappingURL=meta.mjs.map

package/dist/atomic/events/meta.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"meta.mjs","sources":["../../../source/atomic/events/meta.ts"],"sourcesContent":["import { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport * as elementStyles from '@universityofmaryland/web-styles-library/element';\nimport { pin as iconPin } from '@universityofmaryland/web-icons-library/location';\nimport {\n  calendar as iconCalendar,\n  clock as iconClock,\n} from '@universityofmaryland/web-icons-library/calendar';\n\ntype LocationType = {\n  title: string;\n}[];\n\ntype DateInformaitonType = {\n  startDayOfWeek: string;\n  startMonth: string;\n  startDay: string;\n  startTime: string;\n  endDayOfWeek: string;\n  endMonth: string;\n  endDay: string;\n  endTime: string;\n};\n\ntype DateDisplayType = DateInformaitonType & {\n  isMultiDay?: boolean;\n  isThemeDark?: boolean;\n};\n\ntype EventType = DateInformaitonType & {\n  location: LocationType;\n};\n\nexport type TypeMetaDisplay = EventType & {\n  isThemeDark?: boolean;\n  showTime?: boolean;\n};\n\nconst MakeDetailItem = (props: {\n  icon: string;\n  text: string;\n  isThemeDark?: boolean;\n}) => {\n  const { icon, text, isThemeDark } = props;\n\n  const iconElement = new ElementBuilder('span').withHTML(icon).build();\n  const textElement = new ElementBuilder('span').withHTML(text).build();\n\n  return new ElementBuilder('p')\n    .styled(\n      elementStyles.event.meta.composeItem({\n        theme: isThemeDark ? 'dark' : 'light',\n      }),\n    )\n    .withChildren(iconElement, textElement)\n    .build();\n};\n\nconst createDayText = ({\n  startDayOfWeek,\n  startMonth,\n  startDay,\n  endDayOfWeek,\n  endDay,\n  endMonth,\n  isMultiDay = false,\n  isThemeDark,\n}: DateDisplayType) => {\n  let text = `${startDayOfWeek}. ${startMonth} ${startDay}`;\n\n  if (isMultiDay) {\n    text = `${text} - ${endDayOfWeek}. ${endMonth} ${endDay}`;\n  }\n\n  return MakeDetailItem({\n    icon: iconCalendar,\n    text,\n    isThemeDark,\n  });\n};\n\nconst createTimeText = ({\n  startTime,\n  endTime,\n  isThemeDark,\n}: DateDisplayType) => {\n  let text = startTime;\n\n  if (startTime != endTime) {\n    text = `${text} - ${endTime}`;\n  }\n\n  return MakeDetailItem({\n    icon: iconClock,\n    text,\n    isThemeDark,\n  });\n};\n\nconst createDateRow = (props: TypeMetaDisplay) => {\n  const { showTime = true, startMonth, startDay, endDay, endMonth } = props;\n  const isMultiDay = startDay != endDay || startMonth != endMonth;\n  const dateElement = createDayText({ ...props, isMultiDay });\n  const element = new ElementBuilder()\n    .withClassName('event-meta-date-row')\n    .withChild(dateElement);\n\n  if (showTime) {\n    element.withChild(createTimeText({ ...props, isMultiDay }));\n  }\n\n  return element.build();\n};\n\nexport default (props: TypeMetaDisplay) => {\n  const { location, isThemeDark } = props;\n  const dateRow = createDateRow(props);\n\n  const wrapper = new ElementBuilder()\n    .styled(elementStyles.event.meta.wrapper)\n    .withChild(dateRow);\n\n  if (location && location.length > 0) {\n    wrapper.withChild(\n      MakeDetailItem({ ...props, icon: iconPin, text: location[0].title }),\n    );\n  }\n\n  const wrapperModel = wrapper.build();\n\n  return new ElementBuilder()\n    .styled(elementStyles.event.meta.container)\n    .withChild(wrapperModel)\n    .build();\n};\n"],"names":["iconCalendar","iconClock","iconPin"],"mappings":";;;;AAqCA,MAAM,iBAAiB,CAAC,UAIlB;AACJ,QAAM,EAAE,MAAM,MAAM,YAAA,IAAgB;AAEpC,QAAM,cAAc,IAAI,eAAe,MAAM,EAAE,SAAS,IAAI,EAAE,MAAA;AAC9D,QAAM,cAAc,IAAI,eAAe,MAAM,EAAE,SAAS,IAAI,EAAE,MAAA;AAE9D,SAAO,IAAI,eAAe,GAAG,EAC1B;AAAA,IACC,cAAc,MAAM,KAAK,YAAY;AAAA,MACnC,OAAO,cAAc,SAAS;AAAA,IAAA,CAC/B;AAAA,EAAA,EAEF,aAAa,aAAa,WAAW,EACrC,MAAA;AACL;AAEA,MAAM,gBAAgB,CAAC;AAAA,EACrB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AAAA,EACb;AACF,MAAuB;AACrB,MAAI,OAAO,GAAG,cAAc,KAAK,UAAU,IAAI,QAAQ;AAEvD,MAAI,YAAY;AACd,WAAO,GAAG,IAAI,MAAM,YAAY,KAAK,QAAQ,IAAI,MAAM;AAAA,EACzD;AAEA,SAAO,eAAe;AAAA,IACpB,MAAMA;AAAAA,IACN;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,MAAM,iBAAiB,CAAC;AAAA,EACtB;AAAA,EACA;AAAA,EACA;AACF,MAAuB;AACrB,MAAI,OAAO;AAEX,MAAI,aAAa,SAAS;AACxB,WAAO,GAAG,IAAI,MAAM,OAAO;AAAA,EAC7B;AAEA,SAAO,eAAe;AAAA,IACpB,MAAMC;AAAAA,IACN;AAAA,IACA;AAAA,EAAA,CACD;AACH;AAEA,MAAM,gBAAgB,CAAC,UAA2B;AAChD,QAAM,EAAE,WAAW,MAAM,YAAY,UAAU,QAAQ,aAAa;AACpE,QAAM,aAAa,YAAY,UAAU,cAAc;AACvD,QAAM,cAAc,cAAc,EAAE,GAAG,OAAO,YAAY;AAC1D,QAAM,UAAU,IAAI,eAAA,EACjB,cAAc,qBAAqB,EACnC,UAAU,WAAW;AAExB,MAAI,UAAU;AACZ,YAAQ,UAAU,eAAe,EAAE,GAAG,MAAkB,CAAC,CAAC;AAAA,EAC5D;AAEA,SAAO,QAAQ,MAAA;AACjB;AAEA,MAAA,OAAe,CAAC,UAA2B;AACzC,QAAM,EAAE,UAAU,YAAA,IAAgB;AAClC,QAAM,UAAU,cAAc,KAAK;AAEnC,QAAM,UAAU,IAAI,eAAA,EACjB,OAAO,cAAc,MAAM,KAAK,OAAO,EACvC,UAAU,OAAO;AAEpB,MAAI,YAAY,SAAS,SAAS,GAAG;AACnC,YAAQ;AAAA,MACN,eAAe,EAAE,GAAG,OAAO,MAAMC,KAAS,MAAM,SAAS,CAAC,EAAE,MAAA,CAAO;AAAA,IAAA;AAAA,EAEvE;AAEA,QAAM,eAAe,QAAQ,MAAA;AAE7B,SAAO,IAAI,eAAA,EACR,OAAO,cAAc,MAAM,KAAK,SAAS,EACzC,UAAU,YAAY,EACtB,MAAA;AACL;"}