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

41 lines (40 loc) 1.6 kB
import SynergyElement from '../../internal/synergy-element.js'; /** * Check if the provided event name is a blur event * @param eventName The event name to check */ export declare const isBlurEvent: (eventName: string) => boolean; /** * Check if the provided event name is a change event * @param eventName The event name to check */ export declare const isChangeEvent: (eventName: string) => boolean; /** * Check if the provided event is an invalid event * @param eventName The event name to check */ export declare const isInvalidEvent: (eventName: string) => boolean; /** * Check if the provided element is a synergy element * @param element The element to check for * @returns True if the element is a synergy element, false otherwise */ export declare const isSynergyElement: (element?: HTMLElement) => element is SynergyElement; /** * Get a list of event names from the provided attribute string * @param events The events string * @returns an array of events */ export declare const normalizeEventAttribute: (events?: string) => string[]; /** * Get the event name for the provided element * @param element The element to get the event name for * @param eventName The event name to get */ export declare const getEventNameForElement: (element: HTMLElement, eventName: string) => string; /** * Check the size that the alert should use based on the provided element * @param element The html element to check for * @returns The size that the alert should use */ export declare const alertSizeForInput: (element?: HTMLElement) => "small" | "medium" | "large" | undefined;