import * as i7 from '@angular/router'; import { NavigationExtras } from '@angular/router'; import * as i0 from '@angular/core'; import { EventEmitter, ChangeDetectorRef, RendererFactory2, ElementRef, AfterViewInit, OnDestroy, OnInit, QueryList, TemplateRef, AfterContentInit, OnChanges, SimpleChanges } from '@angular/core'; import * as i9 from '@skyux/router'; import { SkyHrefChange } from '@skyux/router'; import * as i7$1 from '@skyux/core'; import { SkyCoreAdapterService, SkyAppWindowRef, SkyScrollableHostService, SkyDockService, SkyLogService } from '@skyux/core'; import * as i1 from '@skyux/theme'; import { SkyThemeService } from '@skyux/theme'; import * as i5 from '@angular/common'; import * as i6 from '@angular/cdk/observers'; import { Observable, Subject, BehaviorSubject } from 'rxjs'; import * as i1$1 from '@skyux/i18n'; import { SkyLibResourcesService } from '@skyux/i18n'; import * as i5$1 from '@skyux/help-inline'; import { AnimationEvent } from '@angular/animations'; import * as i6$1 from '@angular/forms'; import * as i7$2 from '@skyux/forms'; import * as i3 from '@skyux/indicators'; import { SkyModalService } from '@skyux/modals'; /** * Specifies an Angular router link with the `route` property or a direct * link with the `url` property. If it provides both, the action button uses * the `route` property. */ interface SkyActionButtonPermalink { /** * The Angular router link for the action button. This property accepts a * custom object with a `commands` property to specify router commands and an `extras` * property to specify * [Angular `NavigationExtras`](https://angular.dev/api/router/NavigationExtras). * This property passes the following properties: * - `permalink.route?.extras?.fragment` to * [`fragment`](https://angular.dev/api/router/NavigationExtras#fragment) * - `permalink.route?.extras?.queryParams` to * [`queryParams`](https://angular.dev/api/router/NavigationExtras#queryParams) * - `permalink.route?.extras?.queryParamsHandling` to * [`queryParamsHandling`](https://angular.dev/api/router/NavigationExtras#queryParamsHandling) * - `permalink.route?.commands` to * [`routerLink`](https://angular.dev/api/router/RouterLink) */ route?: { commands?: any[] | string; extras?: NavigationExtras; }; /** * The direct link for the action button. */ url?: string; } /** * Creates a button to present users with an option to move forward with tasks. */ declare class SkyActionButtonComponent { #private; hidden: boolean; /** * The link for the action button. */ permalink: SkyActionButtonPermalink | undefined; /** * Fires when users select the action button. */ actionClick: EventEmitter; constructor(changeDetector: ChangeDetectorRef); buttonClicked(): void; enterPress(): void; onSkyHrefDisplayChange($event: SkyHrefChange): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * @internal */ declare class SkyActionButtonAdapterService { #private; constructor(rendererFactory: RendererFactory2); getParentWidth(element: ElementRef): number | undefined; setResponsiveClass(element: ElementRef, width?: number): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } type SkyActionButtonContainerAlignItemsType = 'center' | 'left'; /** * Wraps action buttons to ensures that they have consistent height and spacing. * @required */ declare class SkyActionButtonContainerComponent implements AfterViewInit, OnDestroy, OnInit { #private; /** * How to display the action buttons inside the action button container. * Options are `"center"` or `"left"`. * @default "center" */ set alignItems(value: SkyActionButtonContainerAlignItemsType | undefined); get alignItems(): SkyActionButtonContainerAlignItemsType; actionButtons: QueryList | undefined; containerRef: ElementRef | undefined; constructor(actionButtonAdapterService: SkyActionButtonAdapterService, changeDetector: ChangeDetectorRef, coreAdapterService: SkyCoreAdapterService, hostElRef: ElementRef, themeSvc?: SkyThemeService); ngOnInit(): void; ngAfterViewInit(): void; ngOnDestroy(): void; onContentChange(): void; onWindowResize(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies a description to display on an action button. */ declare class SkyActionButtonDetailsComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies a header to display on an action button. */ declare class SkyActionButtonHeaderComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies an icon to display on the action button. */ declare class SkyActionButtonIconComponent { /** * The name of the Blackbaud SVG icon to display. */ iconName: string; protected readonly breakpoint: i0.Signal<"xs" | "sm" | "md" | "lg" | undefined>; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class SkyActionButtonModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } /** * @deprecated Use `SkyActionButtonContainerAlignItemsType` instead. * @internal */ declare const enum SkyActionButtonContainerAlignItems { /** * Displays the action buttons as center-aligned. */ Center = "center", /** * Displays the action buttons as left-aligned. */ Left = "left" } /** * @internal */ declare class SkyBackToTopComponent { #private; get scrollToTopClick(): Observable; onScrollToTopClick(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * @internal */ declare class SkyBackToTopDomAdapterService implements OnDestroy { #private; constructor(windowRef: SkyAppWindowRef, scrollableHostService: SkyScrollableHostService); ngOnDestroy(): void; /** * This event returns a boolean on scroll indicating whether the provided element is in view. * @param elementRef The target element reference. */ elementInViewOnScroll(elementRef: ElementRef): Observable; /** * Scrolls the window or scrollable parent to the provided element. * @param elementRef The target element reference. */ scrollToElement(elementRef: ElementRef): void; isElementScrolledInView(element: ElementRef): boolean; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } /** * The type of message to send to the back to top component. */ declare enum SkyBackToTopMessageType { /** * Scrolls the element back to the top. */ BackToTop = 0 } /** * Specifies messages to send to the back to top component. */ interface SkyBackToTopMessage { /** * The type of message to send. */ type?: SkyBackToTopMessageType; } /** * Specifies options for the back to top component. */ interface SkyBackToTopOptions { /** * Whether to hide the back to top button. * @default false */ buttonHidden?: boolean; } /** * Associates a button with an element on the page and displays that button * to return to the element after users scroll away. */ declare class SkyBackToTopDirective implements AfterViewInit, OnDestroy { #private; /** * Configuration options for the back to top component. */ set skyBackToTop(value: SkyBackToTopOptions | '' | undefined); /** * The observable to send commands to the back to top component. * The commands respect the `SkyBackToTopMessage` type. */ set skyBackToTopMessageStream(value: Subject | undefined); constructor(dockService: SkyDockService, domAdapter: SkyBackToTopDomAdapterService, elementRef: ElementRef); ngAfterViewInit(): void; ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵdir: i0.ɵɵDirectiveDeclaration; } /** * Import into any component library module that needs to use resource strings. */ declare class SkyLayoutResourcesModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } declare class SkyBackToTopModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } type SkyBoxHeadingLevel = 2 | 3 | 4 | 5; type SkyBoxHeadingStyle = 2 | 3 | 4 | 5; /** * Specifies the controls to display in upper right corner of the box. These buttons typically let users edit the box content. */ declare class SkyBoxControlsComponent { #private; boxHasHeader(value: boolean): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Provides a common look-and-feel for box content with options to display a common box header, specify body content, and display common box controls. */ declare class SkyBoxComponent { #private; /** * The text to display as the box's heading. */ set headingText(value: string | undefined); get headingText(): string | undefined; /** * Indicates whether to hide the `headingText`. */ headingHidden: boolean; /** * The semantic heading level in the document structure. The default is 2. * @default 2 */ headingLevel: SkyBoxHeadingLevel; /** * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings). * @default 2 */ set headingStyle(value: SkyBoxHeadingStyle); /** * The content of the help popover. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) * button is added to the box heading. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover) * when clicked using the specified content and optional title. This property only applies when `headingText` is also specified. */ helpPopoverContent: string | TemplateRef | undefined; /** * The title of the help popover. This property only applies when `helpPopoverContent` is * also specified. */ helpPopoverTitle: string | undefined; /** * A help key that identifies the global help content to display. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) * button is placed beside the box heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help) * as configured by the application. This property only applies when `headingText` is also specified. */ helpKey: string | undefined; /** * The ARIA label for the box. This sets the box's `aria-label` attribute to provide a text equivalent for screen readers * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility). * If the box includes a visible label, use `ariaLabelledBy` instead. * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label). * @deprecated Use `headingText` instead. */ ariaLabel: string | undefined; /** * The HTML element ID of the element that labels * the box. This sets the box's `aria-labelledby` attribute to provide a text equivalent for screen readers * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility). * If the box does not include a visible label, use `ariaLabel` instead. * For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby). * @deprecated Use `headingText` instead. */ ariaLabelledBy: string | undefined; /** * The ARIA role for the box * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility) * by indicating what the box contains. For information about * how an ARIA role indicates what an item represents on a web page, * see the [WAI-ARIA roles model](https://www.w3.org/WAI/PF/aria/#roles). */ ariaRole: string | undefined; set boxHeaderRef(value: ElementRef | undefined); set boxControls(value: SkyBoxControlsComponent | undefined); headerId: string; protected headingClass: string; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; static ngAcceptInputType_headingHidden: unknown; static ngAcceptInputType_headingLevel: unknown; static ngAcceptInputType_headingStyle: unknown; } /** * Specifies a header for the box. * @deprecated Use `headingText` input on the `sky-box` component instead. */ declare class SkyBoxHeaderComponent { protected readonly boxHeaderId: string; constructor(); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies the body content to display inside the box and provides padding around that content. */ declare class SkyBoxContentComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class SkyBoxModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } /** * Specifies an action that users can perform on the card. * @deprecated */ declare class SkyCardActionsComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * @internal */ declare class SkyInlineDeleteAdapterService { #private; constructor(coreAdapterService: SkyCoreAdapterService, rendererFactory: RendererFactory2); clearListeners(): void; setEl(element: HTMLElement): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } /** * The type of inline delete that is shown. * @internal */ declare enum SkyInlineDeleteType { /** * The standard styling for inline deletes. */ Standard = "standard", /** * The styling for inline delete components which are used in card components. */ Card = "card" } declare class SkyInlineDeleteComponent implements OnDestroy, OnInit { #private; /** * Whether the deletion is pending. * @default false */ pending: boolean | undefined; /** * Fires when users click the cancel button. */ cancelTriggered: EventEmitter; /** * Fires when users click the delete button. */ deleteTriggered: EventEmitter; animationState: string; assistiveTextId: string; type: SkyInlineDeleteType; deleteButton: ElementRef | undefined; constructor(adapterService: SkyInlineDeleteAdapterService, changeDetector: ChangeDetectorRef, elRef: ElementRef); /** * Initialization lifecycle hook * @internal */ ngOnInit(): void; /** * Destruction lifecycle hook * @internal */ ngOnDestroy(): void; /** * @internal */ onCancelClick(): void; /** * @internal */ onDeleteClick(): void; /** * Sets the inline delete to one of its predefined types. * @param type The inline delete type * @internal */ setType(type: SkyInlineDeleteType): void; /** * Handles actions that should be taken after the inline delete animates * @param event The animation event * @internal */ onAnimationDone(event: AnimationEvent): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies a title to identify what the card represents. * @deprecated */ declare class SkyCardTitleComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Creates a a small container to highlight important information. * @deprecated `SkyCardComponent` is deprecated. For other SKY UX components that group and list content, see the content containers guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/content-containers. */ declare class SkyCardComponent implements AfterContentInit, OnDestroy { #private; /** * The size of the card. The valid options are `"large"` and `"small"`. * @default "large" */ set size(value: string | undefined); get size(): string; /** * Whether to display a checkbox to the right of the card title. * Users can select multiple checkboxes and perform actions on the selected cards. * @default false */ selectable: boolean | undefined; /** * Whether the card is selected. This only applies to card where * `selectable` is set to `true`. * @default false */ selected: boolean | undefined; /** * Fires when users select or deselect the card. */ selectedChange: EventEmitter; inlineDeleteComponent: QueryList | undefined; titleComponent: QueryList | undefined; showTitle: boolean; constructor(logger: SkyLogService); ngAfterContentInit(): void; contentClick(): void; onCheckboxChange(newValue: boolean): void; ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies the content to display in the body of the card. * @deprecated */ declare class SkyCardContentComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class SkyInlineDeleteModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } /** * @deprecated `SkyCardModule` is deprecated. For other SKY UX components that group and list content, see the content containers guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/content-containers. */ declare class SkyCardModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } /** * @internal */ declare class SkyDefinitionListService { labelWidth: BehaviorSubject; defaultValue: BehaviorSubject; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } /** * Creates a definition list to display label-value pairs. * @deprecated Use `SkyDescriptionListComponent` instead. */ declare class SkyDefinitionListComponent { service: SkyDefinitionListService; /** * The width of the label portion of the definition list. * @default "90px" */ set labelWidth(value: string | undefined); /** * The default value to display when no value is provided * for a label-value pair. * @default "None found" */ set defaultValue(value: string | undefined); constructor(service: SkyDefinitionListService, logger: SkyLogService); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Wraps the label-value pairs in the definition list. * @deprecated Use `SkyDescriptionListContentComponent` instead. */ declare class SkyDefinitionListContentComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies a title for the definition list. * @deprecated */ declare class SkyDefinitionListHeadingComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies the label in a label-value pair. * @deprecated Use `SkyDescriptionListTermComponent` instead. */ declare class SkyDefinitionListLabelComponent { service: SkyDefinitionListService; labelWidth: number | undefined; constructor(service: SkyDefinitionListService); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies the value in a label-value pair. * @deprecated Use `SkyDescriptionListDescriptionComponent` instead. */ declare class SkyDefinitionListValueComponent { service: SkyDefinitionListService; defaultValue: string | undefined; constructor(service: SkyDefinitionListService); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * @deprecated Use `SkyDescriptionListModule` instead. */ declare class SkyDefinitionListModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } /** * @internal */ declare class SkyDescriptionListAdapterService { #private; constructor(rendererFactory: RendererFactory2); getWidth(elementRef: ElementRef): number; setResponsiveClass(element: ElementRef): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } /** * @internal */ declare class SkyDescriptionListService implements OnDestroy { #private; get defaultDescription(): Observable; ngOnDestroy(): void; updateDefaultDescription(value: string): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } /** * Specifies the description in a term-description pair. */ declare class SkyDescriptionListDescriptionComponent implements OnDestroy, OnInit { #private; service: SkyDescriptionListService; defaultDescription: string | undefined; themeName: string | undefined; templateRef: TemplateRef | undefined; constructor(service: SkyDescriptionListService, changeDetector: ChangeDetectorRef, themeSvc?: SkyThemeService); ngOnInit(): void; ngOnDestroy(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies the term in a term-description pair. To display a help button beside * the term, include a help button element in the sky-description-list-term element * and a sky-control-help CSS class on that element. */ declare class SkyDescriptionListTermComponent { templateRef: TemplateRef | undefined; protected readonly content: SkyDescriptionListContentComponent | null; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Wraps the term-description pairs in the description list. */ declare class SkyDescriptionListContentComponent { termComponents: QueryList | undefined; descriptionComponents: QueryList | undefined; /** * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) button is * placed beside the description list content label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help) as configured by the application. */ helpKey: string | undefined; /** * The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) * button is added to the description list content. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover) * when clicked using the specified content and optional title. */ helpPopoverContent: string | TemplateRef | undefined; /** * The title of the help popover. This property only applies when `helpPopoverContent` is * also specified. */ helpPopoverTitle: string | undefined; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * How to display the term-description pairs within a description list. */ type SkyDescriptionListModeType = 'horizontal' | 'longDescription' | 'vertical'; /** * Creates a description list to display term-description pairs. */ declare class SkyDescriptionListComponent implements AfterContentInit, OnDestroy { #private; /** * The default description to display when no description is provided * for a term-description pair. * @default "None found" */ set defaultDescription(value: string); /** * The width of term-description pairs when `mode` is set to `"horizontal"`. By default, * the width is responsive based on the width of the container element. */ listItemWidth: string | undefined; /** * How to display term-description pairs within the description list. * @default "vertical" */ set mode(value: SkyDescriptionListModeType | undefined); get mode(): SkyDescriptionListModeType; contentComponents: QueryList | undefined; elementRef: ElementRef | undefined; constructor(adapterService: SkyDescriptionListAdapterService, changeDetector: ChangeDetectorRef, descriptionListService: SkyDescriptionListService); ngAfterContentInit(): void; ngOnDestroy(): void; onWindowResize(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class SkyDescriptionListModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } /** * @deprecated Use `SkyDescriptionListModeType` instead. * @internal * How to display the term-description pairs within a description list. */ declare enum SkyDescriptionListMode { /** * Displays term-description pairs side by side in a horizontal list. * This mode provides a responsive layout. */ horizontal = "horizontal", /** * Displays terms and descriptions side by side with the term on the left and the description * on the right. This mode includes room for long descriptions and uses a responsive layout * that stacks term-description pairs vertically. */ longDescription = "longDescription", /** * Displays term-description pairs in a vertical list. */ vertical = "vertical" } /** * Displays a row within the `sky-fluid-grid` wrapper. Previously, you could display a row * without a wrapper, but we no longer officially support that option. */ declare class SkyRowComponent { /** * Whether to reverse the display order for columns in the row. * @default false */ reverseColumnOrder: boolean | undefined; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Displays a column within a row of the fluid grid. */ declare class SkyColumnComponent implements OnInit, OnChanges { #private; /** * The number of columns (1-12) on extra-small screens * (less than 768px). If you do not specify a value, the fluid grid displays * the column at the full width of the screen. * @default 12 */ set screenXSmall(value: number | undefined); get screenXSmall(): number; /** * The number of columns (1-12) on small screens * (768-991px). If you do not specify a value, the column inherits * the `screenXSmall` value. */ screenSmall: number | undefined; /** * The number of columns (1-12) on medium screens * (992-1199px). If you do not specify a value, the column inherits * the `screenSmall` value. */ screenMedium: number | undefined; /** * The number of columns (1-12) on large screens * (more than 1200px). If you do not specify a value, the column * inherits the `screenMedium` value. */ screenLarge: number | undefined; classnames: string | undefined; ngOnChanges(changes: SimpleChanges): void; getClassNames(): string; ngOnInit(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } type SkyFluidGridGutterSizeType = 'small' | 'medium' | 'large'; /** * Wraps the fluid grid to ensure proper spacing. Without the wrapper, the * alignment, padding, and margins do not behave as expected. */ declare class SkyFluidGridComponent { #private; /** * Disables the outer left and right margin of the fluid grid container. * @default false */ disableMargin: boolean | undefined; /** * The type that defines the size of the padding * between columns. * @default "large" */ set gutterSize(value: SkyFluidGridGutterSizeType | undefined); get gutterSize(): SkyFluidGridGutterSizeType; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class SkyFluidGridModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } /** * @internal */ interface SkyFormatItem { text?: string; templateRef?: TemplateRef; } declare class SkyFormatComponent { #private; itemsForDisplay: SkyFormatItem[]; /** * The tokenized string that represents the template. Tokens use the `{n}` notation * where `n` is the ordinal of the item to replace the token. */ set text(value: string | undefined); get text(): string | undefined; /** * An array of `TemplateRef` objects to be placed in the template, where the `nth` * item is placed at the `{n}` location in the template. */ set args(value: TemplateRef[] | undefined); get args(): TemplateRef[] | undefined; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class SkyFormatModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } /** * Displays messages that require immediate attention as [alerts](https://developer.blackbaud.com/skyux/components/alert) within * the page summary. * @deprecated */ declare class SkyPageSummaryAlertComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Highlights important information about a page in the key information section of the * page summary. * @deprecated */ declare class SkyPageSummaryKeyInfoComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies the components to display in the page summary. * @deprecated `SkyPageSummaryComponent` is deprecated. For page templates and techniques to summarize page content, see the page design guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/page-layouts. */ declare class SkyPageSummaryComponent { #private; protected keyInfoComponents: i0.Signal; constructor(); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Displays content in the arbitrary section of the page summary. * @deprecated */ declare class SkyPageSummaryContentComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Displays an image in the page summary to identify a record * or help users complete a core task. * @deprecated */ declare class SkyPageSummaryImageComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Displays [labels](https://developer.blackbaud.com/skyux/components/label) * to highlight important status information about a page's content. * @deprecated */ declare class SkyPageSummaryStatusComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies a subtitle to identify the page content. * @deprecated */ declare class SkyPageSummarySubtitleComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies a title to identify the page content. * @deprecated */ declare class SkyPageSummaryTitleComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * @deprecated `SkyPageSummaryModule` is deprecated. For page templates and techniques to summarize page content, see the page design guidelines. For more information, see https://developer.blackbaud.com/skyux/design/guidelines/page-layouts. */ declare class SkyPageSummaryModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } /** * @internal */ declare class SkyTextExpandAdapterService { #private; constructor(rendererFactory: RendererFactory2); getContainerHeight(containerEl: ElementRef): number; removeContainerMaxHeight(containerEl: ElementRef): void; setText(textEl: ElementRef, text: string): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵprov: i0.ɵɵInjectableDeclaration; } declare class SkyTextExpandComponent implements AfterContentInit { #private; /** * The title to display when the component expands the full text in a modal. * @default "Expanded view" */ expandModalTitle: string | undefined; /** * The maximum number of text characters to display inline when users select the link * to expand the full text. If the text exceeds this limit, then the component expands * the full text in a modal instead. * @default 600 */ set maxExpandedLength(value: number | undefined); get maxExpandedLength(): number; /** * The maximum number of newline characters to display inline when users select * the link to expand the full text. If the text exceeds this limit, then * the component expands the full text in a modal view instead. * @default 2 */ set maxExpandedNewlines(value: number | undefined); get maxExpandedNewlines(): number; /** * The number of text characters to display before truncating the text. * To avoid truncating text in the middle of a word, the component looks for a space * in the 10 characters before the last character. * @default 200 */ set maxLength(value: number | undefined); get maxLength(): number; /** * The text to truncate. */ set text(value: string | undefined); get text(): string; /** * Whether to replace newline characters in truncated text with spaces. */ truncateNewlines: boolean; buttonText: string; contentSectionId: string; expandable: boolean; isExpanded: boolean | undefined; isModal: boolean; transitionHeight: number; containerEl: ElementRef | undefined; set textEl(value: ElementRef | undefined); get textEl(): ElementRef | undefined; constructor(resources: SkyLibResourcesService, modalSvc: SkyModalService, textExpandAdapter: SkyTextExpandAdapterService); textExpand(): void; animationEnd(): void; ngAfterContentInit(): void; static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class SkyTextExpandModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } type SkyTextExpandRepeaterListStyleType = 'unordered' | 'ordered' | 'unstyled'; declare class SkyTextExpandRepeaterComponent { #private; /** * The data to truncate. */ readonly data: i0.InputSignal; /** * The template for items in the list. */ readonly itemTemplate: i0.InputSignal | undefined>; /** * The style of bullet to use * @default "unordered" */ readonly listStyle: i0.InputSignal; /** * The number of items to display before truncating the list. If not supplied, all items are shown. */ readonly maxItems: i0.InputSignalWithTransform; protected expandable: boolean; contentSectionId: string; protected readonly isExpanded: i0.WritableSignal; protected transitionHeight: number; protected readonly buttonText: i0.Signal; protected containerEl: i0.Signal | undefined>; protected readonly trackedData: i0.Signal<{ item: TData; index: number; }[]>; constructor(); animationEnd(): void; repeaterExpand(): void; static ɵfac: i0.ɵɵFactoryDeclaration, never>; static ɵcmp: i0.ɵɵComponentDeclaration, "sky-text-expand-repeater", never, { "data": { "alias": "data"; "required": false; "isSignal": true; }; "itemTemplate": { "alias": "itemTemplate"; "required": false; "isSignal": true; }; "listStyle": { "alias": "listStyle"; "required": false; "isSignal": true; }; "maxItems": { "alias": "maxItems"; "required": false; "isSignal": true; }; }, {}, never, never, false, never>; } declare class SkyTextExpandRepeaterModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } /** * Specifies a section to group items within the toolbar. The section displays items in a separate horizontal row. */ declare class SkyToolbarSectionComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Displays actions for lists, records, and tiles. */ declare class SkyToolbarComponent { #private; hasSections: boolean; set sectionComponents(value: QueryList | undefined); /** * A descriptor for the items that the toolbar manipulates. Use a plural term. The descriptor helps set the toolbar's `aria-label` attributes for search inputs, sort buttons, and filter buttons to provide text equivalents for screen readers [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility). * For example, when the descriptor is "constituents," the search input's `aria-label` is "Search constituents." For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label). */ set listDescriptor(value: string | undefined); static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Specifies a container for an item in the toolbar. */ declare class SkyToolbarItemComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } /** * Adds a section on the right side of the toolbar for items that substantially alter * the view of the content container. This includes simple filters and view switchers. */ declare class SkyToolbarViewActionsComponent { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵcmp: i0.ɵɵComponentDeclaration; } declare class SkyToolbarModule { static ɵfac: i0.ɵɵFactoryDeclaration; static ɵmod: i0.ɵɵNgModuleDeclaration; static ɵinj: i0.ɵɵInjectorDeclaration; } export { SkyActionButtonContainerAlignItems, SkyActionButtonModule, SkyBackToTopMessageType, SkyBackToTopModule, SkyBoxModule, SkyCardModule, SkyDefinitionListModule, SkyDescriptionListMode, SkyDescriptionListModule, SkyFluidGridModule, SkyFormatModule, SkyInlineDeleteModule, SkyInlineDeleteType, SkyPageSummaryModule, SkyTextExpandModule, SkyTextExpandRepeaterModule, SkyToolbarModule, SkyActionButtonComponent as λ1, SkyCardActionsComponent as λ10, SkyCardContentComponent as λ11, SkyCardTitleComponent as λ12, SkyDefinitionListComponent as λ13, SkyDefinitionListContentComponent as λ14, SkyDefinitionListHeadingComponent as λ15, SkyDefinitionListLabelComponent as λ16, SkyDefinitionListValueComponent as λ17, SkyDescriptionListComponent as λ18, SkyDescriptionListTermComponent as λ19, SkyActionButtonContainerComponent as λ2, SkyDescriptionListDescriptionComponent as λ20, SkyDescriptionListContentComponent as λ21, SkyFluidGridComponent as λ22, SkyRowComponent as λ23, SkyColumnComponent as λ24, SkyFormatComponent as λ25, SkyPageSummaryComponent as λ27, SkyPageSummaryAlertComponent as λ28, SkyPageSummaryContentComponent as λ29, SkyActionButtonDetailsComponent as λ3, SkyPageSummaryImageComponent as λ30, SkyPageSummaryKeyInfoComponent as λ31, SkyPageSummaryStatusComponent as λ32, SkyPageSummarySubtitleComponent as λ33, SkyPageSummaryTitleComponent as λ34, SkyTextExpandComponent as λ35, SkyTextExpandRepeaterComponent as λ36, SkyToolbarComponent as λ37, SkyToolbarSectionComponent as λ38, SkyToolbarItemComponent as λ39, SkyActionButtonHeaderComponent as λ4, SkyToolbarViewActionsComponent as λ40, SkyBoxComponent as λ41, SkyBoxHeaderComponent as λ42, SkyBoxContentComponent as λ43, SkyBoxControlsComponent as λ44, SkyActionButtonIconComponent as λ5, SkyBackToTopComponent as λ6, SkyBackToTopDirective as λ7, SkyInlineDeleteComponent as λ8, SkyCardComponent as λ9 }; export type { SkyActionButtonContainerAlignItemsType, SkyActionButtonPermalink, SkyBackToTopMessage, SkyBackToTopOptions, SkyBoxHeadingLevel, SkyBoxHeadingStyle, SkyDescriptionListModeType, SkyFluidGridGutterSizeType, SkyFormatItem, SkyTextExpandRepeaterListStyleType };