@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
TypeScript
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;