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

package/dist/composite/carousel/elements/blocks.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"blocks.mjs","sources":["../../../../source/composite/carousel/elements/blocks.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as element from '@universityofmaryland/web-styles-library/element';\nimport { debounce } from '@universityofmaryland/web-utilities-library/performance';\nimport { setupSwipeDetection } from '@universityofmaryland/web-utilities-library/events';\nimport { parsePixelValue } from '@universityofmaryland/web-utilities-library/styles';\nimport { arrow_right as iconArrowRight } from '@universityofmaryland/web-icons-library/arrows';\n\ntype TypeDisplayLogic = {\n  mobileCount: number;\n  mobileBreakpoint: number;\n  tabletCount: number;\n  tabletBreakpoint: number;\n  desktopCount: number;\n  desktopBreakpoint: number;\n  maxCount: number;\n  blockGap: number;\n  hasRightButton: boolean;\n  hasLeftButton: boolean;\n  showMobileHint: boolean;\n  showHint: boolean;\n  fullScreenCallback?: (index: number) => void;\n};\n\ntype TypeDisplayLogicProps = Partial<TypeDisplayLogic>;\n\ntype TypeAnimationCarouselBlockProps = {\n  slide: HTMLElement;\n  shadowRef?: HTMLElement;\n  blocks: HTMLElement[];\n  overwriteDisplayLogic?: TypeDisplayLogicProps;\n};\n\ntype TypeHelpers = {\n  displayLogic: Record<string, any>;\n  GetElements: {\n    container: () => HTMLDivElement;\n    slide: () => HTMLElement;\n    blocks: () => HTMLElement[];\n  };\n  GetViewOptions: {\n    isTabletView: () => boolean;\n    showCount: () => number;\n    shouldShowMobileHint: () => boolean;\n    shouldShowHint: () => boolean;\n    shouldShowLeftButton: () => boolean;\n    shouldShowRightButton: () => boolean;\n  };\n  GetSizes: {\n    carouselWidthBasedOnBlock: ({ count }: { count: number }) => number;\n  };\n  SetLayout: {\n    blockWidth: ({ count }: { count: number }) => void;\n    carouselWidth: ({ count }: { count: number }) => void;\n  };\n};\n\ntype TypeEventScroll = TypeHelpers & {\n  isDirectionRight?: boolean;\n};\n\nconst fullScreenClassName = element.action.button.fullScreen.className;\n\nconst ATTRIBUTE_SINGLE_BLOCK = 'single';\nconst ANIMATION_DURATION = 750;\nconst HINT_MULTIPLER_MOBILE_SIZING = 0.2;\nconst HINT_MULTIPLER_SIZING = 0.6;\n\nconst IS_SINGLE_BLOCK = `[${ATTRIBUTE_SINGLE_BLOCK}]`;\n\nconst ELEMENT_NAME = 'umd-element-animation-carousel-block';\nconst ELEMENT_ANIMATION_CAROUSEL_DECLARATION =\n  'animation-carousel-block-declaration';\nconst ELEMENT_ANIMATION_CAROUSEL_CONTAINER =\n  'animation-carousel-block-container';\nconst ELEMENT_ANIMATION_CAROUSEL_WRAPPER = 'animation-carousel-block-wrapper';\nconst ELEMENT_ANIMATION_CAROUSEL_BUTTON = `animation-carousel-block-button`;\nconst ELEMENT_ANIMATION_CAROUSEL_NEXT = `animation-carousel-block-button-next`;\nconst ELEMENT_ANIMATION_CAROUSEL_PREVIOUS = `animation-carousel-block-button-previous`;\n\nconst OVERWRITE_SINGLE_BLOCK_CONTAINER = `.${ELEMENT_ANIMATION_CAROUSEL_CONTAINER}${IS_SINGLE_BLOCK}`;\n\n// prettier-ignore\nconst ButtonStyles = `\n  .${ELEMENT_ANIMATION_CAROUSEL_BUTTON} {\n    background-color: ${token.color.red};\n    padding: 10px ${token.spacing.xs};\n    position: absolute;\n    z-index: 9999;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    cursor: pointer;\n    display: none;\n  }\n\n  .${ELEMENT_ANIMATION_CAROUSEL_BUTTON}:disabled {\n    opacity: 0.5;\n  }\n\n  .${ELEMENT_ANIMATION_CAROUSEL_BUTTON} svg {\n    width: 20px;\n    height: 20px;\n    fill: ${token.color.white};\n  }\n\n  .${ELEMENT_ANIMATION_CAROUSEL_PREVIOUS} svg {\n    transform: rotate(180deg);\n  }\n`;\n\n// prettier-ignore\nconst ContainerStyles = `\n  .${ELEMENT_ANIMATION_CAROUSEL_CONTAINER} {\n    position: relative;\n  }\n\n  .${ELEMENT_ANIMATION_CAROUSEL_WRAPPER} {\n    overflow: hidden;\n    padding-right: 0;\n    width: 100%;\n  }\n`;\n\n// prettier-ignore\nconst STYLES_CAROUSEL_CARDS_ELEMENT = `\n  .${ELEMENT_ANIMATION_CAROUSEL_DECLARATION} {\n    container: ${ELEMENT_NAME} / inline-size;\n    width: 100%;\n  }\n\n  ${ContainerStyles}\n  ${ButtonStyles}\n`;\n\nconst EventScrollCarousel = (props: TypeEventScroll) => {\n  const {\n    GetElements,\n    GetViewOptions,\n    GetSizes,\n    SetLayout,\n    isDirectionRight = true,\n    displayLogic,\n  } = props;\n  const carouselSlider = GetElements.slide();\n  const slotContent = Array.from(\n    carouselSlider.querySelectorAll(':scope > *'),\n  ) as HTMLDivElement[];\n\n  const isShowMobileHint = GetViewOptions.shouldShowMobileHint();\n  const isShowHint = GetViewOptions.shouldShowHint();\n  const count = GetViewOptions.showCount();\n\n  // Force layout recalculation to get accurate measurements\n  void slotContent[0]?.offsetHeight;\n  const elementSize = slotContent[0]?.offsetWidth || 0;\n  const carouselSize = GetSizes.carouselWidthBasedOnBlock({ count });\n  const { fullScreenCallback } = displayLogic;\n\n  if (!elementSize) return;\n\n  const elementSizeWithSpace = elementSize;\n  const temporaryCarouselSize = carouselSize + elementSizeWithSpace;\n\n  const cloneReferenceEvents = ({\n    orginal,\n    clone,\n  }: {\n    orginal: HTMLElement;\n    clone: HTMLElement;\n  }) => {\n    const orginalFullScreen = orginal.querySelector(`.${fullScreenClassName}`);\n    const cloneFullScreen = clone.querySelector(`.${fullScreenClassName}`);\n\n    if (orginalFullScreen && cloneFullScreen) {\n      const indexAttr = orginalFullScreen.getAttribute('data-index');\n      const index = indexAttr ? parseInt(indexAttr) : 0;\n      cloneFullScreen.addEventListener('click', () =>\n        fullScreenCallback(index),\n      );\n    }\n  };\n\n  const animateRight = () => {\n    const firstElement = slotContent[0];\n    const clonedElement = firstElement.cloneNode(true) as HTMLDivElement;\n    const upcomingElement = slotContent[count];\n    const hintElement = slotContent[count + 1];\n\n    // Prepare elements before animation\n    upcomingElement.style.display = 'block';\n    cloneReferenceEvents({ orginal: firstElement, clone: clonedElement });\n\n    if (hintElement && (isShowMobileHint || isShowHint)) {\n      hintElement.style.display = 'block';\n    }\n\n    // Add clone but keep it hidden initially\n    carouselSlider.appendChild(clonedElement);\n    clonedElement.style.display = 'none';\n\n    // Set width first and force layout recalculation\n    carouselSlider.style.width = `${temporaryCarouselSize}px`;\n    void carouselSlider.offsetHeight;\n\n    // Use requestAnimationFrame for smoother animation timing\n    requestAnimationFrame(() => {\n      carouselSlider.style.transition = `transform ${ANIMATION_DURATION}ms ease-in-out`;\n      carouselSlider.style.transform = `translateX(-${elementSizeWithSpace}px)`;\n\n      setTimeout(() => {\n        carouselSlider.removeChild(firstElement);\n        SetLayout.carouselWidth({ count });\n      }, ANIMATION_DURATION);\n    });\n  };\n\n  const animateLeft = () => {\n    const lastElement = slotContent[slotContent.length - 1];\n    const removedElement = slotContent[count - 1];\n    const hintElementSibiling = slotContent[count];\n    const clonedElement = lastElement.cloneNode(true) as HTMLDivElement;\n\n    // Prepare clone with proper event handlers\n    cloneReferenceEvents({ orginal: lastElement, clone: clonedElement });\n\n    // Set width first before DOM manipulation\n    carouselSlider.style.width = `${temporaryCarouselSize}px`;\n\n    // Add cloned element at the beginning\n    carouselSlider.prepend(clonedElement);\n    clonedElement.style.display = 'block';\n\n    // Set initial transform position\n    carouselSlider.style.transform = `translateX(-${elementSizeWithSpace}px)`;\n\n    // Force layout recalculation\n    void carouselSlider.offsetHeight;\n\n    // Use requestAnimationFrame for smoother animation timing\n    requestAnimationFrame(() => {\n      carouselSlider.style.transition = `transform ${ANIMATION_DURATION}ms ease-in-out`;\n      carouselSlider.style.transform = `translateX(0)`;\n\n      setTimeout(() => {\n        carouselSlider.removeChild(lastElement);\n\n        if (!isShowMobileHint && !isShowHint) {\n          removedElement.style.display = 'none';\n        }\n\n        if (isShowMobileHint || isShowHint) {\n          hintElementSibiling.style.display = 'none';\n        }\n\n        SetLayout.carouselWidth({ count });\n      }, ANIMATION_DURATION);\n    });\n  };\n\n  isDirectionRight ? animateRight() : animateLeft();\n};\n\nconst EventSwipe = (props: TypeHelpers) => {\n  const { GetElements } = props;\n  const container = GetElements.container();\n\n  const swipes = (isrightswipe: Boolean) => {\n    if (!isrightswipe) {\n      EventScrollCarousel(props);\n    } else {\n      EventScrollCarousel({ ...props, isDirectionRight: false });\n    }\n  };\n\n  setupSwipeDetection({ container, callback: swipes });\n};\n\nconst ButtonVisibility = (props: TypeHelpers) => {\n  const { GetElements, GetViewOptions } = props;\n  const prevousButton = GetElements.container().querySelector(\n    `.${ELEMENT_ANIMATION_CAROUSEL_PREVIOUS}`,\n  ) as HTMLButtonElement;\n  const nextButton = GetElements.container().querySelector(\n    `.${ELEMENT_ANIMATION_CAROUSEL_NEXT}`,\n  ) as HTMLButtonElement;\n  const buttons = [nextButton, prevousButton];\n\n  const shouldShowLeftButton = GetViewOptions.shouldShowLeftButton();\n  const shouldShowRightButton = GetViewOptions.shouldShowRightButton();\n  const showCount = GetViewOptions.showCount();\n  const cardsTotal = GetElements.blocks().length;\n  const shouldHideLeftButton = showCount > 1 && !shouldShowLeftButton;\n  const shouldHideRightButton = showCount > 1 && !shouldShowRightButton;\n\n  if (cardsTotal === showCount) {\n    buttons.forEach((button) => (button.style.display = 'none'));\n    return;\n  }\n\n  if (shouldHideLeftButton) {\n    prevousButton.style.display = 'none';\n  } else {\n    prevousButton.style.display = 'block';\n  }\n\n  if (shouldHideRightButton) {\n    nextButton.style.display = 'none';\n  } else {\n    nextButton.style.display = 'block';\n  }\n};\n\nconst ButtonDisplay = (props: TypeHelpers) => {\n  const { GetElements } = props;\n  const prevousButton = GetElements.container().querySelector(\n    `.${ELEMENT_ANIMATION_CAROUSEL_PREVIOUS}`,\n  ) as HTMLButtonElement;\n  const nextButton = GetElements.container().querySelector(\n    `.${ELEMENT_ANIMATION_CAROUSEL_NEXT}`,\n  ) as HTMLButtonElement;\n\n  prevousButton.setAttribute('aria-label', 'Previous');\n  nextButton.setAttribute('aria-label', 'Next');\n\n  ButtonVisibility(props);\n};\n\nconst CreateButton = ({\n  EventMoveForward,\n  EventMoveBackward,\n  isRight = true,\n}: {\n  EventMoveForward: () => void;\n  EventMoveBackward: () => void;\n  isRight?: boolean;\n}) => {\n  const button = document.createElement('button');\n  button.setAttribute('type', 'button');\n  button.setAttribute('aria-label', 'Next');\n  button.classList.add(ELEMENT_ANIMATION_CAROUSEL_BUTTON);\n  button.innerHTML = iconArrowRight;\n\n  if (isRight) {\n    button.classList.add(ELEMENT_ANIMATION_CAROUSEL_NEXT);\n  }\n\n  if (!isRight) {\n    button.setAttribute('aria-label', 'Previous');\n    button.classList.add(ELEMENT_ANIMATION_CAROUSEL_PREVIOUS);\n  }\n\n  button.addEventListener('click', () => {\n    if (isRight) EventMoveForward();\n    if (!isRight) EventMoveBackward();\n    button.disabled = true;\n\n    setTimeout(() => {\n      button.disabled = false;\n    }, ANIMATION_DURATION);\n  });\n\n  return button;\n};\n\nconst CreateCarouselCardsElement = (props: TypeAnimationCarouselBlockProps) =>\n  (() => {\n    const { slide, shadowRef, blocks, overwriteDisplayLogic } = props;\n    const declaration = document.createElement('div');\n    const container = document.createElement('div');\n    const wrapper = document.createElement('div');\n    const displayLogic: TypeDisplayLogic = {\n      mobileBreakpoint: 550,\n      tabletBreakpoint: 768,\n      desktopBreakpoint: 1000,\n      mobileCount: 1,\n      tabletCount: 2,\n      desktopCount: 3,\n      maxCount: 4,\n      blockGap: parsePixelValue(token.spacing.lg),\n      hasRightButton: true,\n      hasLeftButton: true,\n      showMobileHint: true,\n      showHint: true,\n      fullScreenCallback: undefined,\n    };\n    let blockWidth = 0;\n    let hasInteractionOccured = false;\n\n    if (overwriteDisplayLogic) {\n      Object.keys(overwriteDisplayLogic).forEach((key) => {\n        const refKey = key as keyof typeof displayLogic;\n        const refValue = overwriteDisplayLogic[refKey] as never;\n\n        displayLogic[refKey] = refValue;\n      });\n    }\n\n    const GetElements = {\n      container: () => container,\n      slide: () => slide,\n      blocks: () => blocks,\n    };\n\n    const GetViewOptions = {\n      isMobileView: () => {\n        return GetSizes.containerWidth() <= displayLogic.mobileBreakpoint;\n      },\n      isTabletView: () => {\n        return (\n          GetSizes.containerWidth() > displayLogic.mobileBreakpoint &&\n          GetSizes.containerWidth() <= displayLogic.tabletBreakpoint\n        );\n      },\n\n      isDesktopView: () => {\n        return (\n          GetSizes.containerWidth() > displayLogic.tabletBreakpoint &&\n          GetSizes.containerWidth() <= displayLogic.desktopBreakpoint\n        );\n      },\n      isHighView: () => {\n        return GetSizes.containerWidth() > displayLogic.desktopBreakpoint;\n      },\n      showCount: () => {\n        const isMobile = GetViewOptions.isMobileView();\n        const isTablet = GetViewOptions.isTabletView();\n        const isDesktop = GetViewOptions.isDesktopView();\n        const isHighDef = GetViewOptions.isHighView();\n        let count = 1;\n\n        if (isMobile) count = displayLogic.mobileCount;\n        if (isTablet) count = displayLogic.tabletCount;\n        if (isDesktop) count = displayLogic.desktopCount;\n        if (isHighDef) count = displayLogic.maxCount;\n\n        return count;\n      },\n      shouldShowMobileHint: () => {\n        const isMobileView = GetViewOptions.isMobileView();\n        const isShowMobileHint = displayLogic.showMobileHint;\n        const isShowHint = displayLogic.showHint;\n\n        return (\n          (isShowMobileHint && isMobileView) || (isShowHint && isMobileView)\n        );\n      },\n      shouldShowHint: () => {\n        return displayLogic.showHint && !GetViewOptions.isMobileView();\n      },\n      shouldShowLeftButton: () => {\n        return displayLogic.hasLeftButton || hasInteractionOccured;\n      },\n      shouldShowRightButton: () => {\n        return displayLogic.hasRightButton || hasInteractionOccured;\n      },\n    };\n\n    const GetSizes = {\n      mobileHintWidth: ({ count }: { count: number }) => {\n        const containerWidth = container.offsetWidth;\n        return (containerWidth / count) * HINT_MULTIPLER_MOBILE_SIZING;\n      },\n      hintWidth: ({ count }: { count: number }) => {\n        const containerWidth = container.offsetWidth;\n        return (containerWidth / count) * HINT_MULTIPLER_SIZING;\n      },\n      carouselWidthBasedOnBlock: ({ count }: { count: number }) => {\n        const elementSize = blockWidth;\n        const isShowMobileHint = GetViewOptions.shouldShowMobileHint();\n        const isShowHint = GetViewOptions.shouldShowHint();\n\n        if (!elementSize) return window.innerWidth;\n\n        if (isShowMobileHint || isShowHint) {\n          return elementSize * (count + 1);\n        }\n\n        return elementSize * count;\n      },\n      containerWidth: () => {\n        return container.offsetWidth;\n      },\n    };\n\n    const SetLayout = {\n      blockWidth: () =>\n        blocks.forEach((block) => (block.style.width = `${blockWidth}px`)),\n      carouselWidth: ({ count }: { count: number }) => {\n        const elementSize = GetSizes.carouselWidthBasedOnBlock({ count });\n\n        slide.style.width = `${elementSize}px`;\n        slide.style.transition = 'none';\n        slide.style.transform = 'translateX(0)';\n      },\n      blockDisplay: ({ count }: { count: number }) => {\n        const containerBlocks = Array.from(\n          slide.querySelectorAll(':scope > *'),\n        ) as HTMLElement[];\n        const isHint = GetViewOptions.shouldShowHint();\n        const isShowMobileHint = GetViewOptions.shouldShowMobileHint();\n\n        containerBlocks.forEach((block, index) => {\n          if (index >= count) {\n            block.style.display = 'none';\n          } else {\n            block.style.display = 'block';\n          }\n        });\n\n        if (isShowMobileHint) containerBlocks[1].style.display = 'block';\n        if (isHint) containerBlocks[count].style.display = 'block';\n      },\n    };\n\n    const Event = {\n      helpers: {\n        displayLogic,\n        GetElements,\n        GetViewOptions,\n        GetSizes,\n        SetLayout,\n      },\n      resize: () => {\n        const count = GetViewOptions.showCount();\n        const cacluateBlockWidth = ({ count }: { count: number }) => {\n          const isShowMobileHint = GetViewOptions.shouldShowMobileHint();\n          const isShowHint = GetViewOptions.shouldShowHint();\n          const containerWidth = container.offsetWidth;\n\n          if (isShowMobileHint || isShowHint) {\n            let hintElementSize = GetSizes.hintWidth({ count });\n\n            if (isShowMobileHint) {\n              hintElementSize = GetSizes.mobileHintWidth({ count });\n            }\n\n            blockWidth = (containerWidth - hintElementSize) / count;\n          } else {\n            blockWidth = containerWidth / count;\n          }\n        };\n\n        cacluateBlockWidth({ count });\n        SetLayout.blockWidth();\n        SetLayout.blockDisplay({ count });\n        SetLayout.carouselWidth({ count });\n        ButtonDisplay({ ...Event.helpers });\n\n        if (count === 1) {\n          container.setAttribute(ATTRIBUTE_SINGLE_BLOCK, '');\n        } else {\n          container.removeAttribute(ATTRIBUTE_SINGLE_BLOCK);\n        }\n      },\n      load: () => {\n        slide.style.display = 'flex';\n        slide.style.gap = `${displayLogic.blockGap}px`;\n\n        Event.resize();\n        EventSwipe({ ...Event.helpers });\n      },\n      forward: () => {\n        hasInteractionOccured = true;\n        EventScrollCarousel({\n          ...Event.helpers,\n        });\n        ButtonVisibility({ ...Event.helpers });\n      },\n      backward: () => {\n        hasInteractionOccured = true;\n        EventScrollCarousel({\n          ...Event.helpers,\n          isDirectionRight: false,\n        });\n        ButtonVisibility({ ...Event.helpers });\n      },\n    };\n\n    container.appendChild(\n      CreateButton({\n        EventMoveForward: Event.forward,\n        EventMoveBackward: Event.backward,\n      }),\n    );\n\n    container.appendChild(\n      CreateButton({\n        EventMoveForward: Event.forward,\n        EventMoveBackward: Event.backward,\n        isRight: false,\n      }),\n    );\n\n    wrapper.classList.add(ELEMENT_ANIMATION_CAROUSEL_WRAPPER);\n\n    if (shadowRef) {\n      wrapper.appendChild(shadowRef);\n    } else {\n      blocks.forEach((block) => slide.appendChild(block));\n      wrapper.appendChild(slide);\n    }\n\n    container.classList.add(ELEMENT_ANIMATION_CAROUSEL_CONTAINER);\n    container.appendChild(wrapper);\n\n    declaration.classList.add(ELEMENT_ANIMATION_CAROUSEL_DECLARATION);\n    declaration.appendChild(container);\n\n    window.addEventListener('resize', debounce(Event.resize, 30));\n\n    return {\n      element: declaration,\n      events: {\n        resize: Event.resize,\n        load: Event.load,\n      },\n    };\n  })();\n\nexport default {\n  CreateElement: CreateCarouselCardsElement,\n  Styles: STYLES_CAROUSEL_CARDS_ELEMENT,\n  Elements: {\n    declaration: ELEMENT_ANIMATION_CAROUSEL_DECLARATION,\n    container: ELEMENT_ANIMATION_CAROUSEL_CONTAINER,\n    containerSingleBlock: OVERWRITE_SINGLE_BLOCK_CONTAINER,\n    button: ELEMENT_ANIMATION_CAROUSEL_BUTTON,\n    nextButton: ELEMENT_ANIMATION_CAROUSEL_NEXT,\n    previousButton: ELEMENT_ANIMATION_CAROUSEL_PREVIOUS,\n  },\n};\n"],"names":["element","iconArrowRight","blocks","count"],"mappings":"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"}

package/dist/composite/carousel/elements/full-screen.mjs

@@ -1,75 +0,0 @@
-import * as token from "@universityofmaryland/web-token-library";
-import { close_large } from "@universityofmaryland/web-icons-library/controls";
-import "@universityofmaryland/web-builder-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/communication";
-import "@universityofmaryland/web-icons-library/files";
-import "@universityofmaryland/web-icons-library/brand";
-import "@universityofmaryland/web-icons-library/arrows";
-import "../../../atomic/animations/actions/indicator.mjs";
-import "../../../atomic/animations/brand/chevron-scroll.mjs";
-import "../../../atomic/animations/brand/card-stack.mjs";
-import "@universityofmaryland/web-styles-library";
-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.mjs";
-import { createModal } from "../../../atomic/layout/overlay/modal.mjs";
-import "../../../atomic/layout/person/columns.mjs";
-import "@universityofmaryland/web-icons-library/social";
-import "../../../atomic/text-lockup/date.mjs";
-import "../../../atomic/text-lockup/small.mjs";
-const ELEMENT_CLOSE_BUTTON = "carousel-fixed-screen-button";
-const STYLES_FIXED_FULL_SCREEN = `
-
-
-  .${ELEMENT_CLOSE_BUTTON} {
-    position: absolute;
-    top: 10px;
-    right: 10px;
-  }
-
-  @media (${token.media.queries.tablet.min}) {
-    .${ELEMENT_CLOSE_BUTTON} {
-      top: calc(10vh - 22px);
-      right: calc(10vw - 22px);
-    }
-  }
-
-  .${ELEMENT_CLOSE_BUTTON} > svg {
-    fill: ${token.color.white};
-    width: 20px;
-    height: 20px;
-  }
-`;
-const fullScreen = ({ content, callback }) => {
-  const modal = createModal({ content, callback });
-  const closeButton = document.createElement("button");
-  let styles = STYLES_FIXED_FULL_SCREEN;
-  styles += modal.styles;
-  closeButton.setAttribute("type", "button");
-  closeButton.setAttribute("aria-label", "Close");
-  closeButton.classList.add(ELEMENT_CLOSE_BUTTON);
-  closeButton.innerHTML = close_large;
-  closeButton.addEventListener("click", modal.events.hide);
-  modal.element.appendChild(closeButton);
-  return {
-    element: modal.element,
-    styles,
-    events: {
-      show: modal.events.show,
-      hide: modal.events.hide
-    }
-  };
-};
-export {
-  fullScreen as default
-};
-//# sourceMappingURL=full-screen.mjs.map

package/dist/composite/carousel/elements/full-screen.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"full-screen.mjs","sources":["../../../../source/composite/carousel/elements/full-screen.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport { close_large as iconCloseLarge } from '@universityofmaryland/web-icons-library/controls';\nimport { layout } from 'atomic';\n\ntype TypeFixedFullScreenProps = {\n  content: HTMLElement;\n  callback: () => void;\n};\n\nconst ELEMENT_CLOSE_BUTTON = 'carousel-fixed-screen-button';\n\nconst STYLES_FIXED_FULL_SCREEN = `\n\n\n  .${ELEMENT_CLOSE_BUTTON} {\n    position: absolute;\n    top: 10px;\n    right: 10px;\n  }\n\n  @media (${token.media.queries.tablet.min}) {\n    .${ELEMENT_CLOSE_BUTTON} {\n      top: calc(10vh - 22px);\n      right: calc(10vw - 22px);\n    }\n  }\n\n  .${ELEMENT_CLOSE_BUTTON} > svg {\n    fill: ${token.color.white};\n    width: 20px;\n    height: 20px;\n  }\n`;\n\nexport default ({ content, callback }: TypeFixedFullScreenProps) => {\n  const modal = layout.overlay.modal({ content, callback });\n  const closeButton = document.createElement('button');\n  let styles = STYLES_FIXED_FULL_SCREEN;\n\n  styles += modal.styles;\n\n  closeButton.setAttribute('type', 'button');\n  closeButton.setAttribute('aria-label', 'Close');\n  closeButton.classList.add(ELEMENT_CLOSE_BUTTON);\n  closeButton.innerHTML = iconCloseLarge;\n  closeButton.addEventListener('click', modal.events.hide);\n\n  modal.element.appendChild(closeButton);\n\n  return {\n    element: modal.element,\n    styles,\n    events: {\n      show: modal.events.show,\n      hide: modal.events.hide,\n    },\n  };\n};\n"],"names":["layout.overlay.modal","iconCloseLarge"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AASA,MAAM,uBAAuB;AAE7B,MAAM,2BAA2B;AAAA;AAAA;AAAA,KAG5B,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAMb,MAAM,MAAM,QAAQ,OAAO,GAAG;AAAA,OACnC,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,KAMtB,oBAAoB;AAAA,YACb,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAM7B,MAAA,aAAe,CAAC,EAAE,SAAS,eAAyC;AAClE,QAAM,QAAQA,YAAqB,EAAE,SAAS,UAAU;AACxD,QAAM,cAAc,SAAS,cAAc,QAAQ;AACnD,MAAI,SAAS;AAEb,YAAU,MAAM;AAEhB,cAAY,aAAa,QAAQ,QAAQ;AACzC,cAAY,aAAa,cAAc,OAAO;AAC9C,cAAY,UAAU,IAAI,oBAAoB;AAC9C,cAAY,YAAYC;AACxB,cAAY,iBAAiB,SAAS,MAAM,OAAO,IAAI;AAEvD,QAAM,QAAQ,YAAY,WAAW;AAErC,SAAO;AAAA,IACL,SAAS,MAAM;AAAA,IACf;AAAA,IACA,QAAQ;AAAA,MACN,MAAM,MAAM,OAAO;AAAA,MACnB,MAAM,MAAM,OAAO;AAAA,IAAA;AAAA,EACrB;AAEJ;"}

package/dist/composite/carousel/elements/image.mjs

@@ -1,263 +0,0 @@
-import * as token from "@universityofmaryland/web-token-library";
-import { debounce } from "@universityofmaryland/web-utilities-library/performance";
-import { getResponsiveImageSize } from "@universityofmaryland/web-utilities-library/media";
-import { setupSwipeDetection } from "@universityofmaryland/web-utilities-library/events";
-import { arrow_right } from "@universityofmaryland/web-icons-library/arrows";
-const ANIMATION_DURATION = 500;
-const ATTRIBUTE_ACTIVE_SLIDE = "data-active-slide";
-const ELEMENT_CAROUSEL_DECLARATION = "carousel-image-slider-container";
-const ELEMENT_CAROUSEL_CONTAINER = "carousel-image-slider";
-const ELEMENT_CAROUSEL_SLIDE = "carousel-image-slide";
-const ELEMENT_CAROUSEL_SLIDER_BUTTON = "carousel-slider-button";
-const OVERWRITE_ACTIVE_SLIDE = `.${ELEMENT_CAROUSEL_SLIDE}[${ATTRIBUTE_ACTIVE_SLIDE}]`;
-const SliderButtons = `
-  .${ELEMENT_CAROUSEL_SLIDER_BUTTON} {
-    background-color: ${token.color.white};
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    height: 40px;
-    width: 40px;
-    position: absolute;
-    top: 50%;
-    z-index: 99;
-  }
-
-  .${ELEMENT_CAROUSEL_SLIDER_BUTTON}:first-of-type {
-    left: ${token.spacing.sm};
-  }
-
-  .${ELEMENT_CAROUSEL_SLIDER_BUTTON}:first-of-type svg {
-    transform: rotate(180deg);
-  }
-
-  .${ELEMENT_CAROUSEL_SLIDER_BUTTON}:last-of-type {
-    right: ${token.spacing.sm};
-  }
-
-  .${ELEMENT_CAROUSEL_SLIDER_BUTTON} svg {
-    fill: ${token.color.black};
-    width: 16px;
-  }
-`;
-const SlideStyles = `
-  .${ELEMENT_CAROUSEL_SLIDE} {
-    height: 100%;
-    width: 100%;
-    position: absolute;
-    left: 100%;
-    display: none;
-    transition: transform ${ANIMATION_DURATION}ms ease-in-out;
-  }
-
-  ${OVERWRITE_ACTIVE_SLIDE} {
-    z-index: 99;
-    left: 0;
-    display: block;
-    transform: translateX(0);
-  }
-`;
-const SliderStyles = `
-  .${ELEMENT_CAROUSEL_CONTAINER} {
-    position: relative;
-  }
-`;
-const STYLES_CAROUSEL_IMAGE_ELEMENT = `
-  .${ELEMENT_CAROUSEL_DECLARATION} {
-    overflow: hidden;
-  }
-
-  ${SliderStyles}
-  ${SlideStyles}
-  ${SliderButtons}
-`;
-const CreateButton = ({
-  EventSlide,
-  isRight = true
-}) => {
-  const button = document.createElement("button");
-  button.setAttribute("type", "button");
-  button.classList.add(ELEMENT_CAROUSEL_SLIDER_BUTTON);
-  button.innerHTML = arrow_right;
-  if (!isRight) {
-    button.setAttribute("aria-label", "Previous");
-  } else {
-    button.setAttribute("aria-label", "Next");
-  }
-  button.addEventListener("click", (event) => {
-    event.stopPropagation();
-    if (isRight) EventSlide({});
-    if (!isRight) EventSlide({ forward: false });
-    button.disabled = true;
-    setTimeout(() => {
-      button.disabled = false;
-    }, ANIMATION_DURATION + 100);
-  });
-  return button;
-};
-const SetCarouselSize = ({
-  slider,
-  activeSlide,
-  transition = false,
-  maxHeight
-}) => {
-  const windowHeight = window.innerHeight - 48;
-  const children = Array.from(activeSlide.children);
-  const buttons = Array.from(
-    slider.querySelectorAll(`.${ELEMENT_CAROUSEL_SLIDER_BUTTON}`)
-  );
-  const img = activeSlide.querySelector("img");
-  const maxWindowHeight = maxHeight ? maxHeight > windowHeight ? windowHeight : maxHeight : windowHeight;
-  const imageSize = getResponsiveImageSize({
-    image: img,
-    parentNode: slider,
-    maxWindowHeight
-  });
-  const imageContainer = children.find(
-    (child) => child.contains(img)
-  );
-  let size = imageSize;
-  imageContainer.style.height = `${imageSize}px`;
-  if (children.length > 1) {
-    size = children.reduce((acc, currentElement) => {
-      return currentElement.offsetHeight + acc;
-    }, 0);
-  }
-  buttons.forEach((button) => button.style.top = `${imageSize / 2}px`);
-  if (transition) {
-    slider.style.transition = `height ${ANIMATION_DURATION}ms ease-in-out`;
-  } else {
-    slider.style.transition = `none`;
-  }
-  slider.style.height = `${size}px`;
-};
-const SlideActiveSlide = ({
-  slide,
-  isRight = true
-}) => {
-  const transformDirection = isRight ? "translateX(-100%)" : "translateX(100%)";
-  slide.style.transform = `${transformDirection}`;
-  setTimeout(() => {
-    slide.removeAttribute(ATTRIBUTE_ACTIVE_SLIDE);
-  }, ANIMATION_DURATION);
-  setTimeout(() => {
-    slide.style.transform = "none";
-  }, ANIMATION_DURATION + 100);
-};
-const SlideUpcomingSlide = ({
-  slide,
-  isRight = true
-}) => {
-  const amount = "90";
-  const transformDirection = isRight ? `translateX(-${amount}%)` : `translateX(${amount}%)`;
-  const startingPosition = isRight ? `${amount}%` : `-${amount}%`;
-  slide.style.zIndex = "9";
-  slide.style.transition = `transform ${ANIMATION_DURATION}ms ease-in-out`;
-  slide.style.display = "block";
-  slide.style.left = `${startingPosition}`;
-  setTimeout(() => {
-    slide.style.transform = `${transformDirection}`;
-  }, 1);
-  setTimeout(() => {
-    slide.style.transition = "none";
-    slide.style.left = "0";
-    slide.style.transform = "none";
-    slide.setAttribute(ATTRIBUTE_ACTIVE_SLIDE, "");
-  }, ANIMATION_DURATION);
-  setTimeout(() => {
-    slide.removeAttribute("style");
-  }, ANIMATION_DURATION + 100);
-};
-const image = (props) => (() => {
-  const { slides, callback, maxHeight } = props;
-  const container = document.createElement("div");
-  const slider = document.createElement("div");
-  let activeIndex = 0;
-  let styles = STYLES_CAROUSEL_IMAGE_ELEMENT;
-  const EventSlide = ({ forward = true }) => {
-    SlideActiveSlide({ slide: slides[activeIndex], isRight: forward });
-    if (forward) {
-      activeIndex = activeIndex + 1;
-      if (activeIndex >= slides.length) activeIndex = 0;
-    } else {
-      activeIndex = activeIndex - 1;
-      if (activeIndex < 0) activeIndex = slides.length - 1;
-    }
-    SlideUpcomingSlide({ slide: slides[activeIndex], isRight: forward });
-    SetCarouselSize({
-      slider,
-      activeSlide: slides[activeIndex],
-      transition: true,
-      maxHeight
-    });
-    if (callback) callback(activeIndex);
-  };
-  const EventMoveTo = (index) => {
-    SlideActiveSlide({ slide: slides[activeIndex], isRight: true });
-    activeIndex = index;
-    SlideUpcomingSlide({ slide: slides[activeIndex], isRight: true });
-    SetCarouselSize({
-      slider,
-      activeSlide: slides[activeIndex],
-      transition: true,
-      maxHeight
-    });
-    if (callback) callback(activeIndex);
-  };
-  const EventSlideLeft = () => EventSlide({ forward: false });
-  const EventSlideRight = () => EventSlide({ forward: true });
-  const EventSwipe = () => {
-    const swipes = (isrightswipe) => {
-      if (!isrightswipe) {
-        EventSlide({ forward: true });
-      } else {
-        EventSlide({ forward: false });
-      }
-    };
-    setupSwipeDetection({
-      container: slider,
-      callback: swipes
-    });
-  };
-  const EventResize = () => {
-    SetCarouselSize({ slider, activeSlide: slides[activeIndex], maxHeight });
-  };
-  const Load = () => {
-    const setSize = () => {
-      const activeSlide = slides[activeIndex];
-      SetCarouselSize({ slider, activeSlide, maxHeight });
-      activeSlide.setAttribute(ATTRIBUTE_ACTIVE_SLIDE, "");
-    };
-    setTimeout(setSize, 100);
-    setTimeout(setSize, 300);
-  };
-  slider.classList.add(ELEMENT_CAROUSEL_CONTAINER);
-  slides.forEach((slide) => slide.classList.add(ELEMENT_CAROUSEL_SLIDE));
-  slider.append(...slides);
-  slider.appendChild(CreateButton({ EventSlide, isRight: false }));
-  slider.appendChild(
-    CreateButton({
-      EventSlide,
-      isRight: true
-    })
-  );
-  container.classList.add(ELEMENT_CAROUSEL_DECLARATION);
-  container.appendChild(slider);
-  window.addEventListener("resize", debounce(EventResize, 10));
-  EventSwipe();
-  return {
-    element: container,
-    styles,
-    events: {
-      Load,
-      EventMoveTo,
-      EventResize,
-      EventSlideLeft,
-      EventSlideRight
-    }
-  };
-})();
-export {
-  image as default
-};
-//# sourceMappingURL=image.mjs.map

package/dist/composite/carousel/elements/image.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"image.mjs","sources":["../../../../source/composite/carousel/elements/image.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport { debounce } from '@universityofmaryland/web-utilities-library/performance';\nimport { getResponsiveImageSize } from '@universityofmaryland/web-utilities-library/media';\nimport { setupSwipeDetection } from '@universityofmaryland/web-utilities-library/events';\nimport { arrow_right as iconArrowRight } from '@universityofmaryland/web-icons-library/arrows';\n\ntype TypeCarouselImageProps = {\n  slides: HTMLElement[];\n  callback?: (index: number) => void;\n  maxHeight?: number;\n};\n\nconst ANIMATION_DURATION = 500;\nconst ATTRIBUTE_ACTIVE_SLIDE = 'data-active-slide';\n\nconst ELEMENT_CAROUSEL_DECLARATION = 'carousel-image-slider-container';\nconst ELEMENT_CAROUSEL_CONTAINER = 'carousel-image-slider';\nconst ELEMENT_CAROUSEL_SLIDE = 'carousel-image-slide';\nconst ELEMENT_CAROUSEL_SLIDER_BUTTON = 'carousel-slider-button';\n\nconst OVERWRITE_ACTIVE_SLIDE = `.${ELEMENT_CAROUSEL_SLIDE}[${ATTRIBUTE_ACTIVE_SLIDE}]`;\n\n// prettier-ignore\nconst SliderButtons = `\n  .${ELEMENT_CAROUSEL_SLIDER_BUTTON} {\n    background-color: ${token.color.white};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    height: 40px;\n    width: 40px;\n    position: absolute;\n    top: 50%;\n    z-index: 99;\n  }\n\n  .${ELEMENT_CAROUSEL_SLIDER_BUTTON}:first-of-type {\n    left: ${token.spacing.sm};\n  }\n\n  .${ELEMENT_CAROUSEL_SLIDER_BUTTON}:first-of-type svg {\n    transform: rotate(180deg);\n  }\n\n  .${ELEMENT_CAROUSEL_SLIDER_BUTTON}:last-of-type {\n    right: ${token.spacing.sm};\n  }\n\n  .${ELEMENT_CAROUSEL_SLIDER_BUTTON} svg {\n    fill: ${token.color.black};\n    width: 16px;\n  }\n`\n\n// prettier-ignore\nconst SlideStyles = `\n  .${ELEMENT_CAROUSEL_SLIDE} {\n    height: 100%;\n    width: 100%;\n    position: absolute;\n    left: 100%;\n    display: none;\n    transition: transform ${ANIMATION_DURATION}ms ease-in-out;\n  }\n\n  ${OVERWRITE_ACTIVE_SLIDE} {\n    z-index: 99;\n    left: 0;\n    display: block;\n    transform: translateX(0);\n  }\n`\n\n// prettier-ignore\nconst SliderStyles = `\n  .${ELEMENT_CAROUSEL_CONTAINER} {\n    position: relative;\n  }\n`\n\n// prettier-ignore\nconst STYLES_CAROUSEL_IMAGE_ELEMENT = `\n  .${ELEMENT_CAROUSEL_DECLARATION} {\n    overflow: hidden;\n  }\n\n  ${SliderStyles}\n  ${SlideStyles}\n  ${SliderButtons}\n`;\n\nconst CreateButton = ({\n  EventSlide,\n  isRight = true,\n}: {\n  EventSlide: ({ forward }: { forward?: boolean }) => void;\n  isRight?: boolean;\n}) => {\n  const button = document.createElement('button');\n  button.setAttribute('type', 'button');\n  button.classList.add(ELEMENT_CAROUSEL_SLIDER_BUTTON);\n  button.innerHTML = iconArrowRight;\n\n  if (!isRight) {\n    button.setAttribute('aria-label', 'Previous');\n  } else {\n    button.setAttribute('aria-label', 'Next');\n  }\n\n  button.addEventListener('click', (event) => {\n    event.stopPropagation();\n    if (isRight) EventSlide({});\n    if (!isRight) EventSlide({ forward: false });\n    button.disabled = true;\n\n    setTimeout(() => {\n      button.disabled = false;\n    }, ANIMATION_DURATION + 100);\n  });\n\n  return button;\n};\n\nconst SetCarouselSize = ({\n  slider,\n  activeSlide,\n  transition = false,\n  maxHeight,\n}: {\n  slider: HTMLElement;\n  activeSlide: HTMLElement;\n  transition?: boolean;\n  maxHeight?: number;\n}) => {\n  const windowHeight = window.innerHeight - 48;\n  const children = Array.from(activeSlide.children) as HTMLDivElement[];\n  const buttons = Array.from(\n    slider.querySelectorAll(`.${ELEMENT_CAROUSEL_SLIDER_BUTTON}`),\n  ) as HTMLButtonElement[];\n  const img = activeSlide.querySelector('img') as HTMLImageElement;\n  const maxWindowHeight = maxHeight\n    ? maxHeight > windowHeight\n      ? windowHeight\n      : maxHeight\n    : windowHeight;\n  const imageSize = getResponsiveImageSize({\n    image: img,\n    parentNode: slider,\n    maxWindowHeight,\n  });\n  const imageContainer = children.find((child) =>\n    child.contains(img),\n  ) as HTMLElement;\n  let size = imageSize;\n\n  imageContainer.style.height = `${imageSize}px`;\n\n  if (children.length > 1) {\n    size = children.reduce((acc, currentElement) => {\n      return currentElement.offsetHeight + acc;\n    }, 0);\n  }\n\n  buttons.forEach((button) => (button.style.top = `${imageSize / 2}px`));\n\n  if (transition) {\n    slider.style.transition = `height ${ANIMATION_DURATION}ms ease-in-out`;\n  } else {\n    slider.style.transition = `none`;\n  }\n  slider.style.height = `${size}px`;\n};\n\nconst SlideActiveSlide = ({\n  slide,\n  isRight = true,\n}: {\n  slide: HTMLElement;\n  isRight: boolean;\n}) => {\n  const transformDirection = isRight ? 'translateX(-100%)' : 'translateX(100%)';\n  slide.style.transform = `${transformDirection}`;\n\n  setTimeout(() => {\n    slide.removeAttribute(ATTRIBUTE_ACTIVE_SLIDE);\n  }, ANIMATION_DURATION);\n\n  setTimeout(() => {\n    slide.style.transform = 'none';\n  }, ANIMATION_DURATION + 100);\n};\n\nconst SlideUpcomingSlide = ({\n  slide,\n  isRight = true,\n}: {\n  slide: HTMLElement;\n  isRight: boolean;\n}) => {\n  const amount = '90';\n  const transformDirection = isRight\n    ? `translateX(-${amount}%)`\n    : `translateX(${amount}%)`;\n  const startingPosition = isRight ? `${amount}%` : `-${amount}%`;\n\n  slide.style.zIndex = '9';\n  slide.style.transition = `transform ${ANIMATION_DURATION}ms ease-in-out`;\n  slide.style.display = 'block';\n  slide.style.left = `${startingPosition}`;\n\n  setTimeout(() => {\n    slide.style.transform = `${transformDirection}`;\n  }, 1);\n\n  setTimeout(() => {\n    slide.style.transition = 'none';\n    slide.style.left = '0';\n    slide.style.transform = 'none';\n    slide.setAttribute(ATTRIBUTE_ACTIVE_SLIDE, '');\n  }, ANIMATION_DURATION);\n\n  setTimeout(() => {\n    slide.removeAttribute('style');\n  }, ANIMATION_DURATION + 100);\n};\n\nexport default (props: TypeCarouselImageProps) =>\n  (() => {\n    const { slides, callback, maxHeight } = props;\n    const container = document.createElement('div');\n    const slider = document.createElement('div');\n    let activeIndex = 0;\n    let styles = STYLES_CAROUSEL_IMAGE_ELEMENT;\n\n    const EventSlide = ({ forward = true }: { forward?: boolean }) => {\n      SlideActiveSlide({ slide: slides[activeIndex], isRight: forward });\n\n      if (forward) {\n        activeIndex = activeIndex + 1;\n        if (activeIndex >= slides.length) activeIndex = 0;\n      } else {\n        activeIndex = activeIndex - 1;\n        if (activeIndex < 0) activeIndex = slides.length - 1;\n      }\n\n      SlideUpcomingSlide({ slide: slides[activeIndex], isRight: forward });\n      SetCarouselSize({\n        slider,\n        activeSlide: slides[activeIndex],\n        transition: true,\n        maxHeight,\n      });\n      if (callback) callback(activeIndex);\n    };\n\n    const EventMoveTo = (index: number) => {\n      SlideActiveSlide({ slide: slides[activeIndex], isRight: true });\n      activeIndex = index;\n      SlideUpcomingSlide({ slide: slides[activeIndex], isRight: true });\n      SetCarouselSize({\n        slider,\n        activeSlide: slides[activeIndex],\n        transition: true,\n        maxHeight,\n      });\n      if (callback) callback(activeIndex);\n    };\n\n    const EventSlideLeft = () => EventSlide({ forward: false });\n    const EventSlideRight = () => EventSlide({ forward: true });\n\n    const EventSwipe = () => {\n      const swipes = (isrightswipe: Boolean) => {\n        if (!isrightswipe) {\n          EventSlide({ forward: true });\n        } else {\n          EventSlide({ forward: false });\n        }\n      };\n\n      setupSwipeDetection({\n        container: slider,\n        callback: swipes,\n      });\n    };\n\n    const EventResize = () => {\n      SetCarouselSize({ slider, activeSlide: slides[activeIndex], maxHeight });\n    };\n\n    const Load = () => {\n      const setSize = () => {\n        const activeSlide = slides[activeIndex];\n        SetCarouselSize({ slider, activeSlide, maxHeight });\n        activeSlide.setAttribute(ATTRIBUTE_ACTIVE_SLIDE, '');\n      };\n      setTimeout(setSize, 100);\n      setTimeout(setSize, 300);\n    };\n\n    slider.classList.add(ELEMENT_CAROUSEL_CONTAINER);\n    slides.forEach((slide) => slide.classList.add(ELEMENT_CAROUSEL_SLIDE));\n    slider.append(...slides);\n    slider.appendChild(CreateButton({ EventSlide, isRight: false }));\n    slider.appendChild(\n      CreateButton({\n        EventSlide,\n        isRight: true,\n      }),\n    );\n\n    container.classList.add(ELEMENT_CAROUSEL_DECLARATION);\n    container.appendChild(slider);\n\n    window.addEventListener('resize', debounce(EventResize, 10));\n    EventSwipe();\n\n    return {\n      element: container,\n      styles,\n      events: {\n        Load,\n        EventMoveTo,\n        EventResize,\n        EventSlideLeft,\n        EventSlideRight,\n      },\n    };\n  })();\n"],"names":["iconArrowRight"],"mappings":"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"}

package/dist/composite/carousel/elements/overlay.mjs

@@ -1,82 +0,0 @@
-import * as token from "@universityofmaryland/web-token-library";
-import "./blocks.mjs";
-import fullScreen from "./full-screen.mjs";
-import image from "./image.mjs";
-import LayoutImage from "../../../layout/image.mjs";
-const ELEMENT_CAROUSEL_OVERLAY_COINTAINER = "carousel-overlay-container";
-const OverlayImageContainerStyles = `
-  .${ELEMENT_CAROUSEL_OVERLAY_COINTAINER} {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    background-color: ${token.color.gray.dark};
-  }
-
-  .${ELEMENT_CAROUSEL_OVERLAY_COINTAINER} img {
-    object-fit: contain;
-    max-height: 100%;
-  }
-`;
-const STYLES_CAROUSEL_OVERLAY_ELEMENT = `
-  ${LayoutImage.Styles}
-  ${OverlayImageContainerStyles}
-`;
-const CreateOverlaySlide = ({ images }) => images.map((image2) => {
-  const slide = document.createElement("div");
-  const imageContainer = document.createElement("div");
-  const imageBlock = LayoutImage.CreateElement({
-    image: image2,
-    showCaption: true
-  });
-  imageContainer.classList.add(ELEMENT_CAROUSEL_OVERLAY_COINTAINER);
-  imageContainer.appendChild(imageBlock);
-  slide.appendChild(imageContainer);
-  return slide;
-});
-const overlay = ({ images }) => (() => {
-  let styles = STYLES_CAROUSEL_OVERLAY_ELEMENT;
-  const setFullScreen = (index) => {
-    let canMove = true;
-    const checkKeyEvents = (event) => {
-      if (!canMove) return;
-      canMove = false;
-      if (event.key == "ArrowLeft") overlayCarousel.events.EventSlideLeft();
-      if (event.key == "ArrowRight") overlayCarousel.events.EventSlideRight();
-      setTimeout(() => {
-        canMove = true;
-      }, 700);
-    };
-    overlayCarousel.events.EventMoveTo(index);
-    setTimeout(() => fixedFullScreen.events.show(), 100);
-    setTimeout(() => {
-      overlayCarousel.events.EventResize();
-    }, 100);
-    isFullScreenEvents = window.addEventListener("keyup", checkKeyEvents);
-  };
-  const overlaySlides = CreateOverlaySlide({ images });
-  const overlayCarousel = image({
-    slides: overlaySlides,
-    maxHeight: window.innerHeight / 10 * 8
-  });
-  styles += overlayCarousel.styles;
-  const fixedFullScreen = fullScreen({
-    content: overlayCarousel.element,
-    callback: () => {
-      if (isFullScreenEvents)
-        window.removeEventListener("keyup", isFullScreenEvents);
-    }
-  });
-  styles += fixedFullScreen.styles;
-  let isFullScreenEvents = null;
-  return {
-    element: fixedFullScreen.element,
-    styles,
-    events: {
-      setFullScreen
-    }
-  };
-})();
-export {
-  overlay as default
-};
-//# sourceMappingURL=overlay.mjs.map

package/dist/composite/carousel/elements/overlay.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"overlay.mjs","sources":["../../../../source/composite/carousel/elements/overlay.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as carouselElements from '../elements';\nimport { Image as LayoutImage } from 'layout';\n\nconst ELEMENT_CAROUSEL_OVERLAY_COINTAINER = 'carousel-overlay-container';\n\n// prettier-ignore\nconst OverlayImageContainerStyles = `\n  .${ELEMENT_CAROUSEL_OVERLAY_COINTAINER} {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    background-color: ${token.color.gray.dark};\n  }\n\n  .${ELEMENT_CAROUSEL_OVERLAY_COINTAINER} img {\n    object-fit: contain;\n    max-height: 100%;\n  }\n`;\n\n// prettier-ignore\nconst STYLES_CAROUSEL_OVERLAY_ELEMENT = `\n  ${LayoutImage.Styles}\n  ${OverlayImageContainerStyles}\n`;\n\nconst CreateOverlaySlide = ({ images }: { images: HTMLImageElement[] }) =>\n  images.map((image) => {\n    const slide = document.createElement('div');\n    const imageContainer = document.createElement('div');\n    const imageBlock = LayoutImage.CreateElement({\n      image,\n      showCaption: true,\n    });\n\n    imageContainer.classList.add(ELEMENT_CAROUSEL_OVERLAY_COINTAINER);\n    imageContainer.appendChild(imageBlock);\n\n    slide.appendChild(imageContainer);\n\n    return slide;\n  });\n\nexport default ({ images }: { images: HTMLImageElement[] }) =>\n  (() => {\n    let styles = STYLES_CAROUSEL_OVERLAY_ELEMENT;\n\n    const setFullScreen = (index: number) => {\n      let canMove = true;\n\n      const checkKeyEvents = (event: KeyboardEvent) => {\n        if (!canMove) return;\n        canMove = false;\n        if (event.key == 'ArrowLeft') overlayCarousel.events.EventSlideLeft();\n        if (event.key == 'ArrowRight') overlayCarousel.events.EventSlideRight();\n\n        setTimeout(() => {\n          canMove = true;\n        }, 700);\n      };\n\n      overlayCarousel.events.EventMoveTo(index);\n      setTimeout(() => fixedFullScreen.events.show(), 100);\n\n      setTimeout(() => {\n        overlayCarousel.events.EventResize();\n      }, 100);\n\n      isFullScreenEvents = window.addEventListener('keyup', checkKeyEvents);\n    };\n\n    const overlaySlides = CreateOverlaySlide({ images });\n\n    const overlayCarousel = carouselElements.image({\n      slides: overlaySlides,\n      maxHeight: (window.innerHeight / 10) * 8,\n    });\n\n    styles += overlayCarousel.styles;\n\n    const fixedFullScreen = carouselElements.fullScreen({\n      content: overlayCarousel.element,\n      callback: () => {\n        if (isFullScreenEvents)\n          window.removeEventListener('keyup', isFullScreenEvents);\n      },\n    });\n\n    styles += fixedFullScreen.styles;\n\n    let isFullScreenEvents: any = null;\n\n    return {\n      element: fixedFullScreen.element,\n      styles,\n      events: {\n        setFullScreen,\n      },\n    };\n  })();\n"],"names":["image","carouselElements.image","carouselElements.fullScreen"],"mappings":";;;;;AAIA,MAAM,sCAAsC;AAG5C,MAAM,8BAA8B;AAAA,KAC/B,mCAAmC;AAAA;AAAA;AAAA;AAAA,wBAIhB,MAAM,MAAM,KAAK,IAAI;AAAA;AAAA;AAAA,KAGxC,mCAAmC;AAAA;AAAA;AAAA;AAAA;AAOxC,MAAM,kCAAkC;AAAA,IACpC,YAAY,MAAM;AAAA,IAClB,2BAA2B;AAAA;AAG/B,MAAM,qBAAqB,CAAC,EAAE,OAAA,MAC5B,OAAO,IAAI,CAACA,WAAU;AACpB,QAAM,QAAQ,SAAS,cAAc,KAAK;AAC1C,QAAM,iBAAiB,SAAS,cAAc,KAAK;AACnD,QAAM,aAAa,YAAY,cAAc;AAAA,IAC3C,OAAAA;AAAA,IACA,aAAa;AAAA,EAAA,CACd;AAED,iBAAe,UAAU,IAAI,mCAAmC;AAChE,iBAAe,YAAY,UAAU;AAErC,QAAM,YAAY,cAAc;AAEhC,SAAO;AACT,CAAC;AAEH,MAAA,UAAe,CAAC,EAAE,OAAA,OACf,MAAM;AACL,MAAI,SAAS;AAEb,QAAM,gBAAgB,CAAC,UAAkB;AACvC,QAAI,UAAU;AAEd,UAAM,iBAAiB,CAAC,UAAyB;AAC/C,UAAI,CAAC,QAAS;AACd,gBAAU;AACV,UAAI,MAAM,OAAO,YAAa,iBAAgB,OAAO,eAAA;AACrD,UAAI,MAAM,OAAO,aAAc,iBAAgB,OAAO,gBAAA;AAEtD,iBAAW,MAAM;AACf,kBAAU;AAAA,MACZ,GAAG,GAAG;AAAA,IACR;AAEA,oBAAgB,OAAO,YAAY,KAAK;AACxC,eAAW,MAAM,gBAAgB,OAAO,KAAA,GAAQ,GAAG;AAEnD,eAAW,MAAM;AACf,sBAAgB,OAAO,YAAA;AAAA,IACzB,GAAG,GAAG;AAEN,yBAAqB,OAAO,iBAAiB,SAAS,cAAc;AAAA,EACtE;AAEA,QAAM,gBAAgB,mBAAmB,EAAE,QAAQ;AAEnD,QAAM,kBAAkBC,MAAuB;AAAA,IAC7C,QAAQ;AAAA,IACR,WAAY,OAAO,cAAc,KAAM;AAAA,EAAA,CACxC;AAED,YAAU,gBAAgB;AAE1B,QAAM,kBAAkBC,WAA4B;AAAA,IAClD,SAAS,gBAAgB;AAAA,IACzB,UAAU,MAAM;AACd,UAAI;AACF,eAAO,oBAAoB,SAAS,kBAAkB;AAAA,IAC1D;AAAA,EAAA,CACD;AAED,YAAU,gBAAgB;AAE1B,MAAI,qBAA0B;AAE9B,SAAO;AAAA,IACL,SAAS,gBAAgB;AAAA,IACzB;AAAA,IACA,QAAQ;AAAA,MACN;AAAA,IAAA;AAAA,EACF;AAEJ,GAAA;"}