@universityofmaryland/web-elements-library 1.5.6 → 1.5.7

package/dist/composite/navigation/utility/alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"alert.mjs","sources":["../../../../source/composite/navigation/utility/alert.ts"],"sourcesContent":["import {\n  element,\n  layout,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { fetchGraphQL } from '@universityofmaryland/web-utilities-library/network';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\nimport { close_large as iconCloseLarge } from '@universityofmaryland/web-icons-library/controls';\nimport { actions } from 'atomic';\n\ntype AlertData = {\n  id: string;\n  type: string;\n  title: string;\n  headline?: string;\n  text: string;\n  ctaUrl: string;\n  ctaText?: string;\n  hidden?: boolean;\n};\n\ntype AlertResponse = {\n  data: {\n    entries: AlertData[];\n  };\n};\n\ntype AlertProps = {\n  alertUrl?: string | null;\n};\n\nexport type TypeAlertProps = {\n  alertUrl?: string | null;\n};\n\ntype ElementAttributes = Record<string, string>;\n\ntype CacheCheckResult = {\n  shouldCheck: boolean;\n  cachedData: AlertData | null;\n};\n\nconst QUERY = `\n  query CampusAlertsQuery {\n    entries: entries(\n      limit: 1\n      type: \"mainElementsCampusAlert\"\n    ) {\n        id: uid\n        type: optionsType\n        headline\n        title\n        text\n        ctaUrl: cta\n        ctaText\n    }\n  }\n`;\n\nconst ELEMENT_NAME = 'umd-element-nav-alert';\nexport const ALERT_CONSTANTS = {\n  URLS: {\n    DEFAULT: 'https://umd.edu/api/v2',\n  },\n  STORAGE_KEYS: {\n    ALERT_TIME: 'umd-utility-alert-time',\n    ALERT: 'umd-utility-alert',\n    ALERT_ID: 'umd-utility-alert-id',\n  },\n  ELEMENTS: {\n    ALERT_ID: 'umd-global-alert',\n    DECLARATION: 'umd-element-nav-alert-declaration',\n    CONTAINER: 'umd-element-nav-alert-container',\n    LOCK: 'umd-element-nav-alert-lock',\n    WRAPPER: 'umd-element-nav-alert-wrapper',\n    TITLE: 'umd-element-nav-alert-title',\n    TEXT: 'umd-element-nav-alert-text',\n    CTA: 'umd-element-nav-alert-cta',\n    CLOSE_BUTTON: 'umd-element-nav-alert-close',\n  },\n  ATTRIBUTES: {\n    TYPE: 'type',\n  },\n  TYPES: {\n    GENERAL: 'general',\n    CLOSED: 'closed',\n    OPEN: 'open',\n  },\n  ANIMATION: {\n    SPEED: 800,\n  },\n  BREAKPOINTS: {\n    MEDIUM: 768,\n    LARGE: 1024,\n  },\n  CACHE: {\n    DURATION: 60 * 1000, // One minute in milliseconds\n  },\n} as const;\n\nconst { ATTRIBUTES, ANIMATION, BREAKPOINTS, ELEMENTS, TYPES } = ALERT_CONSTANTS;\nconst IS_TYPE_GENERAL = `[${ATTRIBUTES.TYPE}=${TYPES.GENERAL}]`;\nconst IS_TYPE_CLOSED = `[${ATTRIBUTES.TYPE}=${TYPES.CLOSED}]`;\n\nconst DECLARATION = `.${ELEMENTS.DECLARATION}`;\nconst CONTAINER = `.${ELEMENTS.CONTAINER}`;\nconst WRAPPER = `.${ELEMENTS.WRAPPER}`;\nconst LOCK = `.${ELEMENTS.LOCK}`;\nconst ALERT_TITLE = `.${ELEMENTS.TITLE}`;\nconst ALERT_TEXT = `.${ELEMENTS.TEXT}`;\nconst CLOSE_BUTTON = `.${ELEMENTS.CLOSE_BUTTON}`;\nconst CTA = `.${ELEMENTS.CTA}`;\n\nconst OVERWRITE_CONTAINER_TYPE_GENERAL = `${CONTAINER}${IS_TYPE_GENERAL}`;\nconst OVERWRITE_CONTAINER_TYPE_CLOSED = `${CONTAINER}${IS_TYPE_CLOSED}`;\n\n// prettier-ignore\nconst OverwriteTypeGeneral = `\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} {\n    background-color: ${token.color.black};\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} * {\n    color: ${token.color.white};\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} a:hover,\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} a:focus {\n    color: ${token.color.white} !important;\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} ${ALERT_TITLE} {\n    color: ${token.color.gold};\n  }\n\n   ${OVERWRITE_CONTAINER_TYPE_GENERAL} ${CLOSE_BUTTON} > svg {\n    fill: ${token.color.white};\n  }\n`\n\n// prettier-ignore\nconst OverwriteTypeClosed = `\n  ${OVERWRITE_CONTAINER_TYPE_CLOSED} {\n    background-color: ${token.color.gold};\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_CLOSED} * {\n    color: ${token.color.black};\n  }\n\n   ${OVERWRITE_CONTAINER_TYPE_CLOSED} .${CLOSE_BUTTON} > svg {\n    fill: ${token.color.black};\n  }\n`\n\n// prettier-ignore\nconst CloseButtonStyles = `\n  ${CLOSE_BUTTON} {\n    position: absolute;\n    top: 30px;\n    right: 10px;\n  }\n  \n  @container (max-width: ${BREAKPOINTS.MEDIUM - 1}px) {\n    ${CLOSE_BUTTON} {\n      top: 25px;\n      right: 5px;\n    }\n  }\n\n  ${CLOSE_BUTTON} > svg {\n    fill: ${token.color.black};\n    width: 24px;\n    height: 24px;\n  }\n`\n\n// prettier-ignore\nconst TextStyles = `\n  ${jssToCSS({\n    styleObj: {\n      [`${ALERT_TITLE}`]: typography.sans.large,\n    },\n  })}\n\n  ${ALERT_TITLE} {\n    text-transform: uppercase;\n  }\n\n  ${ALERT_TITLE} + * {\n    margin-top: ${token.spacing.sm};\n  }\n\n  ${jssToCSS({\n    styleObj: {\n      [`${ALERT_TEXT}`]: element.text.rich.advanced,\n    },\n  })}\n\n  ${ALERT_TEXT},\n  ${ALERT_TEXT} * {\n    font-size: 16px;;\n  }\n\n  ${ALERT_TEXT} + * {\n    margin-top: ${token.spacing.lg};\n  }\n\n  ${CTA} {\n    text-decoration: none;\n  }\n`\n\n// prettier-ignore\nconst WrapperStyles = `\n  ${WRAPPER} {\n    position: relative;\n    padding-top: ${token.spacing.md};\n    padding-bottom: ${token.spacing.md};\n    padding-right: ${token.spacing.lg};\n  }\n\n  @container (min-width: ${BREAKPOINTS.MEDIUM}px) {\n    ${WRAPPER} {\n      padding-top: ${token.spacing.lg};\n      padding-bottom: ${token.spacing.lg};\n    }\n  }\n`\n\n// prettier-ignore\nconst LockStyles = `\n  ${jssToCSS({\n    styleObj: {\n      [`${LOCK}`]: layout.space.horizontal.full,\n    },\n  })}\n`\n\n// prettier-ignore\nconst ContainerStyles = `\n  ${CONTAINER} {\n    container: ${ELEMENT_NAME} / inline-size;\n    background-color: ${token.color.gray.lighter};\n    border-left: 4px solid ${token.color.red};\n    transition: height ${ANIMATION.SPEED}ms;\n    overflow: hidden;\n    position: relative;\n  }\n\n  @container (min-width: ${BREAKPOINTS.LARGE}px) {\n    ${CONTAINER} {\n      border-left: 8px solid ${token.color.red};\n    }\n  }\n`\n\n// prettier-ignore\nexport const STYLES_NAV_ALERT = `\n  ${DECLARATION} {\n    container: ${ELEMENT_NAME} / inline-size;\n  }\n\n  ${ContainerStyles}\n  ${LockStyles}\n  ${WrapperStyles}\n  ${TextStyles}\n  ${CloseButtonStyles}\n  ${OverwriteTypeGeneral}\n  ${OverwriteTypeClosed}\n`;\n\n// storage.ts\nconst logStorageError = (operation: string, error: Error): void => {\n  console.error(`UMD Component - Alert Storage: ${operation} failed:`, error);\n};\n\nconst getStoredValue = <T>(key: string): T | null => {\n  try {\n    const value = window.localStorage.getItem(key);\n    return value ? JSON.parse(value) : null;\n  } catch (error) {\n    logStorageError(`Reading ${key}`, error as Error);\n    return null;\n  }\n};\n\nconst setStoredValue = (key: string, value: unknown): void => {\n  try {\n    window.localStorage.setItem(key, JSON.stringify(value));\n  } catch (error) {\n    logStorageError('Saving value', error as Error);\n  }\n};\n\nconst clearAlertStorage = (): void => {\n  const { STORAGE_KEYS } = ALERT_CONSTANTS;\n  window.localStorage.removeItem(STORAGE_KEYS.ALERT_TIME);\n  window.localStorage.removeItem(STORAGE_KEYS.ALERT);\n};\n\nconst checkAlertCache = (): CacheCheckResult => {\n  const currentTime = new Date().getTime();\n  const { STORAGE_KEYS, CACHE } = ALERT_CONSTANTS;\n\n  try {\n    const alertTimeStr = getStoredValue<string>(STORAGE_KEYS.ALERT_TIME);\n    const cachedResponse = getStoredValue<AlertData>(STORAGE_KEYS.ALERT);\n\n    if (!alertTimeStr) {\n      setStoredValue(STORAGE_KEYS.ALERT_TIME, currentTime.toString());\n      return { shouldCheck: true, cachedData: null };\n    }\n\n    const alertTime = parseInt(alertTimeStr, 10);\n    const timeElapsed = currentTime - alertTime;\n\n    if (timeElapsed < CACHE.DURATION && cachedResponse) {\n      return { shouldCheck: false, cachedData: cachedResponse };\n    }\n\n    setStoredValue(STORAGE_KEYS.ALERT_TIME, currentTime.toString());\n    return { shouldCheck: true, cachedData: null };\n  } catch (error) {\n    console.error('Cache check failed:', error);\n    return { shouldCheck: true, cachedData: null };\n  }\n};\n\nconst updateAlertCache = (alert: AlertData): void => {\n  setStoredValue(ALERT_CONSTANTS.STORAGE_KEYS.ALERT, alert);\n};\n\nconst createElement = (\n  tag: string,\n  className?: string,\n  attributes?: ElementAttributes,\n): HTMLElement => {\n  const element = document.createElement(tag);\n  if (className) element.classList.add(className);\n  if (attributes) {\n    Object.entries(attributes).forEach(([key, value]) => {\n      element.setAttribute(key, value);\n    });\n  }\n  return element;\n};\n\nconst createCloseButton = (container: HTMLElement): HTMLButtonElement => {\n  const { ELEMENTS, ANIMATION } = ALERT_CONSTANTS;\n  const button = createElement('button', ELEMENTS.CLOSE_BUTTON, {\n    'aria-label': 'remove alert',\n  }) as HTMLButtonElement;\n\n  button.innerHTML = iconCloseLarge;\n  button.addEventListener('click', () => {\n    const cachedAlert = getStoredValue<AlertData>(\n      ALERT_CONSTANTS.STORAGE_KEYS.ALERT,\n    );\n    if (cachedAlert) {\n      // Animate close\n      container.style.height = `${container.offsetHeight}px`;\n      container.style.transition = `height ${ANIMATION.SPEED}ms`;\n\n      updateAlertCache({ ...cachedAlert, hidden: true });\n\n      setTimeout(() => {\n        container.style.height = '0px';\n      }, 100);\n\n      setTimeout(() => {\n        container.remove();\n      }, ANIMATION.SPEED + 100);\n    }\n  });\n\n  return button;\n};\n\nconst createCTAElement = ({\n  ctaText,\n  ctaUrl,\n}: {\n  ctaText: string;\n  ctaUrl: string;\n}) => {\n  const link = createElement('a', ALERT_CONSTANTS.ELEMENTS.CTA, {\n    href: ctaUrl,\n    rel: 'noopener noreferrer',\n    target: '_blank',\n  });\n  link.innerHTML = ctaText;\n\n  return actions.options({\n    element: link,\n    isTypeSecondary: true,\n  });\n};\n\nconst createAlertContent = (\n  alert: AlertData,\n  container: HTMLElement,\n): HTMLElement => {\n  const { ELEMENTS } = ALERT_CONSTANTS;\n  const wrapper = createElement('div', ELEMENTS.WRAPPER);\n  const lock = createElement('div', ELEMENTS.LOCK);\n  const headlineText = alert.headline || alert.title;\n\n  // Create elements\n  const title = createElement('p', ELEMENTS.TITLE);\n  title.innerHTML = headlineText;\n\n  const closeButton = createCloseButton(container);\n\n  wrapper.append(closeButton, title);\n\n  if (alert.text) {\n    const message = createElement('div', ELEMENTS.TEXT);\n    message.innerHTML = alert.text;\n    wrapper.append(closeButton, title, message);\n  }\n\n  // Add CTA if exists\n  if (alert.ctaUrl) {\n    const cta = createCTAElement({\n      ctaText: alert.ctaText || headlineText,\n      ctaUrl: alert.ctaUrl,\n    });\n\n    wrapper.appendChild(cta.element);\n  }\n\n  lock.appendChild(wrapper);\n  return lock;\n};\n\nconst createAlertComponent = (alert: AlertData): HTMLElement => {\n  const { ELEMENTS, ATTRIBUTES } = ALERT_CONSTANTS;\n\n  const declaration = createElement('div', ELEMENTS.DECLARATION);\n  const container = createElement('div', ELEMENTS.CONTAINER, {\n    id: ELEMENTS.ALERT_ID,\n    [ATTRIBUTES.TYPE]: alert.type,\n  });\n\n  const content = createAlertContent(alert, container);\n  container.appendChild(content);\n  declaration.appendChild(container);\n\n  return declaration;\n};\n\nconst fetchAlerts = async ({\n  alertUrl,\n}: AlertProps): Promise<AlertResponse | null> => {\n  try {\n    const url = alertUrl || ALERT_CONSTANTS.URLS.DEFAULT;\n\n    return await fetchGraphQL({\n      query: QUERY,\n      url,\n      token: 'VIDnMeNYHTrLvWPtPpK5MNpjuv5WmmhU',\n    });\n  } catch (error) {\n    console.error('Failed to fetch alerts:', error);\n    return null;\n  }\n};\n\nexport const createNavAlert = async ({ alertUrl }: AlertProps) => {\n  const alertCache = checkAlertCache();\n\n  // Show cached alert if valid\n  if (\n    !alertCache.shouldCheck &&\n    alertCache.cachedData &&\n    !alertCache.cachedData.hidden\n  ) {\n    return { element: createAlertComponent(alertCache.cachedData) };\n  }\n\n  // Fetch new alerts\n  const response = await fetchAlerts({ alertUrl });\n  if (!response?.data?.entries[0]) {\n    clearAlertStorage();\n    return null;\n  }\n\n  const alert = response.data?.entries[0];\n  const cachedAlert = getStoredValue<AlertData>(\n    ALERT_CONSTANTS.STORAGE_KEYS.ALERT,\n  );\n\n  // Handle alert updates\n  if (cachedAlert?.id === alert.id) {\n    if (!cachedAlert.hidden && alertCache.shouldCheck) {\n      return { element: createAlertComponent(cachedAlert) };\n    }\n  } else {\n    clearAlertStorage();\n    updateAlertCache(alert);\n    return { element: createAlertComponent(alert) };\n  }\n\n  return null;\n};\n"],"names":["element","ELEMENTS","ANIMATION","iconCloseLarge","actions.options","ATTRIBUTES"],"mappings":"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"}
+{"version":3,"file":"alert.mjs","sources":["../../../../source/composite/navigation/utility/alert.ts"],"sourcesContent":["import {\n  element,\n  layout,\n  token,\n  typography,\n} from '@universityofmaryland/web-styles-library';\nimport { fetchGraphQL } from '@universityofmaryland/web-utilities-library/network';\nimport { jssToCSS } from '@universityofmaryland/web-utilities-library/styles';\nimport { close_large as iconCloseLarge } from '@universityofmaryland/web-icons-library/controls';\nimport { actions } from 'atomic';\n\ntype AlertData = {\n  id: string;\n  type: string;\n  title: string;\n  headline?: string;\n  text: string;\n  ctaUrl: string;\n  ctaText?: string;\n  hidden?: boolean;\n};\n\ntype AlertResponse = {\n  data: {\n    entries: AlertData[];\n  };\n};\n\ntype AlertProps = {\n  alertUrl?: string | null;\n};\n\nexport type TypeAlertProps = {\n  alertUrl?: string | null;\n};\n\ntype ElementAttributes = Record<string, string>;\n\ntype CacheCheckResult = {\n  shouldCheck: boolean;\n  cachedData: AlertData | null;\n};\n\nconst QUERY = `\n  query CampusAlertsQuery {\n    entries: entries(\n      limit: 1\n      type: \"mainElementsCampusAlert\"\n    ) {\n        id: uid\n        type: optionsType\n        headline\n        title\n        text\n        ctaUrl: cta\n        ctaText\n    }\n  }\n`;\n\nconst ELEMENT_NAME = 'umd-element-nav-alert';\nexport const ALERT_CONSTANTS = {\n  URLS: {\n    DEFAULT: 'https://umd.edu/api/v2',\n  },\n  STORAGE_KEYS: {\n    ALERT_TIME: 'umd-utility-alert-time',\n    ALERT: 'umd-utility-alert',\n    ALERT_ID: 'umd-utility-alert-id',\n  },\n  ELEMENTS: {\n    ALERT_ID: 'umd-global-alert',\n    DECLARATION: 'umd-element-nav-alert-declaration',\n    CONTAINER: 'umd-element-nav-alert-container',\n    LOCK: 'umd-element-nav-alert-lock',\n    WRAPPER: 'umd-element-nav-alert-wrapper',\n    TITLE: 'umd-element-nav-alert-title',\n    TEXT: 'umd-element-nav-alert-text',\n    CTA: 'umd-element-nav-alert-cta',\n    CLOSE_BUTTON: 'umd-element-nav-alert-close',\n  },\n  ATTRIBUTES: {\n    TYPE: 'type',\n  },\n  TYPES: {\n    GENERAL: 'general',\n    CLOSED: 'closed',\n    OPEN: 'open',\n  },\n  ANIMATION: {\n    SPEED: 800,\n  },\n  BREAKPOINTS: {\n    MEDIUM: 768,\n    LARGE: 1024,\n  },\n  CACHE: {\n    DURATION: 60 * 1000, // One minute in milliseconds\n  },\n} as const;\n\nconst { ATTRIBUTES, ANIMATION, BREAKPOINTS, ELEMENTS, TYPES } = ALERT_CONSTANTS;\nconst IS_TYPE_GENERAL = `[${ATTRIBUTES.TYPE}=${TYPES.GENERAL}]`;\nconst IS_TYPE_CLOSED = `[${ATTRIBUTES.TYPE}=${TYPES.CLOSED}]`;\n\nconst DECLARATION = `.${ELEMENTS.DECLARATION}`;\nconst CONTAINER = `.${ELEMENTS.CONTAINER}`;\nconst WRAPPER = `.${ELEMENTS.WRAPPER}`;\nconst LOCK = `.${ELEMENTS.LOCK}`;\nconst ALERT_TITLE = `.${ELEMENTS.TITLE}`;\nconst ALERT_TEXT = `.${ELEMENTS.TEXT}`;\nconst CLOSE_BUTTON = `.${ELEMENTS.CLOSE_BUTTON}`;\nconst CTA = `.${ELEMENTS.CTA}`;\n\nconst OVERWRITE_CONTAINER_TYPE_GENERAL = `${CONTAINER}${IS_TYPE_GENERAL}`;\nconst OVERWRITE_CONTAINER_TYPE_CLOSED = `${CONTAINER}${IS_TYPE_CLOSED}`;\n\n// prettier-ignore\nconst OverwriteTypeGeneral = `\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} {\n    background-color: ${token.color.black};\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} * {\n    color: ${token.color.white};\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} a:hover,\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} a:focus {\n    color: ${token.color.white} !important;\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_GENERAL} ${ALERT_TITLE} {\n    color: ${token.color.gold};\n  }\n\n   ${OVERWRITE_CONTAINER_TYPE_GENERAL} ${CLOSE_BUTTON} > svg {\n    fill: ${token.color.white};\n  }\n`\n\n// prettier-ignore\nconst OverwriteTypeClosed = `\n  ${OVERWRITE_CONTAINER_TYPE_CLOSED} {\n    background-color: ${token.color.gold};\n  }\n\n  ${OVERWRITE_CONTAINER_TYPE_CLOSED} * {\n    color: ${token.color.black};\n  }\n\n   ${OVERWRITE_CONTAINER_TYPE_CLOSED} .${CLOSE_BUTTON} > svg {\n    fill: ${token.color.black};\n  }\n`\n\n// prettier-ignore\nconst CloseButtonStyles = `\n  ${CLOSE_BUTTON} {\n    position: absolute;\n    top: 30px;\n    right: 10px;\n  }\n  \n  @container (max-width: ${BREAKPOINTS.MEDIUM - 1}px) {\n    ${CLOSE_BUTTON} {\n      top: 25px;\n      right: 5px;\n    }\n  }\n\n  ${CLOSE_BUTTON} > svg {\n    fill: ${token.color.black};\n    width: 24px;\n    height: 24px;\n  }\n`\n\n// prettier-ignore\nconst TextStyles = `\n  ${jssToCSS({\n    styleObj: {\n      [`${ALERT_TITLE}`]: typography.sans.large,\n    },\n  })}\n\n  ${ALERT_TITLE} {\n    text-transform: uppercase;\n  }\n\n  ${ALERT_TITLE} + * {\n    margin-top: ${token.spacing.sm};\n  }\n\n  ${jssToCSS({\n    styleObj: {\n      [`${ALERT_TEXT}`]: element.text.rich.advanced,\n    },\n  })}\n\n  ${ALERT_TEXT},\n  ${ALERT_TEXT} * {\n    font-size: 16px;;\n  }\n\n  ${ALERT_TEXT} + * {\n    margin-top: ${token.spacing.lg};\n  }\n\n  ${CTA} {\n    text-decoration: none;\n  }\n\n  ${CTA} svg {\n    max-width: 20px;\n  }\n`\n\n// prettier-ignore\nconst WrapperStyles = `\n  ${WRAPPER} {\n    position: relative;\n    padding-top: ${token.spacing.md};\n    padding-bottom: ${token.spacing.md};\n    padding-right: ${token.spacing.lg};\n  }\n\n  @container (min-width: ${BREAKPOINTS.MEDIUM}px) {\n    ${WRAPPER} {\n      padding-top: ${token.spacing.lg};\n      padding-bottom: ${token.spacing.lg};\n    }\n  }\n`\n\n// prettier-ignore\nconst LockStyles = `\n  ${jssToCSS({\n    styleObj: {\n      [`${LOCK}`]: layout.space.horizontal.full,\n    },\n  })}\n`\n\n// prettier-ignore\nconst ContainerStyles = `\n  ${CONTAINER} {\n    container: ${ELEMENT_NAME} / inline-size;\n    background-color: ${token.color.gray.lighter};\n    border-left: 4px solid ${token.color.red};\n    transition: height ${ANIMATION.SPEED}ms;\n    overflow: hidden;\n    position: relative;\n  }\n\n  @container (min-width: ${BREAKPOINTS.LARGE}px) {\n    ${CONTAINER} {\n      border-left: 8px solid ${token.color.red};\n    }\n  }\n`\n\n// prettier-ignore\nexport const STYLES_NAV_ALERT = `\n  ${DECLARATION} {\n    container: ${ELEMENT_NAME} / inline-size;\n  }\n\n  ${ContainerStyles}\n  ${LockStyles}\n  ${WrapperStyles}\n  ${TextStyles}\n  ${CloseButtonStyles}\n  ${OverwriteTypeGeneral}\n  ${OverwriteTypeClosed}\n`;\n\n// storage.ts\nconst logStorageError = (operation: string, error: Error): void => {\n  console.error(`UMD Component - Alert Storage: ${operation} failed:`, error);\n};\n\nconst getStoredValue = <T>(key: string): T | null => {\n  try {\n    const value = window.localStorage.getItem(key);\n    return value ? JSON.parse(value) : null;\n  } catch (error) {\n    logStorageError(`Reading ${key}`, error as Error);\n    return null;\n  }\n};\n\nconst setStoredValue = (key: string, value: unknown): void => {\n  try {\n    window.localStorage.setItem(key, JSON.stringify(value));\n  } catch (error) {\n    logStorageError('Saving value', error as Error);\n  }\n};\n\nconst clearAlertStorage = (): void => {\n  const { STORAGE_KEYS } = ALERT_CONSTANTS;\n  window.localStorage.removeItem(STORAGE_KEYS.ALERT_TIME);\n  window.localStorage.removeItem(STORAGE_KEYS.ALERT);\n};\n\nconst checkAlertCache = (): CacheCheckResult => {\n  const currentTime = new Date().getTime();\n  const { STORAGE_KEYS, CACHE } = ALERT_CONSTANTS;\n\n  try {\n    const alertTimeStr = getStoredValue<string>(STORAGE_KEYS.ALERT_TIME);\n    const cachedResponse = getStoredValue<AlertData>(STORAGE_KEYS.ALERT);\n\n    if (!alertTimeStr) {\n      setStoredValue(STORAGE_KEYS.ALERT_TIME, currentTime.toString());\n      return { shouldCheck: true, cachedData: null };\n    }\n\n    const alertTime = parseInt(alertTimeStr, 10);\n    const timeElapsed = currentTime - alertTime;\n\n    if (timeElapsed < CACHE.DURATION && cachedResponse) {\n      return { shouldCheck: false, cachedData: cachedResponse };\n    }\n\n    setStoredValue(STORAGE_KEYS.ALERT_TIME, currentTime.toString());\n    return { shouldCheck: true, cachedData: null };\n  } catch (error) {\n    console.error('Cache check failed:', error);\n    return { shouldCheck: true, cachedData: null };\n  }\n};\n\nconst updateAlertCache = (alert: AlertData): void => {\n  setStoredValue(ALERT_CONSTANTS.STORAGE_KEYS.ALERT, alert);\n};\n\nconst createElement = (\n  tag: string,\n  className?: string,\n  attributes?: ElementAttributes,\n): HTMLElement => {\n  const element = document.createElement(tag);\n  if (className) element.classList.add(className);\n  if (attributes) {\n    Object.entries(attributes).forEach(([key, value]) => {\n      element.setAttribute(key, value);\n    });\n  }\n  return element;\n};\n\nconst createCloseButton = (container: HTMLElement): HTMLButtonElement => {\n  const { ELEMENTS, ANIMATION } = ALERT_CONSTANTS;\n  const button = createElement('button', ELEMENTS.CLOSE_BUTTON, {\n    'aria-label': 'remove alert',\n  }) as HTMLButtonElement;\n\n  button.innerHTML = iconCloseLarge;\n  button.addEventListener('click', () => {\n    const cachedAlert = getStoredValue<AlertData>(\n      ALERT_CONSTANTS.STORAGE_KEYS.ALERT,\n    );\n    if (cachedAlert) {\n      // Animate close\n      container.style.height = `${container.offsetHeight}px`;\n      container.style.transition = `height ${ANIMATION.SPEED}ms`;\n\n      updateAlertCache({ ...cachedAlert, hidden: true });\n\n      setTimeout(() => {\n        container.style.height = '0px';\n      }, 100);\n\n      setTimeout(() => {\n        container.remove();\n      }, ANIMATION.SPEED + 100);\n    }\n  });\n\n  return button;\n};\n\nconst createCTAElement = ({\n  ctaText,\n  ctaUrl,\n}: {\n  ctaText: string;\n  ctaUrl: string;\n}) => {\n  const link = createElement('a', ALERT_CONSTANTS.ELEMENTS.CTA, {\n    href: ctaUrl,\n    rel: 'noopener noreferrer',\n    target: '_blank',\n  });\n  link.innerHTML = ctaText;\n\n  return actions.options({\n    element: link,\n    isTypeSecondary: true,\n  });\n};\n\nconst createAlertContent = (\n  alert: AlertData,\n  container: HTMLElement,\n): HTMLElement => {\n  const { ELEMENTS } = ALERT_CONSTANTS;\n  const wrapper = createElement('div', ELEMENTS.WRAPPER);\n  const lock = createElement('div', ELEMENTS.LOCK);\n  const headlineText = alert.headline || alert.title;\n\n  // Create elements\n  const title = createElement('p', ELEMENTS.TITLE);\n  title.innerHTML = headlineText;\n\n  const closeButton = createCloseButton(container);\n\n  wrapper.append(closeButton, title);\n\n  if (alert.text) {\n    const message = createElement('div', ELEMENTS.TEXT);\n    message.innerHTML = alert.text;\n    wrapper.append(closeButton, title, message);\n  }\n\n  // Add CTA if exists\n  if (alert.ctaUrl) {\n    const cta = createCTAElement({\n      ctaText: alert.ctaText || headlineText,\n      ctaUrl: alert.ctaUrl,\n    });\n\n    wrapper.appendChild(cta.element);\n  }\n\n  lock.appendChild(wrapper);\n  return lock;\n};\n\nconst createAlertComponent = (alert: AlertData): HTMLElement => {\n  const { ELEMENTS, ATTRIBUTES } = ALERT_CONSTANTS;\n\n  const declaration = createElement('div', ELEMENTS.DECLARATION);\n  const container = createElement('div', ELEMENTS.CONTAINER, {\n    id: ELEMENTS.ALERT_ID,\n    [ATTRIBUTES.TYPE]: alert.type,\n  });\n\n  const content = createAlertContent(alert, container);\n  container.appendChild(content);\n  declaration.appendChild(container);\n\n  return declaration;\n};\n\nconst fetchAlerts = async ({\n  alertUrl,\n}: AlertProps): Promise<AlertResponse | null> => {\n  try {\n    const url = alertUrl || ALERT_CONSTANTS.URLS.DEFAULT;\n\n    return await fetchGraphQL({\n      query: QUERY,\n      url,\n      token: 'VIDnMeNYHTrLvWPtPpK5MNpjuv5WmmhU',\n    });\n  } catch (error) {\n    console.error('Failed to fetch alerts:', error);\n    return null;\n  }\n};\n\nexport const createNavAlert = async ({ alertUrl }: AlertProps) => {\n  const alertCache = checkAlertCache();\n\n  // Show cached alert if valid\n  if (\n    !alertCache.shouldCheck &&\n    alertCache.cachedData &&\n    !alertCache.cachedData.hidden\n  ) {\n    return { element: createAlertComponent(alertCache.cachedData) };\n  }\n\n  // Fetch new alerts\n  const response = await fetchAlerts({ alertUrl });\n  if (!response?.data?.entries[0]) {\n    clearAlertStorage();\n    return null;\n  }\n\n  const alert = response.data?.entries[0];\n  const cachedAlert = getStoredValue<AlertData>(\n    ALERT_CONSTANTS.STORAGE_KEYS.ALERT,\n  );\n\n  // Handle alert updates\n  if (cachedAlert?.id === alert.id) {\n    if (!cachedAlert.hidden && alertCache.shouldCheck) {\n      return { element: createAlertComponent(cachedAlert) };\n    }\n  } else {\n    clearAlertStorage();\n    updateAlertCache(alert);\n    return { element: createAlertComponent(alert) };\n  }\n\n  return null;\n};\n"],"names":["element","ELEMENTS","ANIMATION","iconCloseLarge","actions.options","ATTRIBUTES"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2CA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAiBd,MAAM,eAAe;AACd,MAAM,kBAAkB;AAAA,EAC7B,MAAM;AAAA,IACJ,SAAS;AAAA,EAAA;AAAA,EAEX,cAAc;AAAA,IACZ,YAAY;AAAA,IACZ,OAAO;AAAA,IACP,UAAU;AAAA,EAAA;AAAA,EAEZ,UAAU;AAAA,IACR,UAAU;AAAA,IACV,aAAa;AAAA,IACb,WAAW;AAAA,IACX,MAAM;AAAA,IACN,SAAS;AAAA,IACT,OAAO;AAAA,IACP,MAAM;AAAA,IACN,KAAK;AAAA,IACL,cAAc;AAAA,EAAA;AAAA,EAEhB,YAAY;AAAA,IACV,MAAM;AAAA,EAAA;AAAA,EAER,OAAO;AAAA,IACL,SAAS;AAAA,IACT,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAAA,EAER,WAAW;AAAA,IACT,OAAO;AAAA,EAAA;AAAA,EAET,aAAa;AAAA,IACX,QAAQ;AAAA,IACR,OAAO;AAAA,EAAA;AAAA,EAET,OAAO;AAAA,IACL,UAAU,KAAK;AAAA;AAAA,EAAA;AAEnB;AAEA,MAAM,EAAE,YAAY,WAAW,aAAa,UAAU,UAAU;AAChE,MAAM,kBAAkB,IAAI,WAAW,IAAI,IAAI,MAAM,OAAO;AAC5D,MAAM,iBAAiB,IAAI,WAAW,IAAI,IAAI,MAAM,MAAM;AAE1D,MAAM,cAAc,IAAI,SAAS,WAAW;AAC5C,MAAM,YAAY,IAAI,SAAS,SAAS;AACxC,MAAM,UAAU,IAAI,SAAS,OAAO;AACpC,MAAM,OAAO,IAAI,SAAS,IAAI;AAC9B,MAAM,cAAc,IAAI,SAAS,KAAK;AACtC,MAAM,aAAa,IAAI,SAAS,IAAI;AACpC,MAAM,eAAe,IAAI,SAAS,YAAY;AAC9C,MAAM,MAAM,IAAI,SAAS,GAAG;AAE5B,MAAM,mCAAmC,GAAG,SAAS,GAAG,eAAe;AACvE,MAAM,kCAAkC,GAAG,SAAS,GAAG,cAAc;AAGrE,MAAM,uBAAuB;AAAA,IACzB,gCAAgC;AAAA,wBACZ,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA,IAGrC,gCAAgC;AAAA,aACvB,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA,IAG1B,gCAAgC;AAAA,IAChC,gCAAgC;AAAA,aACvB,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA,IAG1B,gCAAgC,IAAI,WAAW;AAAA,aACtC,MAAM,MAAM,IAAI;AAAA;AAAA;AAAA,KAGxB,gCAAgC,IAAI,YAAY;AAAA,YACzC,MAAM,MAAM,KAAK;AAAA;AAAA;AAK7B,MAAM,sBAAsB;AAAA,IACxB,+BAA+B;AAAA,wBACX,MAAM,MAAM,IAAI;AAAA;AAAA;AAAA,IAGpC,+BAA+B;AAAA,aACtB,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA,KAGzB,+BAA+B,KAAK,YAAY;AAAA,YACzC,MAAM,MAAM,KAAK;AAAA;AAAA;AAK7B,MAAM,oBAAoB;AAAA,IACtB,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,2BAMW,YAAY,SAAS,CAAC;AAAA,MAC3C,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAMd,YAAY;AAAA,YACJ,MAAM,MAAM,KAAK;AAAA;AAAA;AAAA;AAAA;AAO7B,MAAM,aAAa;AAAA,IACf,SAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,GAAG,WAAW,EAAE,GAAG,WAAW,KAAK;AAAA,EAAA;AAExC,CAAC,CAAC;AAAA;AAAA,IAEA,WAAW;AAAA;AAAA;AAAA;AAAA,IAIX,WAAW;AAAA,kBACG,MAAM,QAAQ,EAAE;AAAA;AAAA;AAAA,IAG9B,SAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,GAAG,UAAU,EAAE,GAAG,QAAQ,KAAK,KAAK;AAAA,EAAA;AAEzC,CAAC,CAAC;AAAA;AAAA,IAEA,UAAU;AAAA,IACV,UAAU;AAAA;AAAA;AAAA;AAAA,IAIV,UAAU;AAAA,kBACI,MAAM,QAAQ,EAAE;AAAA;AAAA;AAAA,IAG9B,GAAG;AAAA;AAAA;AAAA;AAAA,IAIH,GAAG;AAAA;AAAA;AAAA;AAMP,MAAM,gBAAgB;AAAA,IAClB,OAAO;AAAA;AAAA,mBAEQ,MAAM,QAAQ,EAAE;AAAA,sBACb,MAAM,QAAQ,EAAE;AAAA,qBACjB,MAAM,QAAQ,EAAE;AAAA;AAAA;AAAA,2BAGV,YAAY,MAAM;AAAA,MACvC,OAAO;AAAA,qBACQ,MAAM,QAAQ,EAAE;AAAA,wBACb,MAAM,QAAQ,EAAE;AAAA;AAAA;AAAA;AAMxC,MAAM,aAAa;AAAA,IACf,SAAS;AAAA,EACT,UAAU;AAAA,IACR,CAAC,GAAG,IAAI,EAAE,GAAG,OAAO,MAAM,WAAW;AAAA,EAAA;AAEzC,CAAC,CAAC;AAAA;AAIJ,MAAM,kBAAkB;AAAA,IACpB,SAAS;AAAA,iBACI,YAAY;AAAA,wBACL,MAAM,MAAM,KAAK,OAAO;AAAA,6BACnB,MAAM,MAAM,GAAG;AAAA,yBACnB,UAAU,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA,2BAKb,YAAY,KAAK;AAAA,MACtC,SAAS;AAAA,+BACgB,MAAM,MAAM,GAAG;AAAA;AAAA;AAAA;AAMvC,MAAM,mBAAmB;AAAA,IAC5B,WAAW;AAAA,iBACE,YAAY;AAAA;AAAA;AAAA,IAGzB,eAAe;AAAA,IACf,UAAU;AAAA,IACV,aAAa;AAAA,IACb,UAAU;AAAA,IACV,iBAAiB;AAAA,IACjB,oBAAoB;AAAA,IACpB,mBAAmB;AAAA;AAIvB,MAAM,kBAAkB,CAAC,WAAmB,UAAuB;AACjE,UAAQ,MAAM,kCAAkC,SAAS,YAAY,KAAK;AAC5E;AAEA,MAAM,iBAAiB,CAAI,QAA0B;AACnD,MAAI;AACF,UAAM,QAAQ,OAAO,aAAa,QAAQ,GAAG;AAC7C,WAAO,QAAQ,KAAK,MAAM,KAAK,IAAI;AAAA,EACrC,SAAS,OAAO;AACd,oBAAgB,WAAW,GAAG,IAAI,KAAc;AAChD,WAAO;AAAA,EACT;AACF;AAEA,MAAM,iBAAiB,CAAC,KAAa,UAAyB;AAC5D,MAAI;AACF,WAAO,aAAa,QAAQ,KAAK,KAAK,UAAU,KAAK,CAAC;AAAA,EACxD,SAAS,OAAO;AACd,oBAAgB,gBAAgB,KAAc;AAAA,EAChD;AACF;AAEA,MAAM,oBAAoB,MAAY;AACpC,QAAM,EAAE,iBAAiB;AACzB,SAAO,aAAa,WAAW,aAAa,UAAU;AACtD,SAAO,aAAa,WAAW,aAAa,KAAK;AACnD;AAEA,MAAM,kBAAkB,MAAwB;AAC9C,QAAM,eAAc,oBAAI,KAAA,GAAO,QAAA;AAC/B,QAAM,EAAE,cAAc,MAAA,IAAU;AAEhC,MAAI;AACF,UAAM,eAAe,eAAuB,aAAa,UAAU;AACnE,UAAM,iBAAiB,eAA0B,aAAa,KAAK;AAEnE,QAAI,CAAC,cAAc;AACjB,qBAAe,aAAa,YAAY,YAAY,SAAA,CAAU;AAC9D,aAAO,EAAE,aAAa,MAAM,YAAY,KAAA;AAAA,IAC1C;AAEA,UAAM,YAAY,SAAS,cAAc,EAAE;AAC3C,UAAM,cAAc,cAAc;AAElC,QAAI,cAAc,MAAM,YAAY,gBAAgB;AAClD,aAAO,EAAE,aAAa,OAAO,YAAY,eAAA;AAAA,IAC3C;AAEA,mBAAe,aAAa,YAAY,YAAY,SAAA,CAAU;AAC9D,WAAO,EAAE,aAAa,MAAM,YAAY,KAAA;AAAA,EAC1C,SAAS,OAAO;AACd,YAAQ,MAAM,uBAAuB,KAAK;AAC1C,WAAO,EAAE,aAAa,MAAM,YAAY,KAAA;AAAA,EAC1C;AACF;AAEA,MAAM,mBAAmB,CAAC,UAA2B;AACnD,iBAAe,gBAAgB,aAAa,OAAO,KAAK;AAC1D;AAEA,MAAM,gBAAgB,CACpB,KACA,WACA,eACgB;AAChB,QAAMA,WAAU,SAAS,cAAc,GAAG;AAC1C,MAAI,UAAWA,UAAQ,UAAU,IAAI,SAAS;AAC9C,MAAI,YAAY;AACd,WAAO,QAAQ,UAAU,EAAE,QAAQ,CAAC,CAAC,KAAK,KAAK,MAAM;AACnDA,eAAQ,aAAa,KAAK,KAAK;AAAA,IACjC,CAAC;AAAA,EACH;AACA,SAAOA;AACT;AAEA,MAAM,oBAAoB,CAAC,cAA8C;AACvE,QAAM,EAAE,UAAAC,WAAU,WAAAC,eAAc;AAChC,QAAM,SAAS,cAAc,UAAUD,UAAS,cAAc;AAAA,IAC5D,cAAc;AAAA,EAAA,CACf;AAED,SAAO,YAAYE;AACnB,SAAO,iBAAiB,SAAS,MAAM;AACrC,UAAM,cAAc;AAAA,MAClB,gBAAgB,aAAa;AAAA,IAAA;AAE/B,QAAI,aAAa;AAEf,gBAAU,MAAM,SAAS,GAAG,UAAU,YAAY;AAClD,gBAAU,MAAM,aAAa,UAAUD,WAAU,KAAK;AAEtD,uBAAiB,EAAE,GAAG,aAAa,QAAQ,MAAM;AAEjD,iBAAW,MAAM;AACf,kBAAU,MAAM,SAAS;AAAA,MAC3B,GAAG,GAAG;AAEN,iBAAW,MAAM;AACf,kBAAU,OAAA;AAAA,MACZ,GAAGA,WAAU,QAAQ,GAAG;AAAA,IAC1B;AAAA,EACF,CAAC;AAED,SAAO;AACT;AAEA,MAAM,mBAAmB,CAAC;AAAA,EACxB;AAAA,EACA;AACF,MAGM;AACJ,QAAM,OAAO,cAAc,KAAK,gBAAgB,SAAS,KAAK;AAAA,IAC5D,MAAM;AAAA,IACN,KAAK;AAAA,IACL,QAAQ;AAAA,EAAA,CACT;AACD,OAAK,YAAY;AAEjB,SAAOE,QAAgB;AAAA,IACrB,SAAS;AAAA,IACT,iBAAiB;AAAA,EAAA,CAClB;AACH;AAEA,MAAM,qBAAqB,CACzB,OACA,cACgB;AAChB,QAAM,EAAE,UAAAH,UAAAA,IAAa;AACrB,QAAM,UAAU,cAAc,OAAOA,UAAS,OAAO;AACrD,QAAM,OAAO,cAAc,OAAOA,UAAS,IAAI;AAC/C,QAAM,eAAe,MAAM,YAAY,MAAM;AAG7C,QAAM,QAAQ,cAAc,KAAKA,UAAS,KAAK;AAC/C,QAAM,YAAY;AAElB,QAAM,cAAc,kBAAkB,SAAS;AAE/C,UAAQ,OAAO,aAAa,KAAK;AAEjC,MAAI,MAAM,MAAM;AACd,UAAM,UAAU,cAAc,OAAOA,UAAS,IAAI;AAClD,YAAQ,YAAY,MAAM;AAC1B,YAAQ,OAAO,aAAa,OAAO,OAAO;AAAA,EAC5C;AAGA,MAAI,MAAM,QAAQ;AAChB,UAAM,MAAM,iBAAiB;AAAA,MAC3B,SAAS,MAAM,WAAW;AAAA,MAC1B,QAAQ,MAAM;AAAA,IAAA,CACf;AAED,YAAQ,YAAY,IAAI,OAAO;AAAA,EACjC;AAEA,OAAK,YAAY,OAAO;AACxB,SAAO;AACT;AAEA,MAAM,uBAAuB,CAAC,UAAkC;AAC9D,QAAM,EAAE,UAAAA,WAAU,YAAAI,gBAAe;AAEjC,QAAM,cAAc,cAAc,OAAOJ,UAAS,WAAW;AAC7D,QAAM,YAAY,cAAc,OAAOA,UAAS,WAAW;AAAA,IACzD,IAAIA,UAAS;AAAA,IACb,CAACI,YAAW,IAAI,GAAG,MAAM;AAAA,EAAA,CAC1B;AAED,QAAM,UAAU,mBAAmB,OAAO,SAAS;AACnD,YAAU,YAAY,OAAO;AAC7B,cAAY,YAAY,SAAS;AAEjC,SAAO;AACT;AAEA,MAAM,cAAc,OAAO;AAAA,EACzB;AACF,MAAiD;AAC/C,MAAI;AACF,UAAM,MAAM,YAAY,gBAAgB,KAAK;AAE7C,WAAO,MAAM,aAAa;AAAA,MACxB,OAAO;AAAA,MACP;AAAA,MACA,OAAO;AAAA,IAAA,CACR;AAAA,EACH,SAAS,OAAO;AACd,YAAQ,MAAM,2BAA2B,KAAK;AAC9C,WAAO;AAAA,EACT;AACF;AAEO,MAAM,iBAAiB,OAAO,EAAE,eAA2B;AAChE,QAAM,aAAa,gBAAA;AAGnB,MACE,CAAC,WAAW,eACZ,WAAW,cACX,CAAC,WAAW,WAAW,QACvB;AACA,WAAO,EAAE,SAAS,qBAAqB,WAAW,UAAU,EAAA;AAAA,EAC9D;AAGA,QAAM,WAAW,MAAM,YAAY,EAAE,UAAU;AAC/C,MAAI,CAAC,UAAU,MAAM,QAAQ,CAAC,GAAG;AAC/B,sBAAA;AACA,WAAO;AAAA,EACT;AAEA,QAAM,QAAQ,SAAS,MAAM,QAAQ,CAAC;AACtC,QAAM,cAAc;AAAA,IAClB,gBAAgB,aAAa;AAAA,EAAA;AAI/B,MAAI,aAAa,OAAO,MAAM,IAAI;AAChC,QAAI,CAAC,YAAY,UAAU,WAAW,aAAa;AACjD,aAAO,EAAE,SAAS,qBAAqB,WAAW,EAAA;AAAA,IACpD;AAAA,EACF,OAAO;AACL,sBAAA;AACA,qBAAiB,KAAK;AACtB,WAAO,EAAE,SAAS,qBAAqB,KAAK,EAAA;AAAA,EAC9C;AAEA,SAAO;AACT;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@universityofmaryland/web-elements-library",
-  "version": "1.5.6",
+  "version": "1.5.7",
   "description": "UMD Web Elements",
   "main": "dist/index.js",
   "module": "dist/index.mjs",

package/dist/composite/__tests__/test-helpers/element.d.ts

@@ -1,23 +0,0 @@
-import { ContentElement, ElementModel } from '../../../_types';
-export interface TestElementConfig {
-    element?: HTMLElement;
-    className?: string;
-    styles?: string;
-    attributes?: Record<string, string>;
-}
-export declare function createElement(tagName?: string, content?: string, attributes?: Record<string, string>): HTMLElement;
-export declare function createContentElement(tagName?: string, content?: string): ContentElement;
-export declare function createImageElement(src?: string, alt?: string): HTMLImageElement;
-export declare function createVideoElement(src?: string): HTMLVideoElement;
-export declare function createLinkElement(href?: string, text?: string): HTMLAnchorElement;
-export declare function validateElementStructure(result: any, expectedConfig: {
-    hasElement?: boolean;
-    hasStyles?: boolean;
-    className?: string;
-    tagName?: string;
-}): void;
-export declare function getChildByClass(parent: HTMLElement, className: string): HTMLElement | null;
-export declare function countChildren(parent: HTMLElement): number;
-export declare function containsText(element: HTMLElement, text: string): boolean;
-export declare function createMockElementModel(config?: TestElementConfig): ElementModel;
-//# sourceMappingURL=element.d.ts.map

package/dist/composite/__tests__/test-helpers/element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"element.d.ts","sourceRoot":"","sources":["../../../../source/composite/__tests__/test-helpers/element.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAEpE,MAAM,WAAW,iBAAiB;IAChC,OAAO,CAAC,EAAE,WAAW,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACrC;AAKD,wBAAgB,aAAa,CAC3B,OAAO,GAAE,MAAc,EACvB,OAAO,CAAC,EAAE,MAAM,EAChB,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,GAClC,WAAW,CAcb;AAKD,wBAAgB,oBAAoB,CAClC,OAAO,GAAE,MAAY,EACrB,OAAO,CAAC,EAAE,MAAM,GACf,cAAc,CAGhB;AAKD,wBAAgB,kBAAkB,CAChC,GAAG,GAAE,MAAmB,EACxB,GAAG,GAAE,MAAqB,GACzB,gBAAgB,CAKlB;AAKD,wBAAgB,kBAAkB,CAChC,GAAG,GAAE,MAAmB,GACvB,gBAAgB,CAIlB;AAKD,wBAAgB,iBAAiB,CAC/B,IAAI,GAAE,MAAY,EAClB,IAAI,GAAE,MAAoB,GACzB,iBAAiB,CAKnB;AAKD,wBAAgB,wBAAwB,CACtC,MAAM,EAAE,GAAG,EACX,cAAc,EAAE;IACd,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,GACA,IAAI,CAkBN;AAKD,wBAAgB,eAAe,CAC7B,MAAM,EAAE,WAAW,EACnB,SAAS,EAAE,MAAM,GAChB,WAAW,GAAG,IAAI,CAEpB;AAKD,wBAAgB,aAAa,CAAC,MAAM,EAAE,WAAW,GAAG,MAAM,CAEzD;AAKD,wBAAgB,YAAY,CAAC,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,GAAG,OAAO,CAExE;AAKD,wBAAgB,sBAAsB,CAAC,MAAM,GAAE,iBAAsB,GAAG,YAAY,CAKnF"}

package/dist/composite/__tests__/test-helpers/setup.d.ts

@@ -1 +0,0 @@
-//# sourceMappingURL=setup.d.ts.map

package/dist/composite/__tests__/test-helpers/setup.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"setup.d.ts","sourceRoot":"","sources":["../../../../source/composite/__tests__/test-helpers/setup.ts"],"names":[],"mappings":""}

package/dist/composite/footer/options.d.ts

@@ -1,8 +0,0 @@
-import { MainSectionProps } from './elements/main-section';
-import { UtilityProps } from './elements/utility-section';
-import { BaseProps } from './_types';
-export interface FooterProps extends BaseProps, UtilityProps, MainSectionProps {
-}
-declare const _default: (props: FooterProps) => import('@universityofmaryland/web-builder-library').ElementModel<HTMLElement>;
-export default _default;
-//# sourceMappingURL=options.d.ts.map

package/dist/composite/footer/options.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"options.d.ts","sourceRoot":"","sources":["../../../source/composite/footer/options.ts"],"names":[],"mappings":"AAGA,OAAmB,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC5E,OAAsB,EAAE,KAAK,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAC9E,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAC;AAErC,MAAM,WAAW,WACf,SAAQ,SAAS,EACf,YAAY,EACZ,gBAAgB;CAAG;yBAEP,OAAO,WAAW;AAAlC,wBAoCE"}

package/dist/composite/footer/options.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"options.js","sources":["../../../source/composite/footer/options.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as animation from '@universityofmaryland/web-styles-library/animation';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport createMain, { type MainSectionProps } from './elements/main-section';\nimport createUtility, { type UtilityProps } from './elements/utility-section';\nimport { BaseProps } from './_types';\n\nexport interface FooterProps\n  extends BaseProps,\n    UtilityProps,\n    MainSectionProps {}\n\nexport default (props: FooterProps) => {\n  const { isThemeLight } = props;\n\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-element-wrapper')\n    .withStyles({\n      element: {\n        containerType: 'inline-size',\n        overflow: 'hidden',\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n\n          ['& a']: {\n            ...animation.line.slideUnderBlack,\n\n            ['&:not(:first-child)::before']: {\n              backgroundColor: token.color.black,\n            },\n          },\n        }),\n\n        ['& p, & a, & span']: {\n          color: token.color.white,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n      },\n    })\n    .withChildren(main, utility)\n    .build();\n};\n"],"names":["createMain","createUtility","ElementBuilder","token","animation"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;AAYA,MAAA,UAAe,CAAC,UAAuB;AACrC,QAAM,EAAE,iBAAiB;AAEzB,QAAM,OAAOA,MAAW,KAAK;AAC7B,QAAM,UAAUC,QAAc,KAAK;AAEnC,SAAO,IAAIC,kBAAAA,eAAA,EACR,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,UAAU;AAAA,MAEV,GAAI,gBAAgB;AAAA,QAClB,iBAAiBC,iBAAM,MAAM,KAAK;AAAA,QAElC,CAAC,KAAK,GAAG;AAAA,UACP,GAAGC,qBAAU,KAAK;AAAA,UAElB,CAAC,6BAA6B,GAAG;AAAA,YAC/B,iBAAiBD,iBAAM,MAAM;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,MAGF,CAAC,kBAAkB,GAAG;AAAA,QACpB,OAAOA,iBAAM,MAAM;AAAA,QAEnB,GAAI,gBAAgB;AAAA,UAClB,OAAOA,iBAAM,MAAM,KAAK;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,MAAM,OAAO,EAC1B,MAAA;AACL;;"}

package/dist/composite/footer/options.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"options.mjs","sources":["../../../source/composite/footer/options.ts"],"sourcesContent":["import * as token from '@universityofmaryland/web-token-library';\nimport * as animation from '@universityofmaryland/web-styles-library/animation';\nimport { ElementBuilder } from '@universityofmaryland/web-builder-library';\nimport createMain, { type MainSectionProps } from './elements/main-section';\nimport createUtility, { type UtilityProps } from './elements/utility-section';\nimport { BaseProps } from './_types';\n\nexport interface FooterProps\n  extends BaseProps,\n    UtilityProps,\n    MainSectionProps {}\n\nexport default (props: FooterProps) => {\n  const { isThemeLight } = props;\n\n  const main = createMain(props);\n  const utility = createUtility(props);\n\n  return new ElementBuilder()\n    .withClassName('umd-footer-element-wrapper')\n    .withStyles({\n      element: {\n        containerType: 'inline-size',\n        overflow: 'hidden',\n\n        ...(isThemeLight && {\n          backgroundColor: token.color.gray.lightest,\n\n          ['& a']: {\n            ...animation.line.slideUnderBlack,\n\n            ['&:not(:first-child)::before']: {\n              backgroundColor: token.color.black,\n            },\n          },\n        }),\n\n        ['& p, & a, & span']: {\n          color: token.color.white,\n\n          ...(isThemeLight && {\n            color: token.color.gray.dark,\n          }),\n        },\n      },\n    })\n    .withChildren(main, utility)\n    .build();\n};\n"],"names":[],"mappings":";;;;;AAYA,MAAA,UAAe,CAAC,UAAuB;AACrC,QAAM,EAAE,iBAAiB;AAEzB,QAAM,OAAO,WAAW,KAAK;AAC7B,QAAM,UAAU,cAAc,KAAK;AAEnC,SAAO,IAAI,eAAA,EACR,cAAc,4BAA4B,EAC1C,WAAW;AAAA,IACV,SAAS;AAAA,MACP,eAAe;AAAA,MACf,UAAU;AAAA,MAEV,GAAI,gBAAgB;AAAA,QAClB,iBAAiB,MAAM,MAAM,KAAK;AAAA,QAElC,CAAC,KAAK,GAAG;AAAA,UACP,GAAG,UAAU,KAAK;AAAA,UAElB,CAAC,6BAA6B,GAAG;AAAA,YAC/B,iBAAiB,MAAM,MAAM;AAAA,UAAA;AAAA,QAC/B;AAAA,MACF;AAAA,MAGF,CAAC,kBAAkB,GAAG;AAAA,QACpB,OAAO,MAAM,MAAM;AAAA,QAEnB,GAAI,gBAAgB;AAAA,UAClB,OAAO,MAAM,MAAM,KAAK;AAAA,QAAA;AAAA,MAC1B;AAAA,IACF;AAAA,EACF,CACD,EACA,aAAa,MAAM,OAAO,EAC1B,MAAA;AACL;"}