@trimble-oss/moduswebcomponents/components/index.d.ts

Modus Web Components is a modern, accessible UI library built with Stencil JS that provides reusable web components following Trimble's Modus design system. This updated version focuses on improved flexibility, enhanced theming options, comprehensive cust

/* ModusWc custom elements */
export { ModusWcAccordion as ModusWcAccordion } from '../types/components/modus-wc-accordion/modus-wc-accordion';
export { defineCustomElement as defineCustomElementModusWcAccordion } from './modus-wc-accordion';
export { ModusWcAlert as ModusWcAlert } from '../types/components/modus-wc-alert/modus-wc-alert';
export { defineCustomElement as defineCustomElementModusWcAlert } from './modus-wc-alert';
export { ModusWcAutocomplete as ModusWcAutocomplete } from '../types/components/modus-wc-autocomplete/modus-wc-autocomplete';
export { defineCustomElement as defineCustomElementModusWcAutocomplete } from './modus-wc-autocomplete';
export { ModusWcAvatar as ModusWcAvatar } from '../types/components/modus-wc-avatar/modus-wc-avatar';
export { defineCustomElement as defineCustomElementModusWcAvatar } from './modus-wc-avatar';
export { ModusWcBadge as ModusWcBadge } from '../types/components/modus-wc-badge/modus-wc-badge';
export { defineCustomElement as defineCustomElementModusWcBadge } from './modus-wc-badge';
export { ModusWcBreadcrumbs as ModusWcBreadcrumbs } from '../types/components/modus-wc-breadcrumbs/modus-wc-breadcrumbs';
export { defineCustomElement as defineCustomElementModusWcBreadcrumbs } from './modus-wc-breadcrumbs';
export { ModusWcButton as ModusWcButton } from '../types/components/modus-wc-button/modus-wc-button';
export { defineCustomElement as defineCustomElementModusWcButton } from './modus-wc-button';
export { ModusWcCard as ModusWcCard } from '../types/components/modus-wc-card/modus-wc-card';
export { defineCustomElement as defineCustomElementModusWcCard } from './modus-wc-card';
export { ModusWcCheckbox as ModusWcCheckbox } from '../types/components/modus-wc-checkbox/modus-wc-checkbox';
export { defineCustomElement as defineCustomElementModusWcCheckbox } from './modus-wc-checkbox';
export { ModusWcChip as ModusWcChip } from '../types/components/modus-wc-chip/modus-wc-chip';
export { defineCustomElement as defineCustomElementModusWcChip } from './modus-wc-chip';
export { ModusWcCollapse as ModusWcCollapse } from '../types/components/modus-wc-collapse/modus-wc-collapse';
export { defineCustomElement as defineCustomElementModusWcCollapse } from './modus-wc-collapse';
export { ModusWcDate as ModusWcDate } from '../types/components/modus-wc-date/modus-wc-date';
export { defineCustomElement as defineCustomElementModusWcDate } from './modus-wc-date';
export { ModusWcDivider as ModusWcDivider } from '../types/components/modus-wc-divider/modus-wc-divider';
export { defineCustomElement as defineCustomElementModusWcDivider } from './modus-wc-divider';
export { ModusWcDropdownMenu as ModusWcDropdownMenu } from '../types/components/modus-wc-dropdown-menu/modus-wc-dropdown-menu';
export { defineCustomElement as defineCustomElementModusWcDropdownMenu } from './modus-wc-dropdown-menu';
export { ModusWcIcon as ModusWcIcon } from '../types/components/modus-wc-icon/modus-wc-icon';
export { defineCustomElement as defineCustomElementModusWcIcon } from './modus-wc-icon';
export { ModusWcInputFeedback as ModusWcInputFeedback } from '../types/components/modus-wc-input-feedback/modus-wc-input-feedback';
export { defineCustomElement as defineCustomElementModusWcInputFeedback } from './modus-wc-input-feedback';
export { ModusWcInputLabel as ModusWcInputLabel } from '../types/components/modus-wc-input-label/modus-wc-input-label';
export { defineCustomElement as defineCustomElementModusWcInputLabel } from './modus-wc-input-label';
export { ModusWcLoader as ModusWcLoader } from '../types/components/modus-wc-loader/modus-wc-loader';
export { defineCustomElement as defineCustomElementModusWcLoader } from './modus-wc-loader';
export { ModusWcMenu as ModusWcMenu } from '../types/components/modus-wc-menu/modus-wc-menu';
export { defineCustomElement as defineCustomElementModusWcMenu } from './modus-wc-menu';
export { ModusWcMenuItem as ModusWcMenuItem } from '../types/components/modus-wc-menu-item/modus-wc-menu-item';
export { defineCustomElement as defineCustomElementModusWcMenuItem } from './modus-wc-menu-item';
export { ModusWcModal as ModusWcModal } from '../types/components/modus-wc-modal/modus-wc-modal';
export { defineCustomElement as defineCustomElementModusWcModal } from './modus-wc-modal';
export { ModusWcNavbar as ModusWcNavbar } from '../types/components/modus-wc-navbar/modus-wc-navbar';
export { defineCustomElement as defineCustomElementModusWcNavbar } from './modus-wc-navbar';
export { ModusWcNumberInput as ModusWcNumberInput } from '../types/components/modus-wc-number-input/modus-wc-number-input';
export { defineCustomElement as defineCustomElementModusWcNumberInput } from './modus-wc-number-input';
export { ModusWcPagination as ModusWcPagination } from '../types/components/modus-wc-pagination/modus-wc-pagination';
export { defineCustomElement as defineCustomElementModusWcPagination } from './modus-wc-pagination';
export { ModusWcProgress as ModusWcProgress } from '../types/components/modus-wc-progress/modus-wc-progress';
export { defineCustomElement as defineCustomElementModusWcProgress } from './modus-wc-progress';
export { ModusWcRadio as ModusWcRadio } from '../types/components/modus-wc-radio/modus-wc-radio';
export { defineCustomElement as defineCustomElementModusWcRadio } from './modus-wc-radio';
export { ModusWcRating as ModusWcRating } from '../types/components/modus-wc-rating/modus-wc-rating';
export { defineCustomElement as defineCustomElementModusWcRating } from './modus-wc-rating';
export { ModusWcSelect as ModusWcSelect } from '../types/components/modus-wc-select/modus-wc-select';
export { defineCustomElement as defineCustomElementModusWcSelect } from './modus-wc-select';
export { ModusWcSideNavigation as ModusWcSideNavigation } from '../types/components/modus-wc-side-navigation/modus-wc-side-navigation';
export { defineCustomElement as defineCustomElementModusWcSideNavigation } from './modus-wc-side-navigation';
export { ModusWcSkeleton as ModusWcSkeleton } from '../types/components/modus-wc-skeleton/modus-wc-skeleton';
export { defineCustomElement as defineCustomElementModusWcSkeleton } from './modus-wc-skeleton';
export { ModusWcSlider as ModusWcSlider } from '../types/components/modus-wc-slider/modus-wc-slider';
export { defineCustomElement as defineCustomElementModusWcSlider } from './modus-wc-slider';
export { ModusWcStepper as ModusWcStepper } from '../types/components/modus-wc-stepper/modus-wc-stepper';
export { defineCustomElement as defineCustomElementModusWcStepper } from './modus-wc-stepper';
export { ModusWcSwitch as ModusWcSwitch } from '../types/components/modus-wc-switch/modus-wc-switch';
export { defineCustomElement as defineCustomElementModusWcSwitch } from './modus-wc-switch';
export { ModusWcTable as ModusWcTable } from '../types/components/modus-wc-table/modus-wc-table';
export { defineCustomElement as defineCustomElementModusWcTable } from './modus-wc-table';
export { ModusWcTabs as ModusWcTabs } from '../types/components/modus-wc-tabs/modus-wc-tabs';
export { defineCustomElement as defineCustomElementModusWcTabs } from './modus-wc-tabs';
export { ModusWcTextInput as ModusWcTextInput } from '../types/components/modus-wc-text-input/modus-wc-text-input';
export { defineCustomElement as defineCustomElementModusWcTextInput } from './modus-wc-text-input';
export { ModusWcTextarea as ModusWcTextarea } from '../types/components/modus-wc-textarea/modus-wc-textarea';
export { defineCustomElement as defineCustomElementModusWcTextarea } from './modus-wc-textarea';
export { ThemeProvider as ModusWcThemeProvider } from '../types/providers/theme/theme-provider';
export { defineCustomElement as defineCustomElementModusWcThemeProvider } from './modus-wc-theme-provider';
export { ModusWcThemeSwitcher as ModusWcThemeSwitcher } from '../types/components/modus-wc-theme-switcher/modus-wc-theme-switcher';
export { defineCustomElement as defineCustomElementModusWcThemeSwitcher } from './modus-wc-theme-switcher';
export { ModusWcTimeInput as ModusWcTimeInput } from '../types/components/modus-wc-time-input/modus-wc-time-input';
export { defineCustomElement as defineCustomElementModusWcTimeInput } from './modus-wc-time-input';
export { ModusWcToast as ModusWcToast } from '../types/components/modus-wc-toast/modus-wc-toast';
export { defineCustomElement as defineCustomElementModusWcToast } from './modus-wc-toast';
export { ModusWcToolbar as ModusWcToolbar } from '../types/components/modus-wc-toolbar/modus-wc-toolbar';
export { defineCustomElement as defineCustomElementModusWcToolbar } from './modus-wc-toolbar';
export { ModusWcTooltip as ModusWcTooltip } from '../types/components/modus-wc-tooltip/modus-wc-tooltip';
export { defineCustomElement as defineCustomElementModusWcTooltip } from './modus-wc-tooltip';
export { ModusWCTypography as ModusWcTypography } from '../types/components/modus-wc-typography/modus-wc-typography';
export { defineCustomElement as defineCustomElementModusWcTypography } from './modus-wc-typography';

/**
 * Get the base path to where the assets can be found. Use "setAssetPath(path)"
 * if the path needs to be customized.
 */
export declare const getAssetPath: (path: string) => string;

/**
 * Used to manually set the base path where assets can be found.
 * If the script is used as "module", it's recommended to use "import.meta.url",
 * such as "setAssetPath(import.meta.url)". Other options include
 * "setAssetPath(document.currentScript.src)", or using a bundler's replace plugin to
 * dynamically set the path at build time, such as "setAssetPath(process.env.ASSET_PATH)".
 * But do note that this configuration depends on how your script is bundled, or lack of
 * bundling, and where your assets can be loaded from. Additionally custom bundling
 * will have to ensure the static assets are copied to its build directory.
 */
export declare const setAssetPath: (path: string) => void;

/**
 * Used to specify a nonce value that corresponds with an application's CSP.
 * When set, the nonce will be added to all dynamically created script and style tags at runtime.
 * Alternatively, the nonce value can be set on a meta tag in the DOM head
 * (<meta name="csp-nonce" content="{ nonce value here }" />) which
 * will result in the same behavior.
 */
export declare const setNonce: (nonce: string) => void

export interface SetPlatformOptions {
  raf?: (c: FrameRequestCallback) => number;
  ael?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
  rel?: (el: EventTarget, eventName: string, listener: EventListenerOrEventListenerObject, options: boolean | AddEventListenerOptions) => void;
}
export declare const setPlatformOptions: (opts: SetPlatformOptions) => void;
export * from '../types/components';