UNPKG

@synergy-design-system/components

Version:

This package provides the base of the Synergy Design System as native web components. It uses [lit](https://www.lit.dev) and parts of [shoelace](https://shoelace.style/). Synergy officially supports the latest two versions of all major browsers (as define

38 lines (37 loc) 1.4 kB
/** * --------------------------------------------------------------------- * 🔒 AUTOGENERATED BY VENDORISM * Removing this comment will prevent it from being managed by it. * --------------------------------------------------------------------- */ import SynergyElement from '../../internal/synergy-element.js'; import type { CSSResultGroup } from 'lit'; /** * @summary The Resize Observer component offers a thin, declarative interface to the [`ResizeObserver API`](https://developer.mozilla.org/en-US/docs/Web/API/ResizeObserver). * @documentation https://synergy-design-system.github.io/?path=/docs/components-syn-resize-observer--docs * @status stable * @since 2.0 * * @slot - One or more elements to watch for resizing. * * @event {{ entries: ResizeObserverEntry[] }} syn-resize - Emitted when the element is resized. */ export default class SynResizeObserver extends SynergyElement { static styles: CSSResultGroup; private resizeObserver; private observedElements; /** Disables the observer. */ disabled: boolean; connectedCallback(): void; disconnectedCallback(): void; private handleSlotChange; private startObserver; private stopObserver; handleDisabledChange(): void; render(): import("lit").TemplateResult<1>; } declare global { interface HTMLElementTagNameMap { 'syn-resize-observer': SynResizeObserver; } }