import { accentFillActive } from '@microsoft/fast-components'; import { accentFillActiveDelta } from '@microsoft/fast-components'; import { accentFillFocus } from '@microsoft/fast-components'; import { accentFillFocusDelta } from '@microsoft/fast-components'; import { accentFillHover } from '@microsoft/fast-components'; import { accentFillHoverDelta } from '@microsoft/fast-components'; import { accentFillRest } from '@microsoft/fast-components'; import { accentFillRestDelta } from '@microsoft/fast-components'; import { accentForegroundActive } from '@microsoft/fast-components'; import { accentForegroundActiveDelta } from '@microsoft/fast-components'; import { accentForegroundFocus } from '@microsoft/fast-components'; import { accentForegroundFocusDelta } from '@microsoft/fast-components'; import { accentForegroundHover } from '@microsoft/fast-components'; import { accentForegroundHoverDelta } from '@microsoft/fast-components'; import { accentForegroundRest } from '@microsoft/fast-components'; import { accentForegroundRestDelta } from '@microsoft/fast-components'; import { accentPalette } from '@microsoft/fast-components'; import { Accordion as Accordion_2 } from '@microsoft/fast-foundation'; import { AccordionItem as AccordionItem_2 } from '@microsoft/fast-components'; import { AccordionItemOptions } from '@microsoft/fast-foundation'; import { AIProviderRegistry } from '@genesislcap/foundation-ai'; import { AIStatus } from '@genesislcap/foundation-ai'; import { Anchor as Anchor_2 } from '@microsoft/fast-components'; import { AnchoredRegion as AnchoredRegion_2 } from '@microsoft/fast-components'; import { Avatar as Avatar_2 } from '@microsoft/fast-components'; import { Badge as Badge_2 } from '@microsoft/fast-components'; import { BASE_EDITABLE_ELEMENT_SELECTORS } from '@genesislcap/foundation-utils'; import { baseHeightMultiplier } from '@microsoft/fast-components'; import { baseLayerLuminance } from '@microsoft/fast-components'; import { BehaviorSubject } from 'rxjs'; import { bodyFont } from '@microsoft/fast-components'; import { Breadcrumb as Breadcrumb_2 } from '@microsoft/fast-components'; import { BreadcrumbItem as BreadcrumbItem_2 } from '@microsoft/fast-components'; import { BreadcrumbItemOptions } from '@microsoft/fast-foundation'; import { buildEditableElementSelector } from '@genesislcap/foundation-utils'; import { Button as Button_2 } from '@microsoft/fast-components'; import { Calendar as Calendar_3 } from '@microsoft/fast-components'; import { CalendarOptions } from '@microsoft/fast-foundation'; import { Card as Card_2 } from '@microsoft/fast-components'; import { Checkbox as Checkbox_2 } from '@microsoft/fast-components'; import { CheckboxOptions } from '@microsoft/fast-foundation'; import { ColumnDefinition } from '@microsoft/fast-foundation'; import { Combobox as Combobox_2 } from '@microsoft/fast-components'; import { ComboboxOptions } from '@microsoft/fast-foundation'; import { Connect } from '@genesislcap/foundation-comms'; import { Constructable } from '@microsoft/fast-element'; import { Container } from '@microsoft/fast-foundation'; import { controlCornerRadius } from '@microsoft/fast-components'; import { Controller } from '@microsoft/fast-element'; import { CSSDesignToken } from '@microsoft/fast-foundation'; import { CSSDirective } from '@microsoft/fast-element'; import { DataGrid as DataGrid_2 } from '@microsoft/fast-components'; import { DataGridCell as DataGridCell_2 } from '@microsoft/fast-components'; import { DataGridCell as DataGridCell_3 } from '@microsoft/fast-foundation'; import { DataGridRow as DataGridRow_2 } from '@microsoft/fast-components'; import { Datasource } from '@genesislcap/foundation-comms'; import { DatasourceOptions } from '@genesislcap/foundation-comms'; import { DatasourceStatus } from '@genesislcap/foundation-comms'; import { DatasourceStatusChangedEvent } from '@genesislcap/foundation-comms'; import dayjs from 'dayjs'; import { DefaultRouter as DefaultRouter_2 } from '@microsoft/fast-router'; import { density } from '@microsoft/fast-components'; import { DESIGN_SYSTEM_EDITABLE_ELEMENT_SELECTORS } from '@genesislcap/foundation-utils'; import { DesignSystem } from '@microsoft/fast-foundation'; import { DesignSystemProvider } from '@microsoft/fast-components'; import { DesignToken as DesignToken_2 } from '@microsoft/fast-foundation'; import { designUnit } from '@microsoft/fast-components'; import { direction } from '@microsoft/fast-components'; import { disabledOpacity } from '@microsoft/fast-components'; import { Disclosure as Disclosure_2 } from '@microsoft/fast-foundation'; import { Divider as Divider_2 } from '@microsoft/fast-foundation'; import { ElementDefinitionContext } from '@microsoft/fast-foundation'; import { ElementStyles } from '@microsoft/fast-element'; import { ErrorBoundaryEvent } from '@genesislcap/foundation-errors'; import { ErrorStructure } from '@genesislcap/foundation-errors'; import { ExpressionBuilder } from '@genesislcap/expression-builder'; import { Config as ExpressionBuilderConfig } from '@genesislcap/expression-builder'; import { Types as ExpressionBuilderTypes } from '@genesislcap/expression-builder'; import { FASTElement } from '@microsoft/fast-element'; import { FASTElementDefinition } from '@microsoft/fast-element'; import { FieldMetadata } from '@genesislcap/foundation-comms'; import { FieldTypeEnum } from '@genesislcap/foundation-comms'; import { fillColor } from '@microsoft/fast-components'; import { FilteredDataServerResult } from '@genesislcap/foundation-comms'; import { Flipper as Flipper_2 } from '@microsoft/fast-components'; import { FlipperOptions } from '@microsoft/fast-foundation'; import { focusStrokeInner } from '@microsoft/fast-components'; import { focusStrokeOuter } from '@microsoft/fast-components'; import { focusStrokeWidth } from '@microsoft/fast-components'; import { foregroundOnAccentActive } from '@microsoft/fast-components'; import { foregroundOnAccentActiveLarge } from '@microsoft/fast-components'; import { foregroundOnAccentFocus } from '@microsoft/fast-components'; import { foregroundOnAccentFocusLarge } from '@microsoft/fast-components'; import { foregroundOnAccentHover } from '@microsoft/fast-components'; import { foregroundOnAccentHoverLarge } from '@microsoft/fast-components'; import { foregroundOnAccentRest } from '@microsoft/fast-components'; import { foregroundOnAccentRestLarge } from '@microsoft/fast-components'; import { FormAssociated } from '@microsoft/fast-foundation'; import { FoundationAnalytics } from '@genesislcap/foundation-comms'; import { dataGridCellTemplate as foundationDataGridCellTemplate } from '@microsoft/fast-foundation'; import { dataGridRowTemplate as foundationDataGridRowTemplate } from '@microsoft/fast-foundation'; import { FoundationElement } from '@microsoft/fast-foundation'; import { FoundationElementDefinition } from '@microsoft/fast-foundation'; import { FoundationElementRegistry } from '@microsoft/fast-foundation'; import { FoundationElementTemplate } from '@microsoft/fast-foundation'; import { GenesisResources } from '@genesislcap/foundation-comms'; import { HorizontalScroll as HorizontalScroll_2 } from '@microsoft/fast-components'; import { HorizontalScrollOptions } from '@microsoft/fast-foundation'; import { Http } from '@genesislcap/foundation-comms'; import { IconName } from '@fortawesome/fontawesome-svg-core'; import { IconStyle } from '@fortawesome/fontawesome-svg-core'; import { Instance } from '@popperjs/core'; import { Listbox as Listbox_2 } from '@microsoft/fast-components'; import { ListboxOption as ListboxOption_2 } from '@microsoft/fast-components'; import { ListboxOption as ListboxOption_3 } from '@microsoft/fast-foundation'; import { Logger } from '@genesislcap/foundation-logger'; import { LogLevel } from '@genesislcap/foundation-logger'; import { LogType } from '@genesislcap/foundation-logger'; import type { MappableRouteDefinition } from '@microsoft/fast-router'; import { Menu as Menu_2 } from '@microsoft/fast-components'; import { MenuItem as MenuItem_2 } from '@microsoft/fast-components'; import { MenuItemOptions } from '@microsoft/fast-foundation'; import { MetadataDetail } from '@genesislcap/foundation-comms'; import { NavigationPhase } from '@microsoft/fast-router'; import { NetworkMonitor } from '@genesislcap/foundation-comms'; import { NetworkMonitorConfig } from '@genesislcap/foundation-comms'; import { neutralFillActive } from '@microsoft/fast-components'; import { neutralFillActiveDelta } from '@microsoft/fast-components'; import { neutralFillFocus } from '@microsoft/fast-components'; import { neutralFillFocusDelta } from '@microsoft/fast-components'; import { neutralFillHover } from '@microsoft/fast-components'; import { neutralFillHoverDelta } from '@microsoft/fast-components'; import { neutralFillInputActive } from '@microsoft/fast-components'; import { neutralFillInputActiveDelta } from '@microsoft/fast-components'; import { neutralFillInputFocus } from '@microsoft/fast-components'; import { neutralFillInputFocusDelta } from '@microsoft/fast-components'; import { neutralFillInputHover } from '@microsoft/fast-components'; import { neutralFillInputHoverDelta } from '@microsoft/fast-components'; import { neutralFillInputRest } from '@microsoft/fast-components'; import { neutralFillInputRestDelta } from '@microsoft/fast-components'; import { neutralFillLayerRest } from '@microsoft/fast-components'; import { neutralFillLayerRestDelta } from '@microsoft/fast-components'; import { neutralFillRest } from '@microsoft/fast-components'; import { neutralFillRestDelta } from '@microsoft/fast-components'; import { neutralFillStealthActive } from '@microsoft/fast-components'; import { neutralFillStealthActiveDelta } from '@microsoft/fast-components'; import { neutralFillStealthFocus } from '@microsoft/fast-components'; import { neutralFillStealthFocusDelta } from '@microsoft/fast-components'; import { neutralFillStealthHover } from '@microsoft/fast-components'; import { neutralFillStealthHoverDelta } from '@microsoft/fast-components'; import { neutralFillStealthRest } from '@microsoft/fast-components'; import { neutralFillStealthRestDelta } from '@microsoft/fast-components'; import { neutralFillStrongActive } from '@microsoft/fast-components'; import { neutralFillStrongActiveDelta } from '@microsoft/fast-components'; import { neutralFillStrongFocus } from '@microsoft/fast-components'; import { neutralFillStrongFocusDelta } from '@microsoft/fast-components'; import { neutralFillStrongHover } from '@microsoft/fast-components'; import { neutralFillStrongHoverDelta } from '@microsoft/fast-components'; import { neutralFillStrongRest } from '@microsoft/fast-components'; import { neutralFillStrongRestDelta } from '@microsoft/fast-components'; import { neutralForegroundHint } from '@microsoft/fast-components'; import { neutralForegroundRest } from '@microsoft/fast-components'; import { neutralLayer1 } from '@microsoft/fast-components'; import { neutralLayer2 } from '@microsoft/fast-components'; import { neutralLayer3 } from '@microsoft/fast-components'; import { neutralLayer4 } from '@microsoft/fast-components'; import { neutralLayerCardContainer } from '@microsoft/fast-components'; import { neutralLayerFloating } from '@microsoft/fast-components'; import { neutralPalette } from '@microsoft/fast-components'; import { neutralStrokeActive } from '@microsoft/fast-components'; import { neutralStrokeActiveDelta } from '@microsoft/fast-components'; import { neutralStrokeDividerRest } from '@microsoft/fast-components'; import { neutralStrokeDividerRestDelta } from '@microsoft/fast-components'; import { neutralStrokeFocus } from '@microsoft/fast-components'; import { neutralStrokeFocusDelta } from '@microsoft/fast-components'; import { neutralStrokeHover } from '@microsoft/fast-components'; import { neutralStrokeHoverDelta } from '@microsoft/fast-components'; import { neutralStrokeRest } from '@microsoft/fast-components'; import { neutralStrokeRestDelta } from '@microsoft/fast-components'; import { NotificationDataRow } from '@genesislcap/foundation-notifications'; import { NotificationStructure } from '@genesislcap/foundation-notifications'; import { NumberField as NumberField_2 } from '@microsoft/fast-components'; import { NumberFieldOptions } from '@microsoft/fast-foundation'; import { OptionsGeneric } from '@popperjs/core'; import { OverrideFoundationElementDefinition } from '@microsoft/fast-foundation'; import { Palette } from '@microsoft/fast-components'; import { PaletteRGB } from '@microsoft/fast-components'; import { PartialFASTElementDefinition } from '@microsoft/fast-element'; import { Placement } from '@popperjs/core'; import { Progress as Progress_2 } from '@microsoft/fast-components'; import { ProgressOptions } from '@microsoft/fast-foundation'; import { ProgressRingOptions } from '@microsoft/fast-foundation'; import { Radio as Radio_2 } from '@microsoft/fast-components'; import { RadioGroup as RadioGroup_2 } from '@microsoft/fast-components'; import { RadioGroup as RadioGroup_3 } from '@microsoft/fast-foundation'; import { RadioOptions } from '@microsoft/fast-foundation'; import { RequestServerResult } from '@genesislcap/foundation-comms'; import { ResourceHealth } from '@genesislcap/foundation-comms'; import { ResourceType } from '@genesislcap/foundation-comms'; import { RouteCollection } from '@microsoft/fast-router'; import { Router as Router_2 } from '@microsoft/fast-router'; import { RouterConfiguration } from '@microsoft/fast-router'; import { RouterElement as RouterElement_2 } from '@microsoft/fast-router'; import { Select as Select_2 } from '@microsoft/fast-components'; import { SelectOptions } from '@microsoft/fast-foundation'; import { Session } from '@genesislcap/foundation-comms'; import { Skeleton as Skeleton_2 } from '@microsoft/fast-components'; import { Slider as Slider_2 } from '@microsoft/fast-components'; import { SliderLabel as SliderLabel_2 } from '@microsoft/fast-components'; import { SliderOptions } from '@microsoft/fast-foundation'; import { strokeWidth } from '@microsoft/fast-components'; import { Subscription } from 'rxjs'; import { Swatch } from '@microsoft/fast-components'; import { SwatchRGB } from '@microsoft/fast-components'; import { Switch as Switch_2 } from '@microsoft/fast-components'; import { SwitchOptions } from '@microsoft/fast-foundation'; import { SystemHealthChangedEvent } from '@genesislcap/foundation-comms'; import { SystemHealthStatus } from '@genesislcap/foundation-comms'; import { Tab as Tab_2 } from '@microsoft/fast-components'; import { TabPanel as TabPanel_2 } from '@microsoft/fast-components'; import { Tabs as Tabs_2 } from '@microsoft/fast-components'; import { TabsOrientation } from '@microsoft/fast-foundation'; import { TextArea as TextArea_2 } from '@microsoft/fast-components'; import { TextField as TextField_2 } from '@microsoft/fast-components'; import { TextFieldOptions } from '@microsoft/fast-foundation'; import { ToastButton } from '@genesislcap/foundation-notifications'; import { ToastPosition } from '@genesislcap/foundation-notifications'; import { Toolbar as Toolbar_2 } from '@microsoft/fast-components'; import { Tooltip as Tooltip_2 } from '@microsoft/fast-components'; import { TreeItem as TreeItem_2 } from '@microsoft/fast-foundation'; import { TreeItem as TreeItem_3 } from '@microsoft/fast-components'; import { TreeItemOptions } from '@microsoft/fast-foundation'; import { TreeView as TreeView_2 } from '@microsoft/fast-foundation'; import { typeRampBaseFontSize } from '@microsoft/fast-components'; import { typeRampBaseLineHeight } from '@microsoft/fast-components'; import { typeRampMinus1FontSize } from '@microsoft/fast-components'; import { typeRampMinus1LineHeight } from '@microsoft/fast-components'; import { typeRampMinus2FontSize } from '@microsoft/fast-components'; import { typeRampMinus2LineHeight } from '@microsoft/fast-components'; import { typeRampPlus1FontSize } from '@microsoft/fast-components'; import { typeRampPlus1LineHeight } from '@microsoft/fast-components'; import { typeRampPlus2FontSize } from '@microsoft/fast-components'; import { typeRampPlus2LineHeight } from '@microsoft/fast-components'; import { typeRampPlus3FontSize } from '@microsoft/fast-components'; import { typeRampPlus3LineHeight } from '@microsoft/fast-components'; import { typeRampPlus4FontSize } from '@microsoft/fast-components'; import { typeRampPlus4LineHeight } from '@microsoft/fast-components'; import { typeRampPlus5FontSize } from '@microsoft/fast-components'; import { typeRampPlus5LineHeight } from '@microsoft/fast-components'; import { typeRampPlus6FontSize } from '@microsoft/fast-components'; import { typeRampPlus6LineHeight } from '@microsoft/fast-components'; import { User } from '@genesislcap/foundation-user'; import { UUID } from '@genesislcap/foundation-utils'; import { ValueConverter } from '@microsoft/fast-element'; import { ViewTemplate } from '@microsoft/fast-element'; export { accentFillActive } export { accentFillActiveDelta } export { accentFillFocus } export { accentFillFocusDelta } export { accentFillHover } export { accentFillHoverDelta } export { accentFillRest } export { accentFillRestDelta } export { accentForegroundActive } export { accentForegroundActiveDelta } export { accentForegroundFocus } export { accentForegroundFocusDelta } export { accentForegroundHover } export { accentForegroundHoverDelta } export { accentForegroundRest } export { accentForegroundRestDelta } export { accentPalette } export declare const accentPaletteValue: PaletteRGB; /** * @tagname %%prefix%%-accordion */ export declare class Accordion extends Accordion_2 { } /** * @tagname %%prefix%%-accordion-item */ export declare class AccordionItem extends AccordionItem_2 { } /** * The Action Menu Item component. * @remarks Used within the Action Menu component. * @public */ export declare type ActionMenuItem = { name: string | ((rowData: any) => string); callback: (rowData: any) => void | any; isDisabled?: (rowData: any) => boolean; color?: string; }; /** * @tagname %%prefix%%-actions-menu */ export declare class ActionsMenu extends FoundationElement { actions: ActionMenuItem[]; isVertical: boolean; addDefaultActions: boolean; autoCloseOnAction: boolean; classNames: string; definition: any; name: string; open: boolean; buttonAppearance: string; hideDisabled: boolean; hideMenuSingleOption: boolean; singleOption: ActionMenuItem; actionsMenu: HTMLElement; actionsOpener: HTMLElement; disconnectedCallback(): void; private updateMenuPosition; protected definitionChanged(oldValue: any, newValue: any): void; protected openChanged(): void; toggleActionsMenuVisibility(): void; onActionMenuItemClick(callback: (rowData: any) => void | any): void; get allActions(): ActionMenuItem[]; get rowData(): any; getLabel(name: string | ((rowData: any) => string)): string; getTemplate(prefix: string): ViewTemplate; } export declare const actionsMenuBaseStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; /** * Mixin that adds prefix/suffix affix support with screen-reader handling to an input field component. * Shared between TextField and NumberField to keep the behaviour consistent and avoid duplication. */ export declare function AffixMixin>(Base: TBase): { new (...args: any[]): { /** * Optional non-editable label shown on the left inside the field, before the input. */ prefix: string; /** * Optional non-editable suffix (e.g. unit label) shown on the right inside the field. */ suffix: string; /** * When true, prefix/suffix are not exposed to assistive technology (`aria-hidden` on affixes, * and their ids are omitted from the control's `aria-describedby`). * Use only when the unit or symbol is redundant with the visible label or other text. * @remarks * By default, affix text is **included** for screen readers: stable ids are assigned to the * affix nodes and referenced from the input's `aria-describedby` (merged with any author * `aria-describedby`), which announces them as supplementary description after the field name * from the label. * For cases where the affix should be part of the accessible **name** instead (e.g. currency * code read as part of the label), set `hide-affix-from-screen-reader` and wire * `aria-labelledby` on the host to reference the label slot and your own elements, or provide * a single `aria-label` that includes the full name. */ hideAffixFromScreenReader: boolean; /** * Merges the host `aria-describedby` with ids of the prefix/suffix nodes when those affixes * are exposed to screen readers. * @internal */ get controlAriaDescribedby(): string | undefined; ariaDescribedby: string | null; id: string; }; } & TBase; declare interface AffixMixinBase { ariaDescribedby: string | null; id: string; } /** * Natural-language criteria search input with AI interpretation. * * @fires criteria-changed - Fired when interpreted criteria is applied or cleared. detail: `string | null` * @fires validation-errors - Fired when interpreted criteria contains invalid clauses. detail: `ValidationError[]` * * @tagname %%prefix%%-ai-criteria-search */ export declare class AiCriteriaSearch extends FoundationElement { providerRegistry: AIProviderRegistry; placeholder: string; disabled: boolean; inputValue: string; isInterpreting: boolean; lastValidCriteria: string | null; activeGroups: CriteriaGroup[]; showingChips: boolean; fieldMetadata: MetadataDetail[] | string[]; isRecording: boolean; textAreaRef: HTMLTextAreaElement; private stopRecording; private speechApplyDebounceTimer; get speechAvailable(): boolean; get criteriaChips(): CriteriaChip[]; private getFieldLabel; toggleCriteriaView(): void; removeChip(groupIndex: number, clauseIndex: number): void; clearChips(): void; handleSubmit(): Promise; handleBlur(): void; clear(): void; toggleSpeechInput(): void; private clearSpeechApplyDebounce; } /** * @tagname %%prefix%%-ai-indicator */ export declare class AiIndicator extends FoundationElement { providerRegistry: AIProviderRegistry; /** * The indicator reflects status for the registry's default provider only — * per-agent provider overrides live with the assistant component, not this * top-level chrome. */ private get aiProvider(); status: AIStatus | null; open: boolean; state: AIIndicatorState; isInstalling: boolean; private pollTimer; private clickOutside; get chromeStatusLabel(): string | null; get canInstall(): boolean; get isDownloading(): boolean; connectedCallback(): Promise; disconnectedCallback(): void; openChanged(): void; private handleClickOutside; toggleDropdown(): void; refreshStatus(): Promise; private deriveState; private maybeStartPolling; private startPolling; private stopPolling; onInstall(): Promise; } export declare type AIIndicatorState = 'available' | 'downloading' | 'downloadable' | 'unavailable' | 'server' | 'none'; /** * @tagname %%prefix%%-anchor */ export declare class Anchor extends Anchor_2 { } /** * @tagname %%prefix%%-anchored-region */ export declare class AnchoredRegion extends AnchoredRegion_2 { } /** * Converts custom tokens to CSS custom properties and sets them on the provider element. * Supports nested token groups which are flattened into kebab-case CSS variable names. * * Example: * Input: { spacing: { padding: { small: { $value: "8px" } } } } * Output: --spacing-padding-small: 8px * * @param provider - The HTML element to set CSS variables on * @param customTokens - The custom tokens object to process * @param prefix - Internal prefix for nested keys (used during recursion) */ export declare const applyCustomTokens: (provider: HTMLElement, customTokens: CustomTokensConfig, prefix?: string) => void; export declare type AvailableOption = { field: T; label: (searchTerm: string) => string; resourceType?: ResourceType; createCriteria: CriteriaCreator; isEnabled?: (searchTerm: string, selectedOptions: SelectedOption[], minLength?: number) => boolean; }; /** * @tagname %%prefix%%-avatar */ export declare class Avatar extends Avatar_2 { } /** * @tagname %%prefix%%-badge */ export declare class Badge extends Badge_2 { } /** * @tagname %%prefix%%-banner */ export declare class Banner extends FoundationElement { banner: HTMLElement; dismissAnimation: 'banner-delete' | ''; notification: NotificationStructure; connectedCallback(): void; /** * Dismiss the Banner from display. */ dismiss(): Promise; /** * Dismiss the Banner (NotificationStructure) from display. */ dismissNotification(): Promise; } export { BASE_EDITABLE_ELEMENT_SELECTORS } export declare const baseComponents: { foundationAccordion: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationAiCriteriaSearch: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }, AiCriteriaSearch>; foundationAiIndicator: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationAccordionItem: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationActionsMenu: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationAnchor: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationAnchoredRegion: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationAvatar: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationBadge: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationBanner: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, Banner>; foundationBreadcrumb: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationBreadcrumbItem: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationButton: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationCalendar: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationCard: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationCategorizedMultiselect: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }, CategorizedMultiselect>; foundationCheckbox: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationCombobox: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationConnectionIndicator: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationDataGrid: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationDataGridCell: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationDataGridRow: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationDatePicker: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, DatePicker>; foundationDesignSystemProvider: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: (context: ElementDefinitionContext) => ElementStyles; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: (context: ElementDefinitionContext) => ElementStyles; }, FoundationDesignSystemProvider>; foundationDialog: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, Dialog>; foundationDisclosure: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationDivider: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationDropdownMenu: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationErrorBanner: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; shadowOptions: ShadowRootInit; }, ErrorBanner>; foundationErrorBoundary: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; shadowOptions: ShadowRootInit; }, ErrorBoundary>; foundationErrorDialog: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }, ErrorDialog>; foundationFileReader: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationFileUpload: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, FileUpload>; foundationFilter: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; }, Filter>; foundationFilterBar: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationFlexLayout: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, FlexLayout>; foundationFlipper: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationFlyout: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, Flyout>; foundationGridLayout: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, GridLayout>; foundationGridLayoutItem: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; shadowOptions: ShadowRootInit; }, GridLayoutItem>; foundationHorizontalScroll: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationIcon: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationListbox: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationListboxOption: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationMenu: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationMenuItem: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationModal: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }, Modal>; foundationMultiselect: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }, Multiselect>; foundationNumberField: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationOptgroup: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationPill: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }, Pill>; foundationPopper: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; }, Popper>; foundationProgress: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationProgressRing: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationRadio: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationRadioGroup: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationScheduler: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, Scheduler>; foundationSchedulerCronBuilder: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, SchedulerCronBuilder>; foundationSchedulerTimezone: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, SchedulerTimezone>; foundationSearchBar: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }, SearchBar>; foundationSearchBarCombobox: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationSegmentedControl: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationSegmentedItem: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationSelect: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationSkeleton: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationSlider: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationSliderLabel: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationSnackbar: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, Snackbar>; foundationStackingIcons: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationStatusPill: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; }, StatusPill>; foundationEnvironmentIndicator: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; }, EnvironmentIndicator>; foundationStepperTab: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationStepperTabPanel: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: FoundationElementTemplate>; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: FoundationElementTemplate>; shadowOptions: ShadowRootInit; }, StepperTabPanel>; foundationSwitch: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationSystemHealthOverlay: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationTab: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationTabPanel: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationTabs: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationTextArea: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationTextField: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationToast: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, Toast>; foundationToolbar: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationTooltip: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationTreeItem: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; foundationTreeView: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationUrlInput: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; foundationVerificationCodeInput: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }, VerificationCodeInput>; foundationSectionNavigator: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }, SectionNavigator>; register(container?: Container, ...rest: any[]): void; }; export declare type baseConfig = { frequency?: string; hours?: string; minutes?: string; seconds?: string; }; export declare abstract class BaseDatasource extends BaseDatasource_base { connect: Connect; datasource: Datasource; withGridInit: boolean; criteria: string; criteriaChanged(oldCriteria: string, newCriteria: string): void; data: any[]; dataChanged(oldValue: any): void; fields: string; isSnapshot: boolean; maxRows: number; maxView: number; /** * Sort field(s) for the resource. When using OFFSET-based paging (e.g. * `options-datasource`'s `infinite-scroll`), the server has no other guaranteed row * ordering between requests, so a stable `orderBy` is required to avoid rows shifting * across pages (duplicates/gaps) as the underlying data changes between fetches. */ orderBy: string; request: any; requestChanged(oldValue: any, newValue: any): void; private refetchIfInitializedAndChanged; resourceName: string; reverse: boolean; /** * Explicit override for the field that uniquely identifies a row. * * @remarks * Leave unset (the default) and the id is derived from the resolved resource type via * {@link BaseDatasource.effectiveRowId} - `ROW_REF` for DATASERVER rows, `RECORD_ID` for * REQUEST_SERVER (request/reply) rows. Only set this when a resource uses a non-standard * identifier; a hardcoded value silently breaks if the datasource is later repointed at a * different resource type. * @public */ rowId: string; /** * Enabled by default, will format UNIX timestamp fields to readable [DATE|DATETIME] values. * @public */ withTimestampFormatting: boolean; set datasourceConfig(config: DatasourceOptions); requiresFullDataRefresh: boolean; dataSub: Subscription; protected sourceRef: string; /** * Whether the server reported more rows are available beyond the ones already fetched. */ protected moreRowsAvailable: boolean; /** * The OFFSET to request the next page from, for REQUEST_SERVER paging. */ protected nextRequestOffset: number; rowsSyncedWithStream: Map; dataSubWasLoggedOff: boolean; private criteriaFromFilters; update: BehaviorSubject>; private fetchGeneration; disconnectedCallback(): void; /** * The field used to key rows into {@link BaseDatasource.rowsSyncedWithStream}. * * @remarks * An explicit {@link BaseDatasource.rowId} always wins. Otherwise the id is derived from the * resolved resource type: REQUEST_SERVER (request/reply) rows carry no `ROW_REF` and are * identified by `RECORD_ID`, while DATASERVER rows use `ROW_REF`. Computed from the current * `resourceType` on every access, so repointing across resource types stays correct. * * `resourceType` is only known after `datasource.init()`; before then this falls back to the * DATASERVER default, which is harmless because no rows are keyed until data arrives. * @public */ get effectiveRowId(): string; reset(): void; abstract clearData(): void; abstract syncComponentData(snapshotData?: any[]): void; abstract handleStreamInserts(insertedRows: any[]): void; abstract handleStreamDeletes(deletedRows: any[]): void; abstract handleStreamUpdates(updatedRows: any[]): void; fetchGenesisData(withFullInit?: boolean): Promise; initDatasource(): Promise; /** * Whether a further page of rows can be requested from the server. * @public */ canRequestMoreRows(): boolean; /** * Requests the next page of rows (up to `maxRows`) from the server. * * @remarks * For DATASERVER resources a MORE_ROWS message is sent against the active stream's view and * the rows are delivered as inserts on the existing stream subscription. For REQUEST_SERVER * resources the next page is requested by OFFSET and delivered via `handleStreamInserts`. * @public */ requestMoreRows(): Promise; /** * Row extraction identical to `Datasource.snapshotFiltered`, kept local so the raw * response (with MORE_ROWS/NEXT_OFFSET paging metadata) remains available. */ private filterSnapshotResult; private updateRequestPagingState; private initialRequestOffset; private datasourceOptions; private handleStreamUpdate; applyRequestServerData(requestServerResult: RequestServerResult): void; applyDataserverData(dataServerResult: FilteredDataServerResult): void; private buildCriteria; setFilter(fieldName: string, newFilter: string): void; removeFilter(fieldName: string): void; handleError(params?: BaseDatasourceErrorHandlingOptions): void; getFieldMetadata(fieldName: string): FieldMetadata; getDefaultLabelFormat(field: any, type: FieldTypeEnum): any; } declare const BaseDatasource_base: new () => { datasourceStatus: DatasourceStatus; resourceName: string; data?: unknown; onDatasourceStatusChanged: (event: DatasourceStatusChangedEvent) => void; datasourceStatusChanged(prev: DatasourceStatus, next: DatasourceStatus): void; connectedCallback(): void; disconnectedCallback(): void; accessKey: string; readonly accessKeyLabel: string; autocapitalize: string; autocorrect: boolean; dir: string; draggable: boolean; hidden: boolean; inert: boolean; innerText: string; lang: string; readonly offsetHeight: number; readonly offsetLeft: number; readonly offsetParent: Element | null; readonly offsetTop: number; readonly offsetWidth: number; outerText: string; popover: string | null; spellcheck: boolean; title: string; translate: boolean; writingSuggestions: string; attachInternals(): ElementInternals; click(): void; hidePopover(): void; showPopover(): void; togglePopover(options?: boolean): boolean; addEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | AddEventListenerOptions): void; addEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | AddEventListenerOptions): void; removeEventListener(type: K, listener: (this: HTMLElement, ev: HTMLElementEventMap[K]) => any, options?: boolean | EventListenerOptions): void; removeEventListener(type: string, listener: EventListenerOrEventListenerObject, options?: boolean | EventListenerOptions): void; readonly attributes: NamedNodeMap; get classList(): DOMTokenList; set classList(value: string): any; className: string; readonly clientHeight: number; readonly clientLeft: number; readonly clientTop: number; readonly clientWidth: number; readonly currentCSSZoom: number; id: string; innerHTML: string; readonly localName: string; readonly namespaceURI: string | null; onfullscreenchange: ((this: Element, ev: Event) => any) | null; onfullscreenerror: ((this: Element, ev: Event) => any) | null; outerHTML: string; readonly ownerDocument: Document; get part(): DOMTokenList; set part(value: string): any; readonly prefix: string | null; readonly scrollHeight: number; scrollLeft: number; scrollTop: number; readonly scrollWidth: number; readonly shadowRoot: ShadowRoot | null; slot: string; readonly tagName: string; attachShadow(init: ShadowRootInit): ShadowRoot; checkVisibility(options?: CheckVisibilityOptions): boolean; closest(selector: K): HTMLElementTagNameMap[K] | null; closest(selector: K): SVGElementTagNameMap[K] | null; closest(selector: K): MathMLElementTagNameMap[K] | null; closest(selectors: string): E | null; computedStyleMap(): StylePropertyMapReadOnly; getAttribute(qualifiedName: string): string | null; getAttributeNS(namespace: string | null, localName: string): string | null; getAttributeNames(): string[]; getAttributeNode(qualifiedName: string): Attr | null; getAttributeNodeNS(namespace: string | null, localName: string): Attr | null; getBoundingClientRect(): DOMRect; getClientRects(): DOMRectList; getElementsByClassName(classNames: string): HTMLCollectionOf; getElementsByTagName(qualifiedName: K): HTMLCollectionOf; getElementsByTagName(qualifiedName: K): HTMLCollectionOf; getElementsByTagName(qualifiedName: K): HTMLCollectionOf; getElementsByTagName(qualifiedName: K): HTMLCollectionOf; getElementsByTagName(qualifiedName: string): HTMLCollectionOf; getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1999/xhtml", localName: string): HTMLCollectionOf; getElementsByTagNameNS(namespaceURI: "http://www.w3.org/2000/svg", localName: string): HTMLCollectionOf; getElementsByTagNameNS(namespaceURI: "http://www.w3.org/1998/Math/MathML", localName: string): HTMLCollectionOf; getElementsByTagNameNS(namespace: string | null, localName: string): HTMLCollectionOf; getHTML(options?: GetHTMLOptions): string; hasAttribute(qualifiedName: string): boolean; hasAttributeNS(namespace: string | null, localName: string): boolean; hasAttributes(): boolean; hasPointerCapture(pointerId: number): boolean; insertAdjacentElement(where: InsertPosition, element: Element): Element | null; insertAdjacentHTML(position: InsertPosition, string: string): void; insertAdjacentText(where: InsertPosition, data: string): void; matches(selectors: string): boolean; releasePointerCapture(pointerId: number): void; removeAttribute(qualifiedName: string): void; removeAttributeNS(namespace: string | null, localName: string): void; removeAttributeNode(attr: Attr): Attr; requestFullscreen(options?: FullscreenOptions): Promise; requestPointerLock(options?: PointerLockOptions): Promise; scroll(options?: ScrollToOptions): void; scroll(x: number, y: number): void; scrollBy(options?: ScrollToOptions): void; scrollBy(x: number, y: number): void; scrollIntoView(arg?: boolean | ScrollIntoViewOptions): void; scrollTo(options?: ScrollToOptions): void; scrollTo(x: number, y: number): void; setAttribute(qualifiedName: string, value: string): void; setAttributeNS(namespace: string | null, qualifiedName: string, value: string): void; setAttributeNode(attr: Attr): Attr | null; setAttributeNodeNS(attr: Attr): Attr | null; setHTMLUnsafe(html: string): void; setPointerCapture(pointerId: number): void; toggleAttribute(qualifiedName: string, force?: boolean): boolean; webkitMatchesSelector(selectors: string): boolean; textContent: string; readonly baseURI: string; readonly childNodes: NodeListOf; readonly firstChild: ChildNode | null; readonly isConnected: boolean; readonly lastChild: ChildNode | null; readonly nextSibling: ChildNode | null; readonly nodeName: string; readonly nodeType: number; nodeValue: string | null; readonly parentElement: HTMLElement | null; readonly parentNode: ParentNode | null; readonly previousSibling: ChildNode | null; appendChild(node: T): T; cloneNode(subtree?: boolean): Node; compareDocumentPosition(other: Node): number; contains(other: Node | null): boolean; getRootNode(options?: GetRootNodeOptions): Node; hasChildNodes(): boolean; insertBefore(node: T, child: Node | null): T; isDefaultNamespace(namespace: string | null): boolean; isEqualNode(otherNode: Node | null): boolean; isSameNode(otherNode: Node | null): boolean; lookupNamespaceURI(prefix: string | null): string | null; lookupPrefix(namespace: string | null): string | null; normalize(): void; removeChild(child: T): T; replaceChild(node: Node, child: T): T; readonly ELEMENT_NODE: 1; readonly ATTRIBUTE_NODE: 2; readonly TEXT_NODE: 3; readonly CDATA_SECTION_NODE: 4; readonly ENTITY_REFERENCE_NODE: 5; readonly ENTITY_NODE: 6; readonly PROCESSING_INSTRUCTION_NODE: 7; readonly COMMENT_NODE: 8; readonly DOCUMENT_NODE: 9; readonly DOCUMENT_TYPE_NODE: 10; readonly DOCUMENT_FRAGMENT_NODE: 11; readonly NOTATION_NODE: 12; readonly DOCUMENT_POSITION_DISCONNECTED: 1; readonly DOCUMENT_POSITION_PRECEDING: 2; readonly DOCUMENT_POSITION_FOLLOWING: 4; readonly DOCUMENT_POSITION_CONTAINS: 8; readonly DOCUMENT_POSITION_CONTAINED_BY: 16; readonly DOCUMENT_POSITION_IMPLEMENTATION_SPECIFIC: 32; dispatchEvent(event: Event): boolean; ariaActiveDescendantElement: Element | null; ariaAtomic: string | null; ariaAutoComplete: string | null; ariaBrailleLabel: string | null; ariaBrailleRoleDescription: string | null; ariaBusy: string | null; ariaChecked: string | null; ariaColCount: string | null; ariaColIndex: string | null; ariaColIndexText: string | null; ariaColSpan: string | null; ariaControlsElements: ReadonlyArray | null; ariaCurrent: string | null; ariaDescribedByElements: ReadonlyArray | null; ariaDescription: string | null; ariaDetailsElements: ReadonlyArray | null; ariaDisabled: string | null; ariaErrorMessageElements: ReadonlyArray | null; ariaExpanded: string | null; ariaFlowToElements: ReadonlyArray | null; ariaHasPopup: string | null; ariaHidden: string | null; ariaInvalid: string | null; ariaKeyShortcuts: string | null; ariaLabel: string | null; ariaLabelledByElements: ReadonlyArray | null; ariaLevel: string | null; ariaLive: string | null; ariaModal: string | null; ariaMultiLine: string | null; ariaMultiSelectable: string | null; ariaOrientation: string | null; ariaOwnsElements: ReadonlyArray | null; ariaPlaceholder: string | null; ariaPosInSet: string | null; ariaPressed: string | null; ariaReadOnly: string | null; ariaRelevant: string | null; ariaRequired: string | null; ariaRoleDescription: string | null; ariaRowCount: string | null; ariaRowIndex: string | null; ariaRowIndexText: string | null; ariaRowSpan: string | null; ariaSelected: string | null; ariaSetSize: string | null; ariaSort: string | null; ariaValueMax: string | null; ariaValueMin: string | null; ariaValueNow: string | null; ariaValueText: string | null; role: string | null; animate(keyframes: Keyframe[] | PropertyIndexedKeyframes | null, options?: number | KeyframeAnimationOptions): Animation; getAnimations(options?: GetAnimationsOptions): Animation[]; after(...nodes: (Node | string)[]): void; before(...nodes: (Node | string)[]): void; remove(): void; replaceWith(...nodes: (Node | string)[]): void; readonly nextElementSibling: Element | null; readonly previousElementSibling: Element | null; readonly childElementCount: number; readonly children: HTMLCollection; readonly firstElementChild: Element | null; readonly lastElementChild: Element | null; append(...nodes: (Node | string)[]): void; prepend(...nodes: (Node | string)[]): void; querySelector(selectors: K): HTMLElementTagNameMap[K] | null; querySelector(selectors: K): SVGElementTagNameMap[K] | null; querySelector(selectors: K): MathMLElementTagNameMap[K] | null; querySelector(selectors: K): HTMLElementDeprecatedTagNameMap[K] | null; querySelector(selectors: string): E | null; querySelectorAll(selectors: K): NodeListOf; querySelectorAll(selectors: K): NodeListOf; querySelectorAll(selectors: K): NodeListOf; querySelectorAll(selectors: K): NodeListOf; querySelectorAll(selectors: string): NodeListOf; replaceChildren(...nodes: (Node | string)[]): void; readonly assignedSlot: HTMLSlotElement | null; readonly attributeStyleMap: StylePropertyMap; get style(): CSSStyleDeclaration; set style(cssText: string): any; contentEditable: string; enterKeyHint: string; inputMode: string; readonly isContentEditable: boolean; onabort: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null; onanimationcancel: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null; onanimationend: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null; onanimationiteration: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null; onanimationstart: ((this: GlobalEventHandlers, ev: AnimationEvent) => any) | null; onauxclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onbeforeinput: ((this: GlobalEventHandlers, ev: InputEvent) => any) | null; onbeforematch: ((this: GlobalEventHandlers, ev: Event) => any) | null; onbeforetoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null; onblur: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null; oncancel: ((this: GlobalEventHandlers, ev: Event) => any) | null; oncanplay: ((this: GlobalEventHandlers, ev: Event) => any) | null; oncanplaythrough: ((this: GlobalEventHandlers, ev: Event) => any) | null; onchange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onclick: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onclose: ((this: GlobalEventHandlers, ev: Event) => any) | null; oncontextlost: ((this: GlobalEventHandlers, ev: Event) => any) | null; oncontextmenu: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; oncontextrestored: ((this: GlobalEventHandlers, ev: Event) => any) | null; oncopy: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null; oncuechange: ((this: GlobalEventHandlers, ev: Event) => any) | null; oncut: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null; ondblclick: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; ondrag: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondragend: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondragenter: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondragleave: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondragover: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondragstart: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondrop: ((this: GlobalEventHandlers, ev: DragEvent) => any) | null; ondurationchange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onemptied: ((this: GlobalEventHandlers, ev: Event) => any) | null; onended: ((this: GlobalEventHandlers, ev: Event) => any) | null; onerror: OnErrorEventHandler; onfocus: ((this: GlobalEventHandlers, ev: FocusEvent) => any) | null; onformdata: ((this: GlobalEventHandlers, ev: FormDataEvent) => any) | null; ongotpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; oninput: ((this: GlobalEventHandlers, ev: Event) => any) | null; oninvalid: ((this: GlobalEventHandlers, ev: Event) => any) | null; onkeydown: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null; onkeypress: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null; onkeyup: ((this: GlobalEventHandlers, ev: KeyboardEvent) => any) | null; onload: ((this: GlobalEventHandlers, ev: Event) => any) | null; onloadeddata: ((this: GlobalEventHandlers, ev: Event) => any) | null; onloadedmetadata: ((this: GlobalEventHandlers, ev: Event) => any) | null; onloadstart: ((this: GlobalEventHandlers, ev: Event) => any) | null; onlostpointercapture: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onmousedown: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmouseenter: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmouseleave: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmousemove: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmouseout: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmouseover: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onmouseup: ((this: GlobalEventHandlers, ev: MouseEvent) => any) | null; onpaste: ((this: GlobalEventHandlers, ev: ClipboardEvent) => any) | null; onpause: ((this: GlobalEventHandlers, ev: Event) => any) | null; onplay: ((this: GlobalEventHandlers, ev: Event) => any) | null; onplaying: ((this: GlobalEventHandlers, ev: Event) => any) | null; onpointercancel: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerdown: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerenter: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerleave: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointermove: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerout: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerover: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onpointerrawupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null; onpointerup: ((this: GlobalEventHandlers, ev: PointerEvent) => any) | null; onprogress: ((this: GlobalEventHandlers, ev: ProgressEvent) => any) | null; onratechange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onreset: ((this: GlobalEventHandlers, ev: Event) => any) | null; onresize: ((this: GlobalEventHandlers, ev: UIEvent) => any) | null; onscroll: ((this: GlobalEventHandlers, ev: Event) => any) | null; onscrollend: ((this: GlobalEventHandlers, ev: Event) => any) | null; onsecuritypolicyviolation: ((this: GlobalEventHandlers, ev: SecurityPolicyViolationEvent) => any) | null; onseeked: ((this: GlobalEventHandlers, ev: Event) => any) | null; onseeking: ((this: GlobalEventHandlers, ev: Event) => any) | null; onselect: ((this: GlobalEventHandlers, ev: Event) => any) | null; onselectionchange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onselectstart: ((this: GlobalEventHandlers, ev: Event) => any) | null; onslotchange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onstalled: ((this: GlobalEventHandlers, ev: Event) => any) | null; onsubmit: ((this: GlobalEventHandlers, ev: SubmitEvent) => any) | null; onsuspend: ((this: GlobalEventHandlers, ev: Event) => any) | null; ontimeupdate: ((this: GlobalEventHandlers, ev: Event) => any) | null; ontoggle: ((this: GlobalEventHandlers, ev: ToggleEvent) => any) | null; ontouchcancel?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined; ontouchend?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined; ontouchmove?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined; ontouchstart?: ((this: GlobalEventHandlers, ev: TouchEvent) => any) | null | undefined; ontransitioncancel: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null; ontransitionend: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null; ontransitionrun: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null; ontransitionstart: ((this: GlobalEventHandlers, ev: TransitionEvent) => any) | null; onvolumechange: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwaiting: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwebkitanimationend: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwebkitanimationiteration: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwebkitanimationstart: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwebkittransitionend: ((this: GlobalEventHandlers, ev: Event) => any) | null; onwheel: ((this: GlobalEventHandlers, ev: WheelEvent) => any) | null; autofocus: boolean; readonly dataset: DOMStringMap; nonce?: string; tabIndex: number; blur(): void; focus(options?: FocusOptions): void; readonly $fastController: Controller; $emit(type: string, detail?: any, options?: Omit): boolean | void; attributeChangedCallback(name: string, oldValue: string, newValue: string): void; }; export declare interface BaseDatasourceErrorHandlingOptions { message?: string; loggerType?: LogType; loggerArgs?: any[]; } /** * Abstract base class for file handling components * Provides common functionality for file selection, validation, and UI state management * @beta * * @fires error - Fired when file size validation fails. detail: `Error` * @fires clear - Fired when selection is cleared */ export declare abstract class BaseFileComponent extends FoundationElement { fileInput: HTMLInputElement; protected selectedFile: File | null; label: string; accept: string; fileSizeLimitBytes: number; fileName: string; isProcessing: boolean; /** * Opens the file picker dialog * Clears any previous file selection before opening */ handleClick(): void; /** * Handles file selection from the file input * Validates file size and sets up for processing * @param e - The change event from the file input */ onInputChange(e: Event): void; /** * Clears all file selection and processing state * Resets the component to its initial state */ clearSelection(): void; /** * Gets the currently selected file object * @returns The selected File object or null if no file is selected */ getSelectedFile(): File; /** * Shows an error notification using the unified error handling system * @param title - The error title * @param message - The error message */ protected showError(title: string, message: string): void; /** * Abstract method called when a file is selected * @param files - The selected file */ protected abstract onFileSelected(files: File[]): void; /** * Abstract method called when file selection is cleared */ protected abstract onFileCleared(): void; } export { baseHeightMultiplier } export { baseLayerLuminance } export declare const baseLayerLuminanceValue: 0.23; /** * @internal */ export declare const black: SwatchRGB; export { bodyFont } /** * @tagname %%prefix%%-breadcrumb */ export declare class Breadcrumb extends Breadcrumb_2 { } /** * @tagname %%prefix%%-breadcrumb-item */ export declare class BreadcrumbItem extends BreadcrumbItem_2 { } export { buildEditableElementSelector } /** * @tagname %%prefix%%-button */ export declare class Button extends Button_2 { } /** * @tagname %%prefix%%-calendar */ export declare class Calendar extends Calendar_3 { } declare class Calendar_2 { today: Day; year: number; month: Month; lang: string; weekDays: Day['day'][]; constructor(year?: any, monthNumber?: any, lang?: string); getMonth(monthNumber: any): Month; getPreviousMonth(): Month; getNextMonth(): Month; goToDate(monthNumber: any, year: any): void; goToNextYear(): void; goToPreviousYear(): void; goToNextMonth(): void; goToPreviousMonth(): void; } /** * @tagname %%prefix%%-card */ export declare class Card extends Card_2 { } /** * @tagname %%prefix%%-categorized-multiselect * * @fires selectionChange - Fired when the selected options change. detail: `string[]` */ export declare class CategorizedMultiselect extends FoundationElement { name: string; autoPosition: boolean; search: boolean; disabled: boolean; defaultSlottedNodes: Node[]; valueFormatter: any; filterSearchValue: string; private clickOutside; open: boolean; openChanged(previous: boolean, open: boolean): void; options: CategorizedMultiselectOption[]; selectedOptions: string[]; filteredAvailableOptions: CategorizedMultiselectFilteredOption[]; /** * Controls the positioning of the multiselect dropdown. Accepts the following values: * - Position.ABOVE: Forces the dropdown to always open above the input field. * - Position.BELOW: Forces the dropdown to always open below the input field. */ position: Position; optionsElement: HTMLElement; connectedCallback(): void; disconnectedCallback(): void; toggle(): void; sortFilteredOptions(options?: CategorizedMultiselectOption[]): CategorizedMultiselectFilteredOption[]; optionsChanged(): void; /** * Sets the dropdown position based on the current configuration. * @remarks * If `autoPosition` is `true`, this method calculates the available space above and below the input field in the viewport and positions the dropdown accordingly. * This ensures the dropdown is always visible to the user. If `autoPosition` is `false`, the dropdown position is locked to either 'above' or 'below', as specified by the `position` attribute. * This method is intended for internal use by the component and is marked as private. * @private */ private setDropdownPosition; optionGetter(option: CategorizedMultiselectOption): string; getItemLabel(option: CategorizedMultiselectOption): any; isOptionDisabled(option: CategorizedMultiselectOption): boolean; get getPlaceholder(): string; isOptionSelected(normalizedOption: CategorizedMultiselectOption): boolean; selectCheckboxOne(normalizedOption: CategorizedMultiselectOption): void; setFilter(): void; changeHandler(event: Event): void; private handleClickOutside; } export declare type CategorizedMultiselectFilteredOption = { type: string; options: Omit; }; export declare type CategorizedMultiselectOption = { type: string; value: string; label: string; description?: string; disabled?: boolean; icon?: string; iconColor?: string; svg?: string; }; export declare const categorizedMultiselectStyles: ElementStyles; export declare const categorizedMultiselectTemplate: ViewTemplate; /** * @tagname %%prefix%%-checkbox */ export declare class Checkbox extends Checkbox_2 { } export declare interface ClearAllStatesEventDetail { sectionName?: string; } /** * Options for clearing the multiselect component */ export declare interface ClearOptions { /** Whether to clear selected values (default: true) */ clearSelectedValues?: boolean; /** Whether to clear filter text (default: true) */ clearFilterText?: boolean; } export declare interface ClearStateEventDetail { sectionName: string; stateName: SectionItemStateName; } /** * Operator names for the server expression * Mapped to the RuleExpression names where possible * @internal **/ export declare const clientOperators: { EQUALS: "EQUALS"; NOT_EQUALS: "NOT_EQUALS"; IS_NULL: string; NOT_NULL: string; IS_NULL_OR_BLANK: string; NOT_NULL_OR_BLANK: string; CONTAINS: string; CONTAINS_WORDS_STARTING_WITH: string; CONTAINS_WORDS_STARTING_SPLIT_DELIMITER: string; GREATER_THAN: "GREATER_THAN"; GREATER_THAN_OR_EQUAL: "GREATER_THAN_OR_EQUAL"; LESS_THAN: "LESS_THAN"; LESS_THAN_OR_EQUAL: "LESS_THAN_OR_EQUAL"; IS_BEFORE: string; IS_AFTER: string; ON_OR_BEFORE: string; ON_OR_AFTER: string; IS_CURRENT: "IS_CURRENT"; IS_PREVIOUS: "IS_PREVIOUS"; }; export declare const closeIcon: (slot?: string, fill?: string) => string; export declare const COMBO_INPUT_MIN_LENGTH = 1; /** * @tagname %%prefix%%-combobox * * @fires change - Fired when a selection is confirmed in autocomplete-both mode * @fires open-change - Fired when the dropdown opens or closes. detail: `OpenChangeEventDetail` */ export declare class Combobox extends Combobox_2 { #private; private _ourValue; private needManualChangeEventDispatch; get activeDescendant(): string; slottedDatasource: HTMLSlotElement; /** * Enables server-side filtering: typed input refetches from the server with a criteria * instead of filtering the already-loaded options client-side. * * @remarks * Automatically forced to `true` (overriding an explicit `async="false"`) when the * slotted datasource has `infinite-scroll` enabled — see * {@link Combobox.enableAsyncForInfiniteScrollDatasource}. With only a page of the * resource loaded, client-side filtering would silently only search that page. */ async: boolean; debounce: number; debounceChanged(oldValue: any, newValue: number): void; debouncedInputHandler: any; /** Controls whether to perform a case-sensitive search in the list of options */ caseSensitive: boolean; /** Controls whether to suppress opening the dropdown when the input field is clicked */ ignoreInputClick: boolean; /** Controls whether to filter by contains or startsWith */ filterMode: FilterMode; /** * Controls whether the combobox should always scroll to the selected option when the dropdown is opened * @experimental */ scrollToSelectedWhenOpening: boolean; /** * Options for scrolling to the selected option when the dropdown is opened * @experimental */ scrollToSelectedWhenOpeningOptions: boolean | ScrollIntoViewOptions; /** * Controls whether the combobox should scroll to the selected option when the selection changes * @experimental */ scrollWhenSelectionChanges: boolean; /** * Options for scrolling to the selected option when the selection changes * @experimental */ scrollWhenSelectionChangesOptions: boolean | ScrollIntoViewOptions; /** * The scrollable element hosting the dropdown options. Part of the public contract for * slotted datasources (e.g. options-datasource infinite scroll) to observe scrolling. * @public */ get scrollableListbox(): HTMLElement | null; openChanged(): void; get value(): string; set value(next: string); slottedOptionsChanged(prev: Element[] | undefined, next: Element[]): void; /** * When the slotted datasource pages its options (infinite scroll), only a page of the * resource is loaded client-side, so filtering typed input locally is meaningless. * Switch to async mode so input refetches from the server with a criteria instead; * further pages honour that criteria. This overrides an explicit `async="false"` on * the combobox — infinite-scroll datasources cannot support client-side filtering. */ private enableAsyncForInfiniteScrollDatasource; filterOptions(): void; clickHandler(e: MouseEvent): boolean | void; keydownHandler(e: KeyboardEvent): boolean | void; keyupHandler(e: KeyboardEvent): boolean | void; /** * Gets the HTML element for the indicator button * * @protected */ protected get indicator(): Element; /** * Selects an item in the dropdown based on its text value * * @param value - The text value of the item to be selected * @protected */ protected selectItemByValue(value: string): void; inputHandler(e: InputEvent): boolean | void; asyncSetFilter(): void; resetCombobox: () => void; private manuallyDispatchChangeEvent; } export declare const configureDesignSystem: (provider: HTMLElement, config: Partial | DesignTokensConfig) => void; /** * Configure the environment indicator * @param options - the options to configure the environment indicator */ export declare function configureEnvironmentIndicator(options?: EnvironmentIndicatorConfig): Promise; /** * @tagname %%prefix%%-connection-indicator */ export declare class ConnectionIndicator extends FoundationElement { connect: Connect; session: Session; showLabel: boolean; label: string; colour: 'red' | 'green'; private subscription; connectedCallback(): void; disconnectedCallback(): void; getLabel(connected: boolean): string; } declare type Constructor = new (...args: any[]) => T; export { controlCornerRadius } export declare const controlCornerRadiusValue = 4; /** * @public * Unit for date countdown. Rounds down to the nearest whole number. If not seconds and time is greater than zero but less than the smallest unit it will show >1m or >1h. */ export declare type CountdownUnit = 'hour' | 'minute' | 'second'; export declare function createDesignSystemProxy(designSystem: DesignSystem): DesignSystem; export declare const createFormData: (files: Array) => FormData; export declare type CriteriaChip = { groupIndex: number; clauseIndex: number; fieldLabel: string; operatorLabel: string; valueLabel: string; }; export declare type CriteriaClause = { field: string; operator: CriteriaOperator; value: string | number | boolean | null; }; declare type CriteriaCreator = (type: T, term: string) => string; export declare type CriteriaGroup = { logic: 'and' | 'or'; negated?: boolean; clauses: CriteriaClause[]; }; export declare type CriteriaIR = { groups: CriteriaGroup[]; errors?: ValidationError[]; }; /** * Intermediate representation for AI-generated criteria. * AI produces this; validation checks against schema. * * @public */ export declare type CriteriaOperator = 'contains' | 'equals' | 'startsWith' | 'endsWith' | 'greaterThan' | 'lessThan' | 'greaterThanOrEqual' | 'lessThanOrEqual' | 'notEqual' | 'dateIsToday' | 'dateIsAfter' | 'dateIsBefore' | 'dateIsEqual' | 'dateIsGreaterEqual' | 'dateIsLessEqual' | 'dateTimeIsAfter' | 'dateTimeIsBefore' | 'dateTimeIsGreaterEqual' | 'dateTimeIsLessEqual'; export declare const CRON_LENGTH = 6; export declare type CronBuilderEventDetailMap = { [CronBuilderEvents.updateCronConfig]: DailyConfig | WeeklyConfig | MonthlyConfig | YearlyConfig; }; export declare enum CronBuilderEvents { updateCronConfig = "update-cron-config" } export declare type CronConfig = MinutesConfig | HourlyConfig | DailyConfig | WeeklyConfig | MonthlyConfig | YearlyConfig; declare type CronConfig_2 = { timezone: string; cronExpression: string; }; export declare const crossIcon: (slot?: string) => string; export declare class CSSVarsTokenMapper extends CSSDirective { private tokenMap; constructor(tokenMap: CSSVarTokenMap); private createTokenPartial; private createTokensCSS; createCSS(): string; } export declare type CSSVarTokenMap = Partial>>; export declare interface CustomTokensConfig { [key: string]: CustomTokenValue; } /** * Custom tokens can be either a token value or nested token groups. * This allows for arbitrary nesting depth (e.g., spacing.padding.small) */ export declare type CustomTokenValue = DesignToken | { [key: string]: CustomTokenValue; }; export declare type DailyConfig = { type: RecurrenceType.DAILY; weekType: WeekType; } & baseConfig; /** * @tagname %%prefix%%-data-grid */ export declare class DataGrid extends DataGrid_2 { } /** * @tagname %%prefix%%-data-grid-cell */ export declare class DataGridCell extends DataGridCell_2 { } /** * Datasource element for data grid row loading. * @public * * @tagname data-grid-datasource */ export declare class DataGridDatasource extends BaseDatasource { private dataGrid; isSnapshot: boolean; connectedCallback(): Promise; private getColumnDefs; clearData(): void; syncComponentData(snapshotData?: any[]): void; handleStreamInserts(insertedRows: any[]): void; handleStreamDeletes(deletedRows: any[]): void; handleStreamUpdates(updatedRows: any[]): void; } /** * @tagname %%prefix%%-data-grid-row */ export declare class DataGridRow extends DataGridRow_2 { } export declare const DATE_OPERATORS: CriteriaOperator[]; /** * Internal wire format for the date picker's `value` attribute. * Display formatting is independent (see `format` / `getDisplayFormatForLang`). * @public */ export declare const DATE_PICKER_VALUE_FORMAT = "MM-DD-YYYY"; /** @internal */ export declare enum DateOrDay { DATE = "Date", DAY_OF_MONTH = "Day of month" } /** * @tagname %%prefix%%-date-picker * * @fires value-changed - Fired when the date is changed in the calendar. detail: `string | undefined` */ export declare class DatePicker extends FoundationElement { /** * @attr format - date format that will be displayed. * @default 'MM-DD-YYYY * @example * Date picker with day, month, year * ```html * * * ``` */ format: string; formatChanged(oldValue: string, newValue: string): void; lang: string; langChanged(): void; /** * @attr use-locale-format - when true, `format` is set from dayjs locale `L`. * Uses the browser locale (`navigator.language`) unless `lang` is set on the element. * @default false */ useLocaleFormat: boolean; useLocaleFormatChanged(oldValue: boolean, newValue: boolean): void; visible: boolean; /** * @attr inline-calendar - display the calendar beneath the value display. * @default false * @example * Date picker inline and always visible * ```html * * * ``` */ inlineCalendar: boolean; inlineCalendarChanged(): void; /** * @attr hide-weekends - hides the weekend days from the calendar * @default false * @example * Date picker with weekends hidden * ```html * * * ``` */ hideWeekends: boolean; hideWeekendsCalendarChanged(): void; /** * @attr position - positions the calendar picker relative to the input control. * @default bottom * @example * To position the calendar to the right. * ```html * * * ``` */ position: 'bottom' | 'top' | 'left' | 'right'; /** * @attr label - the label that will be displayed next to the date input text field * @example * To add a label with the value "Trade Date" * ```html * * * ``` */ label: string; /** * @attr allow-empty - when true, no initial date is selected; the input shows a placeholder until the user picks a date. * @default false * @example * ```html * * ``` */ allowEmpty: boolean; /** * @attr placeholder - hint shown when allow-empty is set and no date is selected. Defaults from `format` (e.g. DD/MM/YYYY → dd/mm/yyyy). */ placeholder: string; /** * @attr value - sets the value of the date picker * @example * To set a value of January 1st 2025, assuming MM/DD/YYYY date format * ```html * * * ``` */ value: string; valueChanged(oldValue: string, newValue: string): void; /** * @internal */ currentDate: Day; /** * @internal */ currentMonth: string; /** * @internal */ currentYear: number; /** * @internal */ calendarDropdownClasses: string; /** * @internal */ formatDate: string; /** * @internal */ monthList: Day[]; /** * @public disabledDaysOfWeek - an array of numbers disabling days of the week. * Sunday = 1, Monday = 2, Tuesday = 3, Wednesday = 4, Thursday = 5, Friday = 6, Saturday = 7 * @example * To disable Saturday and Sunday. * ```html * * * ``` */ disabledDaysOfWeek: number[]; calendar: Calendar_2; substringNumber: number; private suppressValueChanged; private cachedFormat; disconnectedCallback(): void; connectedCallback(): void; /** * Clears the selected date (only when `allow-empty` is enabled). * @public */ clear(): void; /** * @internal */ get inputValue(): string; /** * @internal */ get inputPlaceholder(): string; /** * Locale for display format and calendar labels: explicit `lang`, or browser when using locale format. * @internal */ private get effectiveLang(); private applyLocaleFormat; private cacheUserFormat; private restoreUserFormat; private applyEffectiveLangChange; private syncValueAttribute; private initializeEmpty; private initializeWithDefaultDate; private resetToDefaultDate; private applyValue; /** * Resets to the empty/cleared view. * @param emitEvent - emit `value-changed` for user-driven clears (public `clear()`); skip for * host-driven attribute writes since the host is the source of the change. */ private clearToEmpty; updateHeaderText(): void; protected visibleChanged(_prev: boolean, next: boolean): void; private clickOutside; private keydownOutside; private handleKeydownOutside; private handleClickOutside; private closeCalendar; toggleCalendar(): void; toggleVisibility(): void; isSelectedDate(date: any): boolean; isCurrentCalendarMonth(): boolean; prevMonth(): void; nextMonth(): void; selectDay(day: any): void; getMonthDaysGrid(): Day[]; } export declare const DATETIME_OPERATORS: CriteriaOperator[]; declare class Day { Date: Date; date: number; day: string; dayNumber: number; dayShort: string; year: number; yearShort: number; month: string; monthShort: string; monthNumber: number; timestamp: number; week: number; constructor(date: Date, lang?: string); } /** @internal */ export declare const daysOfWeek: { value: string; label: string; }[]; export declare const defaultAccordionConfig: {}; export declare const defaultAccordionItemConfig: { collapsedIcon: string; expandedIcon: string; }; export declare const defaultAiCriteriaSearchConfig: {}; export declare const defaultAnchorConfig: {}; export declare const defaultAnchoredRegionConfig: {}; export declare const defaultAvatarConfig: { media: ViewTemplate; }; export declare const defaultBadgeConfig: {}; export declare const defaultBreadcrumbConfig: {}; export declare const defaultBreadcrumbItemConfig: { separator: string; }; export declare const defaultButtonConfig: {}; export declare const defaultCalendarConfig: {}; export declare const defaultCardConfig: {}; export declare const defaultCategorizedMultiselectConfig: {}; export declare const defaultCheckboxConfig: { checkedIndicator: string; indeterminateIndicator: string; }; export declare const defaultComboboxConfig: { indicator: string; }; export declare const defaultConfig: {}; export declare const defaultCronBuilderConfig: {}; export declare const defaultDataGridCellConfig: {}; export declare const defaultDataGridConfig: {}; export declare const defaultDataGridRowConfig: {}; export declare const defaultDatePickerConfig: {}; export declare const defaultDialogConfig: {}; export declare const defaultDisclosureConfig: {}; export declare const defaultDividerConfig: {}; export declare const defaultFileUploadConfig: {}; export declare const defaultFillColor: SwatchRGB; export declare const defaultFlexLayoutConfig: {}; export declare const defaultFlipperConfig: { next: string; previous: string; }; export declare const defaultFlyoutConfig: {}; export declare const defaultGridLayoutConfig: {}; export declare const defaultGridLayoutItemConfig: {}; export declare const defaultHorizontalScrollConfig: { nextFlipper: ViewTemplate; previousFlipper: ViewTemplate; }; export declare const defaultIconConfig: {}; export declare const defaultListboxConfig: {}; export declare const defaultListboxOptionConfig: {}; export declare const defaultMenuConfig: {}; export declare const defaultMenuItemConfig: { expandCollapseGlyph: string; }; export declare const defaultModalConfig: {}; export declare const defaultMultiselectConfig: {}; /** * @beta */ export declare const defaultNavItemPredicate: NavItemPredicate; export declare const defaultNeutralForegroundContrast = 14; export declare const defaultNumberFieldConfig: { stepDownGlyph: string; stepUpGlyph: string; }; export declare const defaultPillConfig: {}; /** * @beta */ export declare const defaultPlacementIndexPadding = 10; export declare const defaultProgressConfig: { indeterminateIndicator1: string; indeterminateIndicator2: string; }; export declare const defaultProgressRingConfig: { indeterminateIndicator: string; }; export declare const defaultRadioConfig: { checkedIndicator: string; }; export declare const defaultRadioGroupConfig: {}; /** * @beta */ export declare class DefaultRouter extends DefaultRouter_2 implements Router { } export declare const defaultSearchBarComboboxConfig: {}; export declare const defaultSearchBarConfig: {}; export declare const defaultSectionNavigatorConfig: {}; export declare const defaultSegmentedControlConfig: {}; export declare const defaultSegmentedItemConfig: {}; export declare const defaultSelectConfig: { indicator: string; }; export declare const defaultSkeletonConfig: {}; export declare const defaultSliderConfig: { thumb: string; }; export declare const defaultSliderLabelConfig: {}; export declare const defaultStepperConfig: {}; export declare const defaultStepperTabConfig: {}; export declare const defaultStepperTabPanelConfig: {}; export declare const defaultSwitchConfig: { switch: string; }; /** * Foundation system health overlay styles * @public */ export declare const defaultSystemHealthOverlayConfig: {}; export declare const defaultTabConfig: {}; export declare const defaultTabPanelConfig: {}; export declare const defaultTabsConfig: {}; export declare const defaultTextAreaConfig: {}; export declare const defaultTextFieldConfig: {}; export declare const defaultTimezoneConfig: {}; export declare const defaultToastConfig: {}; export declare const defaultToolbarConfig: {}; export declare const defaultTooltipConfig: {}; export declare const defaultTreeItemConfig: { expandCollapseGlyph: string; }; export declare const defaultTreeViewConfig: {}; export declare const defaultUrlInputConfig: {}; export declare const defaultVerificationCodeInputConfig: {}; /** * Defines a platform custom element based on the provided type and definition. * * @example * An example using custom definition merge logic, useful if you need to impose hard restrictions. * ```ts * const definitionOverrider = (definition) => ({ * ...baseDefinition, * ...definition, * styles: baseDefinition.styles, * shadowOptions: { * mode: 'closed, * }, * }); * export const define = defineFactory(LoginForm, definitionOverrider); * ``` * * @example * You can provide the base definition if you're happy with the default spread operator merge logic. * ```ts * export const define = defineFactory(LoginForm, baseDefinition); * ``` * * @param Type - The custom element Type / Class to define. * @param overriderOrBase - A function that merges definitions, or the base definition if custom merging is not needed. * @returns The type class. */ export declare const defineFactory: >(Type: TType, overriderOrBase: DefinitionOverrider | PartialFASTElementDefinition) => DefineFunction; export declare type DefineFunction = (definition: PartialFASTElementDefinition) => TType; export declare type DefinitionOverrider = (override: PartialFASTElementDefinition) => PartialFASTElementDefinition; export declare const DEFUALT_FILTER_BAR_COLUMNS = 5; export { density } export { DESIGN_SYSTEM_EDITABLE_ELEMENT_SELECTORS } export declare interface DesignToken { $value: TokenValue; $type?: string; } export declare function designToken(token: DesignToken_2): (source: FoundationElement, key: string) => void; export declare interface DesignTokensConfig { design_tokens: { color: { accent: { $value: string; $type: string; }; neutral: { $value: string; $type: string; }; secondary?: { $value: string; $type: string; }; tertiary?: { $value: string; $type: string; }; error?: { $value: string; $type: string; }; success?: { $value: string; $type: string; }; warning?: { $value: string; $type: string; }; }; fontFamily: { bodyFont: { $value: string; $type: string; }; }; typography: { baseFontSize: { $value: string; $type: string; }; baseLineHeight: { $value: string; $type: string; }; }; mode: { luminance: { $value: number; $type: string; }; }; style: { density: { $value: number; $type: string; }; baseHeightMultiplier: { $value: number; $type: string; }; borderRadius: { $value: number; $type: string; }; strokeWidth: { $value: number; $type: string; }; }; space: { designUnit: { $value: number; $type: string; }; }; }; customTokens?: CustomTokensConfig; } /** * Returns an observable object that components can subscribe to for design tokens config updates. * @remarks * Components can access the `value` property of the returned object, and FAST will automatically * track changes. When `configureDesignSystem()` sets the design tokens, all subscribed components * will be notified automatically. * * The `value` property will be `null` initially, then set to the actual config when * `configureDesignSystem()` is called with a design tokens config. * * @returns An observable object with a `value` property containing the design tokens config (or null) * @public */ export declare const designTokensMap: () => DesignTokensObservable; /** * Observable class for design tokens config that components can subscribe to. * @public */ export declare class DesignTokensObservable { value: DesignTokensConfig | null; } export { designUnit } export declare const designUnitValue = 4; /** * @tagname %%prefix%%-dialog * * @fires close - Fired when the dialog closes * @fires resize - Fired when the dialog size changes (resizable mode). detail: `ResizeEventDetail` */ export declare class Dialog extends DialogElement { show(): void; } export declare abstract class DialogElement extends FoundationElement { /** * A reference to the dialog element * in the component Shadow DOM. */ mainElement: HTMLDialogElement; topElement: HTMLElement; topElementSlot: HTMLSlotElement; notification: NotificationStructure; notificationChanged(): void; type: DialogType; position: DialogPosition; /** * Whether or not to show the close icon */ showCloseIcon: boolean; /** * Whether or not the dialog is resizable */ resizable: boolean; /** * Whether or not the dialog is draggable by its top region */ draggable: boolean; draggableChanged(_oldValue: boolean, newValue: boolean): void; /** * Minimum width for the dialog */ minWidth: number; /** * Minimum height for the dialog */ minHeight: number; /** * Initial width for the dialog (cannot exceed viewport width) */ initialWidth?: number; /** * Initial height for the dialog (cannot exceed viewport height) */ initialHeight?: number; /** * Callback to run *before* HTMLDialogElement is shown */ onShowCallback: () => void; /** * Callback to run *after* HTMLDialogElement is closed */ onCloseCallback: () => void; private isResizing; private currentResizeHandle; private startX; private startY; private startWidth; private startHeight; private startLeft; private startTop; private resizeOffsetX; private resizeOffsetY; private originalWidth; private originalHeight; private originalPosition; private originalLeft; private originalTop; private originalMargin; private isMaximized; private hasBeenResized; private isDragging; private dragOffsetX; private dragOffsetY; private dragDialogWidth; private dragDialogHeight; private onMouseDownBound; private onMouseMoveBound; private onMouseUpBound; connectedCallback(): void; disconnectedCallback(): void; private setupResizeHandlers; private removeResizeHandlers; private handleEdgeDoubleClick; private handleResizeStart; private handleResizeMove; private handleResizeEnd; /** * Determine if the dialog is showing or closed. */ get open(): boolean; /** * Get the appropriate icon name for the resize button */ get resizeIconName(): string; /** * Show the HTMLDialogElement and its contents */ abstract show(): void; /** * Remove the HTMLDialogElement from display */ close(): void; /** * Dismiss the Dialog from display and calls the dismissing action. */ dismiss(): void; /** * Dismiss the Dialog from display. */ closeDialog(): void; /** * Maximize the dialog to fill the viewport. * @private */ private maximize; /** * Reset the dialog to its original size and position, or maximize if not resized. * @public */ resetSize(): void; private attachDragMouseDown; private detachDragMouseDown; private isEventTargetInDraggableTarget; private isInsideTopSlot; private onMouseDown; private onMouseMove; private onMouseUp; private removeDraggableEventListeners; private resetDraggableStyle; } /** * @public */ export declare type DialogPosition = 'center' | 'left' | 'right'; /** * @public */ export declare type DialogType = 'default' | 'alert' | 'success' | 'error'; export { direction } export declare const directionValue = Direction.ltr; export { disabledOpacity } /** * @tagname %%prefix%%-disclosure */ export declare class Disclosure extends Disclosure_2 { } /** * @tagname %%prefix%%-divider */ export declare class Divider extends Divider_2 { } export declare const downloadFile: (url: string, filename: string, authToken: string, method?: string, showNotifications?: boolean, body?: any, prefix?: string) => void; /** * @tagname %%prefix%%-dropdown-menu */ export declare class DropdownMenu extends FoundationElement { items: DropdownMenuItem[]; autoClose: boolean; disabled: boolean; classNames: string; name: string; open: boolean; buttonAppearance: string; dropdownMenu: HTMLElement; connectedCallback(): void; disconnectedCallback(): void; private clickOutside; private handleClickOutside; protected openChanged(): void; toggleDropdownMenuVisibility(): void; onDropdownMenuItemClick(): void; get allItems(): DropdownMenuItem[]; } export declare const dropdownMenuBaseStyles: (prefix: string, context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare type DropdownMenuItem = { name: string; icon?: { variant?: IconStyle; name: string; size?: FaSize; }; color?: string; submenu?: DropdownMenuItem[]; callback?: (params?: any) => void | any; isDisabled?: (params?: any) => boolean; }; /** * Environment configuration interface * @public */ export declare interface EnvironmentConfig { /** * The environment level */ level: string; /** * Whether to show an icon for this environment */ showIcon?: boolean; /** * The icon name to use * Valid values are from the free set of font awesome icons which can be found here https://fontawesome.com/search?ic=free */ icon?: string; /** * The size of the icon */ iconSize?: FaSize; /** * The background color for this environment */ backgroundColor?: string; /** * The text color for this environment */ textColor?: string; /** * The size of the indicator */ size?: 'sm' | 'lg'; /** * The label to display */ label?: string; } /** * @tagname %%prefix%%-environment-indicator * @description Displays an environment indicator with a label and an icon * @public */ export declare class EnvironmentIndicator extends FoundationElement { /** * @attr level - the environment level to display */ level: string; /** * @attr label - the label to display */ label: string; /** * @attr show-icon - whether to show an icon next to the environment text */ showIcon: boolean; /** * @attr size - the size of the indicator. Can be 'sm' or 'lg' */ size: 'sm' | 'lg'; /** * @attr background-color - the background color of the indicator */ backgroundColor: string; /** * @attr text-color - the text color of the indicator */ textColor: string; /** * @attr icon - the icon to display */ icon: string; /** * @attr icon-size - the size of the icon */ iconSize: EnvironmentConfig['iconSize']; /** * @attr use-default-config - whether to use the default config */ useDefaultConfig: boolean; /** * Current environment configuration */ config: EnvironmentConfig; /** * Environment configurations */ envConfigs: EnvironmentConfig[]; envConfigsChanged(): void; /** * Current environment configuration from DI */ diConfig: EnvironmentIndicatorConfig; diConfigChanged(): void; private unsubscribeConfig?; subscribeToDiConfig(): void; connectedCallback(): void; disconnectedCallback(): void; /** * Helper function to get config from attributes * @returns the config from attributes */ private getAttributesConfig; /** * Get the current environment level based on priority order */ private getCurrentEnvironmentLevel; getEnvConfigByLevel(): EnvironmentConfig | undefined; /** * Handle config change when attributes change */ attributeChangedCallback(name: string, oldValue: string, newValue: string): void; /** * Set environment configurations * @param envConfigs - the environment configurations */ setEnvConfigs(envConfigs: EnvironmentConfig[]): void; } /** * Environment indicator configuration interface * @public */ export declare interface EnvironmentIndicatorConfig { currentLevel?: any; configs: EnvironmentConfig[]; } export declare const environmentIndicatorStyles: ElementStyles; /** * @tagname %%prefix%%-error-banner * @deprecated */ export declare class ErrorBanner extends FoundationElement { banner: HTMLElement & { dismiss: () => Promise; }; error: ErrorStructure; notification: NotificationStructure; connectedCallback(): void; /** * Dismiss the Error Banner from display. */ dismiss(): Promise; } /** * @deprecated * @tagname %%prefix%%-error-boundary */ export declare class ErrorBoundary extends FoundationElement { private logger; errorBoundary: HTMLElement; /** * The resource name holding new and existing notifications * @remarks usually 'ALL_NOTIFY_ALERT_RECORDS' * @public */ resourceName: any; /** * Number of milliseconds before toast will disappear. Leave empty or set to 0 to keep toast open indefinitely * @public */ closeTimeout: number; protected dataSub: Subscription; private datasource; connectedCallback(): Promise; disconnectedCallback(): void; } export { ErrorBoundaryEvent } /** * @tagname %%prefix%%-error-dialog * @deprecated */ export declare class ErrorDialog extends FoundationElement { dialog: HTMLElement & { close: () => void; show: () => void; }; error: ErrorStructure; notification: NotificationStructure; connectedCallback(): void; /** * Show the Error Dialog. */ show(): void; /** * Dismiss the Error Dialog from display and calls the dismissing action. */ dismiss(): void; /** * Dismiss the Error Dialog from display. */ closeDialog(): void; } export declare const errorDialogTemplate: ViewTemplate; export { ErrorStructure } export { ExpressionBuilderConfig } export declare const ExpressionBuilderCore: { template: ViewTemplate; styles: ElementStyles; }; export { ExpressionBuilderTypes } export declare const extractMenuItems: (items: DropdownMenuItem[], prefix: string) => ViewTemplate; export declare enum FaPrefixFromStyle { solid = "fas", regular = "far", brand = "fab" } export declare type FaSize = (typeof faSizeValues)[number]; export declare const faSizeValueDefault: "1x"; export declare const faSizeValues: readonly ["2xs", "xs", "sm", "lg", "xl", "2xl", "1x", "2x", "3x", "4x", "5x", "6x", "7x", "8x", "9x", "10x", "stack-1x", "stack-2x"]; /** * @tagname %%prefix%%-file-reader * @beta * * @fires file-read - Fired when file content is successfully read. detail: `FileReadEventDetail` * @fires error - Fired on validation or read/parse errors * @fires clear - Fired when selection is cleared (from base) */ declare class FileReader_2 extends BaseFileComponent { private processingTimeout; autoProcess: boolean; processingDelayMs: number; fileContent: any; onFileRead?: (data: any) => void; constructor(); /** * Handles file selection and validation * @beta - Currently supports single JSON files only. Future versions will support multiple files and additional file types. * @param files - The selected files */ protected onFileSelected(files: File[]): void; protected onFileCleared(): void; /** * Processes the selected file and parses its content * For JSON files, attempts to parse the content and emit processed data * Sets processing state and handles errors appropriately */ handleFileProcessing(): Promise; /** * Gets the current file content for external access * @returns The parsed file content or null if no file is processed */ getFileContent(): any; /** * Disconnected callback to clean up timeouts */ disconnectedCallback(): void; } export { FileReader_2 as FileReader } export declare const fileReaderStyles: (prefix: string, context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const fileReaderTemplate: ViewTemplate; /** * Detail payload of the `file-read` event. * @beta */ export declare interface FileReadEventDetail { fileName: string; content: any; file: File | null; } /** * Detail payload of the `file-selected` event. * @public */ export declare interface FileSelectedEventDetail { files: File[]; } /** * @tagname %%prefix%%-file-upload * * @fires file-selected - Fired when files are chosen for upload. detail: `FileSelectedEventDetail` * @fires success - Fired when upload completes successfully * @fires errorOut - Fired when upload fails or the server returns an error * @fires error - Fired when file size validation fails (from base). detail: `Error` * @fires clear - Fired when selection is cleared (from base) */ export declare class FileUpload extends BaseFileComponent { private acceptedFormats; private selectedFiles; gridCriteria: string; connect: Connect; http: Http; session: Session; acceptChanged(): void; uploadedFilesResourceName: string; uploadEventName: string; fieldName: string; fieldNameChanged(): void; entityId: string; entityIdChanged(): void; uploadKey: string; gridFields: string; fileName: string; uploadedFilesList: any[]; filesGridColumnDefinitions: ColumnDefinition[]; downloadEventName: Function; connectedCallback(): Promise; setupGrid(): void; private handleStreamRowOperation; setRowData(): Promise; setColumnDefs(): Promise; getDownloadColumn(): { columnDataKey: string; title: string; cellTemplate: ViewTemplate; }; getColumnObject(column: any): { columnDataKey: any; title: any; type: any; cellTemplate: ViewTemplate; }; handleClick(): void; protected onFileSelected(files: File[]): void; protected onFileCleared(): void; handleFileUpload(): Promise; handleFileDownload(rowData: any): void; } export { fillColor } /** * @tagname %%prefix%%-filter * * @fires filter-changed - Fired when filter criteria change. detail: `FilterChangedEventDetail` * @fires filter-cleared - Fired when the filter is cleared. detail: `FilterClearedEventDetail` */ export declare class Filter extends FoundationElement { textFilterField: TextField; numFilterFieldMin: TextField; numFilterFieldMax: TextField; dateFilterFieldMin: TextField; dateFilterFieldMax: TextField; fieldName: string; type: 'text' | 'number' | 'date' | 'boolean' | 'enum'; label: string; /** * Will be included in event emmissions. * Usually set to the id of the target datasource. * Usefull when we have multiple grids in the same page. */ target: string; textFilter: string; numFilterMin: number; numFilterMax: number; dateFilterMin: string; dateFilterMax: string; dateMinMS: number; dateMaxMS: number; enumOptions: string; enumFilterOptions: any[]; textFilterChanged(oldCriteria: string, newCriteria: string): void; numFilterMinChanged(oldMin: string, newMin: string): void; numFilterMaxChanged(oldMax: string, newMax: string): void; private handleNumericFilter; /** * Example: 1634083200000 -> '20211013-00:00:00' * @param epoch ms since unix epoch * @returns date string compatible with genesis Expr filters */ private formatDate; dateFilterMinChanged(oldMin: string, newMin: string): void; dateFilterMaxChanged(oldMax: string, newMax: string): void; private handleDateFilter; connectedCallback(): void; clear(): void; onBooleanFilterSelection(selection: 'all' | 'true' | 'false' | 'null'): void; onEnumFilterSelection(selection: string): void; } /** * @tagname %%prefix%%-filter-bar */ export declare class FilterBar extends FoundationElement { resource: string; /** * Only generate filters for the specified fields, provided as a comma separated list. * Default behavior (if "only" is not set) is to generate filters for all fields based on metadata. */ only: string; /** * Labels for the specified fields, to be used alongside "only" prop. */ labels: string; /** * Will be included in event emmissions. * Usually set to the id of the target datasource. * Usefull when we have multiple grids in the same page. */ target: string; columns: number; ready: boolean; fields: MetadataDetail[]; connect: Connect; filterGrid: HTMLDivElement; collapsed: boolean; connectedCallback(): void; private initLabels; private camelCasePreserveWhitespace; resourceChanged(oldResource: string, newResource: string): void; private init; private adjustColumnStyles; toggle(): void; } export declare const filterBarTemplate: (prefix: string) => ViewTemplate; /** * Detail payload of the `filter-changed` event. * @public */ export declare interface FilterChangedEventDetail { fieldName: string; filter: string; target: string; } /** * Detail payload of the `filter-cleared` event. * @public */ export declare interface FilterClearedEventDetail { fieldName: string; target?: string; } export declare enum FilterEvents { change = "filter-changed", clear = "filter-cleared" } /** * Filter mode options for combobox and related components. * @public */ export declare type FilterMode = 'contains' | 'startsWith'; /** * @beta */ export declare function findParentRouter(relativeTo: HTMLElement | Router): Router | null; /** * @beta * @privateRemarks * This function not only finds config it checks if it's a RouterConfiguration instance. */ export declare function findRouter(relativeTo: HTMLElement | Router): Router | null; /** * @beta */ export declare function findTopLevelRouter(relativeTo: HTMLElement | Router): Router | null; export declare type FlexBreakPointType = 'sm' | 'md' | 'lg'; /** * @tagname %%prefix%%-flex-layout */ export declare class FlexLayout extends FoundationElement { } export declare enum FlexMediaQueriesEnum { sm = "(max-width: 640px)", md = "(min-width: 641px) and (max-width: 1023px)", lg = "(min-width: 1024px)" } /** * @tagname %%prefix%%-flipper */ export declare class Flipper extends Flipper_2 { } /** * @tagname %%prefix%%-flyout * * @fires closed - Fired when the flyout finishes closing */ export declare class Flyout extends FoundationElement { exit: HTMLDivElement; position: string; flyoutWidth: string; flyoutWidthChanged(): void; displayHeader: boolean; closed: boolean; closedChanged(): void; visuallyhidden: boolean; connectedCallback(): void; closeFlyout(): void; closingFinished(): void; focusExit(): void; } export declare const flyoutAnimationTime = 225; export { focusStrokeInner } export { focusStrokeOuter } export { focusStrokeWidth } export { foregroundOnAccentActive } export { foregroundOnAccentActiveLarge } export { foregroundOnAccentFocus } export { foregroundOnAccentFocusLarge } export { foregroundOnAccentHover } export { foregroundOnAccentHoverLarge } export { foregroundOnAccentRest } export { foregroundOnAccentRestLarge } /** * @internal */ export declare const formatTimeForCountDown: (totalMilliseconds: number, minUnit?: CountdownUnit) => string; /** * Maps a dayjs-style display format to a lowercase placeholder hint (e.g. DD/MM/YYYY → dd/mm/yyyy). * @public */ export declare function formatToPlaceholder(format: string): string; /** * The Foundation Accordion * * @public * @remarks * HTML Element: \ */ export declare const foundationAccordion: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; /** * The Foundation Accordion Item * * @public * @remarks * HTML Element: \ */ export declare const foundationAccordionItem: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; export declare const foundationAccordionItemShadowOptions: ShadowRootInit; export declare const foundationAccordionItemStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationAccordionItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate; export declare const foundationAccordionShadowOptions: ShadowRootInit; export declare const foundationAccordionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationAccordionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate; /** * The Foundation Actions Menu * * @public * @remarks * HTML Element: \ */ export declare const foundationActionsMenu: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; export declare const foundationActionsMenuStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationActionsMenuTemplate: ViewTemplate; export declare const foundationAiCriteriaSearch: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; template: ViewTemplate; styles: ElementStyles; shadowOptions: ShadowRootInit; }, typeof AiCriteriaSearch>; export declare const foundationAiCriteriaSearchShadowOptions: ShadowRootInit; export declare const foundationAiCriteriaSearchStyles: ElementStyles; export declare const foundationAiCriteriaSearchTemplate: ViewTemplate; export declare const foundationAiIndicator: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; export declare const foundationAiIndicatorStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationAiIndicatorTemplate: ViewTemplate; /** * The Foundation Anchor * * @public * @remarks * HTML Element: \ */ export declare const foundationAnchor: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; /** * The Foundation Anchored Region * * @public * @remarks * HTML Element: \ */ export declare const foundationAnchoredRegion: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; export declare const foundationAnchoredRegionShadowOptions: ShadowRootInit; export declare const foundationAnchoredRegionStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationAnchoredRegionTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate; export declare const foundationAnchorShadowOptions: ShadowRootInit; export declare const foundationAnchorStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationAnchorTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate; /** * Context passed to predicate functions and other utilities. * @alpha */ export declare type FoundationAppContext = { env?: string; domain?: string; user?: {}; answers?: { framework: string; [key: string]: any; }; featureFlags?: { [key: string]: any; }; [key: string]: any; }; /** * The Foundation Avatar * * @public * @remarks * HTML Element: \ */ export declare const foundationAvatar: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; export declare const foundationAvatarShadowOptions: ShadowRootInit; export declare const foundationAvatarStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationAvatarTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate; /** * The Foundation Badge * * @public * @remarks * HTML Element: \ */ export declare const foundationBadge: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; export declare const foundationBadgeShadowOptions: ShadowRootInit; export declare const foundationBadgeStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationBadgeTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate; /** * The Foundation Banner * * @public * @remarks * HTML Element: \ */ export declare const foundationBanner: (overrideDefinition?: OverrideFoundationElementDefinition< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }>) => FoundationElementRegistry< { baseName: string; styles: ElementStyles; template: ViewTemplate; shadowOptions: ShadowRootInit; }, typeof Banner>; export declare const foundationBannerShadowOptions: ShadowRootInit; export declare const foundationBannerStyles: ElementStyles; export declare const foundationBannerTemplate: ViewTemplate; /** * The Foundation Breadcrumb * * @public * @remarks * HTML Element: \ */ export declare const foundationBreadcrumb: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; /** * The Foundation Breadcrumb Item * * @public * @remarks * HTML Element: \ */ export declare const foundationBreadcrumbItem: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry>; export declare const foundationBreadcrumbItemShadowOptions: ShadowRootInit; export declare const foundationBreadcrumbItemStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationBreadcrumbItemTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate; export declare const foundationBreadcrumbShadowOptions: ShadowRootInit; export declare const foundationBreadcrumbStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationBreadcrumbTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate; /** * The Foundation Button * * @public * @remarks * HTML Element: \ */ export declare const foundationButton: (overrideDefinition?: OverrideFoundationElementDefinition) => FoundationElementRegistry; export declare const foundationButtonShadowOptions: ShadowRootInit; export declare const foundationButtonStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles; export declare const foundationButtonTemplate: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ViewTemplate