import { html, LitElement } from 'lit';
import { customElement, property, query } from 'lit/decorators.js';
import { styleMap } from 'lit/directives/style-map.js';
import '~/components/icon/icon';
import { autoIncrement } from '~/internal/auto-increment';
import { drag } from '~/internal/drag';
import { emit } from '~/internal/event';
import { clamp } from '~/internal/math';
import { watch } from '~/internal/watch';
import styles from './image-comparer.styles';
/**
* @since 2.0
* @status stable
*
* @dependency sl-icon
*
* @slot before - The before image, an `` or `