Contents

import {controller} from '@github/catalyst'

// eslint-disable-next-line custom-elements/no-exports-with-element
export class ActionListTruncationObserver {
  resizeObserver = new ResizeObserver(entries => {
    for (const entry of entries) {
      const action = entry.target

      if (action instanceof HTMLElement) {
        this.update(action)
      }
    }
  })

  constructor(el: HTMLElement) {
    this.resizeObserver.observe(el)
  }

  unobserve(el: HTMLElement) {
    this.resizeObserver.unobserve(el)
  }

  update(el: HTMLElement) {
    const label = el.querySelector('.ActionListItem-label')
    if (!label) return

    const tooltip = el.querySelector('.ActionListItem-truncationTooltip') as HTMLElement | null
    if (!tooltip) return

    const isTruncated = label.scrollWidth > label.clientWidth

    if (isTruncated) {
      tooltip.style.display = ''
    } else {
      tooltip.style.display = 'none'
    }
  }
}

@controller
// eslint-disable-next-line custom-elements/expose-class-on-global
export class ActionListElement extends HTMLElement {
  #truncationObserver: ActionListTruncationObserver

  connectedCallback() {
    this.#truncationObserver = new ActionListTruncationObserver(this)
  }

  disconnectedCallback() {
    this.#truncationObserver.unobserve(this)
  }
}

declare global {
  interface Window {
    ActionListElement: typeof ActionListElement
  }
}

Version data entries

7 entries across 7 versions & 2 rubygems

Version	Path
openproject-primer_view_components-0.25.1	app/components/primer/alpha/action_list.ts
primer_view_components-0.21.1	app/components/primer/alpha/action_list.ts
openproject-primer_view_components-0.25.0	app/components/primer/alpha/action_list.ts
openproject-primer_view_components-0.24.0	app/components/primer/alpha/action_list.ts
primer_view_components-0.21.0	app/components/primer/alpha/action_list.ts
primer_view_components-0.20.1	app/components/primer/alpha/action_list.ts
primer_view_components-0.20.0	app/components/primer/alpha/action_list.ts