LWC dismiss on click outside

dismissOnClickOutside.html

<template>
  <slot></slot>
</template>

dismissOnClickOutside.ts

import { LightningElement } from 'lwc';

export default class DismissOnClickOutside extends LightningElement {
  handleClick = (event: Event) => {
    const path = event.composedPath();
    const inside = path.includes(this.template as any)
    if (!inside) {
      this.dispatchEvent(new CustomEvent('dismiss'))
    }
  };

  connectedCallback() {
    document.addEventListener('click', this.handleClick);
  }

  disconnectedCallback() {
    document.removeEventListener('click', this.handleClick);
  }
}