@coreui/angular-pro
Version:
CoreUI Pro Components Library for Angular
1,004 lines (958 loc) • 326 kB
TypeScript
import { IsActiveMatchOptions, UrlTree, Router, NavigationEnd } from '@angular/router';
import * as _angular_core from '@angular/core';
import { ElementRef, TemplateRef, ModuleWithProviders, OnInit, OnDestroy, InputSignal, InputSignalWithTransform, QueryList, AfterViewInit, PipeTransform, AfterContentInit, AfterContentChecked, ModelSignal, ChangeDetectorRef, ViewContainerRef, OutputEmitterRef, EventEmitter, WritableSignal, OnChanges, SimpleChanges, Renderer2, ComponentRef, Injector, NgModuleRef } from '@angular/core';
import { AnimationEvent } from '@angular/animations';
import * as rxjs from 'rxjs';
import { Observable, Subscription, BehaviorSubject } from 'rxjs';
import { FocusableOption, FocusMonitor, FocusOrigin } from '@angular/cdk/a11y';
import { ControlValueAccessor, FormGroup, FormControl } from '@angular/forms';
import { BooleanInput as BooleanInput$1, NumberInput as NumberInput$1 } from '@angular/cdk/coercion';
import * as _popperjs_core from '@popperjs/core';
import { Options, Placement } from '@popperjs/core';
import { CdkVirtualScrollViewport } from '@angular/cdk/scrolling';
declare type BooleanInput = string | boolean | null | undefined;
declare type NumberInput = string | number | null | undefined;
type NgCssClass = string | string[] | Set<string> | {
[klass: string]: any;
};
declare enum BreakpointInfix {
xs = "xs",
sm = "sm",
md = "md",
lg = "lg",
xl = "xl",
xxl = "xxl"
}
type BreakpointInfixStrings = keyof typeof BreakpointInfix;
type Breakpoints = BreakpointInfixStrings | string;
type Sizes = 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | string;
type Colors = 'primary' | 'secondary' | 'success' | 'danger' | 'warning' | 'info' | 'dark' | 'light' | 'primary-gradient' | 'secondary-gradient' | 'success-gradient' | 'danger-gradient' | 'warning-gradient' | 'info-gradient' | 'dark-gradient' | 'light-gradient' | string;
type BackgroundColors = Colors | 'body' | 'white' | 'transparent';
type Directions = 'down' | 'up' | 'start' | 'end' | '';
type TextColors = Colors | 'primary-emphasis' | 'secondary-emphasis' | 'success-emphasis' | 'danger-emphasis' | 'warning-emphasis' | 'info-emphasis' | 'light-emphasis' | 'body' | 'body-emphasis' | 'body-secondary' | 'body-tertiary' | 'black' | 'black-50' | 'white' | 'white-50' | string;
type Alignment = 'baseline' | 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom';
type BadgePositions = 'top-start' | 'top-end' | 'bottom-end' | 'bottom-start' | string | undefined;
type Placements = 'auto' | 'auto-start' | 'auto-end' | 'top-end' | 'top' | 'top-start' | 'bottom-end' | 'bottom' | 'bottom-start' | 'right-start' | 'right' | 'right-end' | 'left-start' | 'left' | 'left-end' | undefined;
type Shapes = 'rounded' | 'rounded-top' | 'rounded-end' | 'rounded-bottom' | 'rounded-start' | 'rounded-circle' | 'rounded-pill' | 'rounded-0' | 'rounded-1' | 'rounded-2' | 'rounded-3' | string;
type Triggers = 'hover' | 'focus' | 'click' | 'focusin';
type Positions = 'fixed' | 'sticky';
type InputType = 'button' | 'color' | 'date' | 'datetime' | 'datetime-local' | 'email' | 'file' | 'hidden' | 'image' | 'month' | 'number' | 'password' | 'range' | 'reset' | 'search' | 'submit' | 'tel' | 'text' | 'time' | 'url' | 'week' | 'checkbox' | 'radio';
interface INavLinkProps$1 {
queryParams?: {
[k: string]: any;
};
fragment?: string;
queryParamsHandling?: 'merge' | 'preserve' | '' | null;
preserveFragment?: boolean;
skipLocationChange?: boolean;
replaceUrl?: boolean;
state?: {
[k: string]: any;
};
routerLinkActiveOptions?: {
exact: boolean;
} | IsActiveMatchOptions;
routerLinkActive?: string | string[];
ariaCurrentWhenActive?: 'page' | 'step' | 'location' | 'date' | 'time' | true | false;
}
interface INavAttributes$1 {
[propName: string]: any;
}
type ButtonType = 'button' | 'submit' | 'reset';
declare class ElementRefDirective {
readonly elementRef: ElementRef<any>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ElementRefDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ElementRefDirective, "[cElementRef]", ["cElementRef"], {}, {}, never, never, true, never>;
}
declare class HtmlAttributesDirective {
#private;
readonly cHtmlAttr: _angular_core.InputSignal<Record<string, any> | undefined>;
private setStyle;
private addClass;
private setAttrib;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<HtmlAttributesDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<HtmlAttributesDirective, "[cHtmlAttr]", ["cHtmlAttr"], { "cHtmlAttr": { "alias": "cHtmlAttr"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class TemplateIdDirective {
readonly templateRef: TemplateRef<any>;
readonly cTemplateId: _angular_core.InputSignal<string>;
get id(): string;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TemplateIdDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TemplateIdDirective, "[cTemplateId]", never, { "cTemplateId": { "alias": "cTemplateId"; "required": true; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class ThemeDirective {
#private;
/**
* Add dark theme attribute.
* @return 'dark' | 'light' | undefined
*/
readonly colorScheme: _angular_core.InputSignal<"dark" | "light" | undefined>;
readonly dark: _angular_core.InputSignalWithTransform<boolean, unknown>;
setTheme(theme?: string): void;
unsetTheme(): void;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ThemeDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ThemeDirective, "[cTheme]", ["cTheme"], { "colorScheme": { "alias": "colorScheme"; "required": false; "isSignal": true; }; "dark": { "alias": "dark"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class SharedModule {
static forRoot(): ModuleWithProviders<SharedModule>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<SharedModule, never>;
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<SharedModule, never, [typeof ElementRefDirective, typeof HtmlAttributesDirective, typeof TemplateIdDirective, typeof ThemeDirective], [typeof ElementRefDirective, typeof HtmlAttributesDirective, typeof TemplateIdDirective, typeof ThemeDirective]>;
static ɵinj: _angular_core.ɵɵInjectorDeclaration<SharedModule>;
}
declare class AccordionButtonDirective {
/**
* Toggles an accordion button collapsed state. Use in accordionHeaderTemplate. [docs]
* @type boolean
*/
readonly collapsed: _angular_core.InputSignal<boolean | undefined>;
/**
* Default type for cAccordionButton. [docs]
* @type string
* @default 'button'
*/
readonly type: _angular_core.InputSignal<string>;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
readonly ariaExpanded: _angular_core.Signal<boolean>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionButtonDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AccordionButtonDirective, "[cAccordionButton]", never, { "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class AccordionComponent {
#private;
/**
* Removes the default background-color, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.
* @type boolean
*/
readonly flush: _angular_core.InputSignalWithTransform<boolean, unknown>;
/**
* Make accordion items stay open when another item is opened
* @type boolean
*/
readonly alwaysOpen: _angular_core.InputSignalWithTransform<boolean, unknown>;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionComponent, "c-accordion", ["cAccordionItem"], { "flush": { "alias": "flush"; "required": false; "isSignal": true; }; "alwaysOpen": { "alias": "alwaysOpen"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}
declare class AccordionItemComponent implements OnInit, OnDestroy {
#private;
/**
* Toggle an accordion item programmatically
* @return boolean
* @default false
*/
readonly visibleInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
readonly itemVisible: _angular_core.WritableSignal<boolean>;
set visible(value: boolean);
get visible(): boolean;
contentId: string;
get itemContext(): {
$implicit: boolean;
};
readonly contentTemplates: _angular_core.Signal<readonly TemplateIdDirective[]>;
readonly templates: _angular_core.Signal<Record<string, TemplateRef<any>>>;
ngOnInit(): void;
ngOnDestroy(): void;
toggleItem(): void;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AccordionItemComponent, "c-accordion-item", ["cAccordionItem"], { "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; }, {}, ["contentTemplates"], ["*", "*"], true, never>;
}
declare class AccordionModule {
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AccordionModule, never>;
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AccordionModule, never, [typeof AccordionButtonDirective, typeof AccordionComponent, typeof AccordionItemComponent], [typeof AccordionComponent, typeof AccordionButtonDirective, typeof AccordionItemComponent]>;
static ɵinj: _angular_core.ɵɵInjectorDeclaration<AccordionModule>;
}
declare class AlertHeadingDirective {
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertHeadingDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AlertHeadingDirective, "[cAlertHeading]", never, {}, {}, never, never, true, never>;
}
declare class AlertLinkDirective {
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertLinkDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<AlertLinkDirective, "[cAlertLink]", never, {}, {}, never, never, true, never>;
}
type AnimateType$1 = 'hide' | 'show';
declare class AlertComponent {
#private;
/**
* Sets the color context of the component to one of CoreUI’s themed colors.
* @return Colors
* @default 'primary'
*/
readonly color: _angular_core.InputSignal<string>;
/**
* Default role for alert. [docs]
* @return string
* @default 'alert'
*/
readonly role: _angular_core.InputSignal<string>;
/**
* Set the alert variant to a solid.
* @return string
*/
readonly variant: _angular_core.InputSignal<"solid" | undefined>;
/**
* Optionally adds a close button to alert and allow it to self dismiss.
* @return boolean
* @default false
*/
readonly dismissibleInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
set dismissible(value: boolean);
get dismissible(): boolean;
/**
* Adds animation for dismissible alert.
* @return boolean
*/
readonly fade: _angular_core.InputSignalWithTransform<boolean, unknown>;
/**
* Toggle the visibility of alert component.
* @return boolean
*/
readonly visibleInput: _angular_core.InputSignalWithTransform<boolean, unknown>;
set visible(value: boolean);
get visible(): boolean;
readonly hide: _angular_core.WritableSignal<boolean>;
/**
* Event triggered on the alert dismiss.
*/
readonly visibleChange: _angular_core.OutputEmitterRef<boolean>;
readonly contentTemplates: _angular_core.Signal<readonly TemplateIdDirective[]>;
readonly templates: _angular_core.Signal<Record<string, TemplateRef<any>>>;
get animateType(): AnimateType$1;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
onAnimationStart($event: AnimationEvent): void;
onAnimationDone($event: AnimationEvent): void;
onAnimationEvent(event: AnimationEvent): void;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AlertComponent, "c-alert", ["cAlert"], { "color": { "alias": "color"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "dismissibleInput": { "alias": "dismissible"; "required": false; "isSignal": true; }; "fade": { "alias": "fade"; "required": false; "isSignal": true; }; "visibleInput": { "alias": "visible"; "required": false; "isSignal": true; }; }, { "visibleChange": "visibleChange"; }, ["contentTemplates"], ["*"], true, never>;
}
declare class AlertModule {
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AlertModule, never>;
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AlertModule, never, [typeof AlertComponent, typeof AlertHeadingDirective, typeof AlertLinkDirective], [typeof AlertComponent, typeof AlertHeadingDirective, typeof AlertLinkDirective]>;
static ɵinj: _angular_core.ɵɵInjectorDeclaration<AlertModule>;
}
declare class TextColorDirective {
/**
* Set text-color of element
* @type TextColors
*/
readonly color: InputSignal<TextColors>;
readonly hostClasses: _angular_core.Signal<{
[x: string]: boolean;
}>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextColorDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextColorDirective, "[cTextColor]", never, { "color": { "alias": "cTextColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class AvatarComponent {
/**
* Sets the background color context of the component to one of CoreUI’s themed colors.
* @type Colors
*/
readonly color: InputSignal<Colors | undefined>;
/**
* Select the shape of the component.
* @type Shapes
*/
readonly shape: InputSignal<Shapes | undefined>;
/**
* Size the component small, large, or extra large.
* @default 'md'
*/
readonly size: InputSignal<Omit<Sizes, 'xxl'>>;
/**
* The alt attribute for the img element alternate text.
* @type string
*/
readonly alt: InputSignal<string>;
/**
* The src attribute for the img element.
* @type string
*/
readonly src: InputSignal<string | undefined>;
/**
* Sets the color context of the status indicator to one of CoreUI’s themed colors.
* @type Colors
*/
readonly status: InputSignal<Colors | undefined>;
/**
* Sets the text color of the component to one of CoreUI’s themed colors.
* via TextColorDirective
* @type TextColors
*/
readonly textColor: InputSignal<TextColors | undefined>;
readonly statusClass: _angular_core.Signal<Record<string, boolean>>;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<AvatarComponent, "c-avatar", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "status": { "alias": "status"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }]>;
}
declare class AvatarModule {
static ɵfac: _angular_core.ɵɵFactoryDeclaration<AvatarModule, never>;
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<AvatarModule, never, [typeof AvatarComponent], [typeof AvatarComponent]>;
static ɵinj: _angular_core.ɵɵInjectorDeclaration<AvatarModule>;
}
declare class TextBgColorDirective {
/**
* Set text-bg-color of element
* @type Colors
*/
readonly textBgColor: InputSignal<Colors>;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<TextBgColorDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<TextBgColorDirective, "[cTextBgColor]", never, { "textBgColor": { "alias": "cTextBgColor"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class BadgeComponent {
/**
* Sets the color context of the component to one of CoreUI’s themed colors.
* @type Colors
*/
readonly color: InputSignal<Colors | undefined>;
/**
* Position badge in one of the corners of a link or button.
* @type BadgePositions
*/
readonly position: InputSignal<BadgePositions | undefined>;
/**
* Select the shape of the component.
* @type Shapes
*/
readonly shape: InputSignal<Shapes | undefined>;
/**
* Size the component small.
*/
readonly size: InputSignal<'sm' | undefined>;
/**
* Sets the text color of the component to one of CoreUI’s themed colors.
* via TextColorDirective
* @type TextColors
*/
readonly textColor: InputSignal<TextColors | undefined>;
/**
* Sets the component's color scheme to one of CoreUI's themed colors, ensuring the text color contrast adheres to the WCAG 4.5:1 contrast ratio standard for accessibility.
* via TextBgColorDirective
* @type Colors
* @since 5.0.0
*/
readonly textBgColor: InputSignal<Colors | undefined>;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BadgeComponent, "c-badge", never, { "color": { "alias": "color"; "required": false; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "textBgColor": { "alias": "textBgColor"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof TextColorDirective; inputs: { "cTextColor": "textColor"; }; outputs: {}; }, { directive: typeof TextBgColorDirective; inputs: { "cTextBgColor": "textBgColor"; }; outputs: {}; }]>;
}
declare class BadgeModule {
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BadgeModule, never>;
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<BadgeModule, never, [typeof BadgeComponent], [typeof BadgeComponent]>;
static ɵinj: _angular_core.ɵɵInjectorDeclaration<BadgeModule>;
}
declare class BackdropService {
#private;
readonly backdropClick$: rxjs.Observable<boolean>;
activeBackdrop: any;
scrollbarWidth: string;
setBackdrop(type?: string): any;
clearBackdrop(backdropElement: any): any;
hideScrollbar(): void;
resetScrollbar(): void;
onClickHandler(): void;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BackdropService, never>;
static ɵprov: _angular_core.ɵɵInjectableDeclaration<BackdropService>;
}
interface IBreadcrumbItem {
label: string;
url?: string | any[];
attributes?: INavAttributes$1;
linkProps?: INavLinkProps$1;
class?: string;
queryParams?: {
[key: string]: any;
};
}
declare class BreadcrumbItemComponent {
/**
* Toggle the active state for the component. [docs]
* @return boolean
*/
readonly active: _angular_core.InputSignalWithTransform<boolean | undefined, unknown>;
/**
* The `url` prop for the inner `[routerLink]` directive. [docs]
* @type string
*/
readonly url: _angular_core.InputSignal<string | any[] | undefined>;
/**
* Additional html attributes for link. [docs]
* @type INavAttributes
*/
readonly attributes: _angular_core.InputSignal<INavAttributes$1 | undefined>;
/**
* Some `NavigationExtras` props for the inner `[routerLink]` directive and `routerLinkActiveOptions`. [docs]
* @type INavLinkProps
*/
readonly linkProps: _angular_core.InputSignal<INavLinkProps$1 | undefined>;
readonly ariaCurrent: _angular_core.Signal<string | null>;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbItemComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbItemComponent, "c-breadcrumb-item", ["breadcrumbItem"], { "active": { "alias": "active"; "required": false; "isSignal": true; }; "url": { "alias": "url"; "required": false; "isSignal": true; }; "attributes": { "alias": "attributes"; "required": false; "isSignal": true; }; "linkProps": { "alias": "linkProps"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}
declare class BreadcrumbComponent {
/**
* Default aria-label for breadcrumb. [docs]
* @return string
* @default 'breadcrumb'
*/
readonly ariaLabel: _angular_core.InputSignal<string>;
/**
* Default role for breadcrumb. [docs]
* @return string
* @default 'navigation'
*/
readonly role: _angular_core.InputSignal<string>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbComponent, "c-breadcrumb", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}
declare class BreadcrumbRouterService {
#private;
outlet: string;
readonly breadcrumbs$: Observable<IBreadcrumbItem[]>;
constructor();
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbRouterService, never>;
static ɵprov: _angular_core.ɵɵInjectableDeclaration<BreadcrumbRouterService>;
}
declare class BreadcrumbRouterComponent implements OnDestroy, OnInit {
readonly service: BreadcrumbRouterService;
/**
* Optional array of IBreadcrumbItem to override default BreadcrumbRouter behavior. [docs]
* @return IBreadcrumbItem[]
*/
readonly items: _angular_core.InputSignal<IBreadcrumbItem[] | undefined>;
breadcrumbs: Observable<IBreadcrumbItem[]> | undefined;
ngOnInit(): void;
readonly setup: _angular_core.EffectRef;
ngOnDestroy(): void;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbRouterComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<BreadcrumbRouterComponent, "c-breadcrumb-router, [cBreadcrumbRouter]", never, { "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class BreadcrumbModule {
static ɵfac: _angular_core.ɵɵFactoryDeclaration<BreadcrumbModule, never>;
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<BreadcrumbModule, never, [typeof BreadcrumbComponent, typeof BreadcrumbItemComponent, typeof BreadcrumbRouterComponent], [typeof BreadcrumbComponent, typeof BreadcrumbItemComponent, typeof BreadcrumbRouterComponent]>;
static ɵinj: _angular_core.ɵɵInjectorDeclaration<BreadcrumbModule>;
}
declare class ButtonDirective {
static ngAcceptInputType_active: BooleanInput;
static ngAcceptInputType_disabled: BooleanInput;
/**
* Toggle the active state for the component. [docs]
* @type InputSignalWithTransform<boolean, unknown>
*/
readonly active: InputSignalWithTransform<boolean, unknown>;
/**
* Sets the color context of the component to one of CoreUI’s themed colors. [docs]
* @type InputSignal<Colors>
*/
readonly color: InputSignal<Colors>;
/**
* Toggle the disabled state for the component.
* @type InputSignalWithTransform<boolean, unknown>
*/
readonly disabled: InputSignalWithTransform<boolean, unknown>;
/**
* Select the shape of the component.
* @type InputSignal<Shapes>
*/
readonly shape: InputSignal<Shapes | undefined>;
/**
* Size the component small or large.
* @type InputSignal<'sm' | 'lg' | ''>
*/
readonly size: InputSignal<'' | 'sm' | 'lg'>;
/**
* The tabindex attribute specifies the tab order of an element (when the "tab" button is used for navigating).
*/
readonly tabindex: InputSignalWithTransform<number | undefined, unknown>;
/**
* Specifies the type of button. Always specify the type attribute for the `<button>` element.
* Different browsers may use different default types for the `<button>` element.
* @type InputSignal<ButtonType>
* @default 'button'
*/
readonly type: InputSignal<ButtonType>;
/**
* Set the button variant to an outlined button or a ghost button.
* @type InputSignal<'ghost' | 'outline' | undefined>
*/
readonly variant: InputSignal<'ghost' | 'outline' | undefined>;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
readonly _disabled: _angular_core.Signal<boolean>;
readonly ariaDisabled: _angular_core.Signal<true | null>;
readonly attrDisabled: _angular_core.Signal<"" | null>;
readonly tabIndex: _angular_core.Signal<number | "-1" | null>;
readonly isActive: _angular_core.Signal<true | null>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonDirective, "[cButton]", ["cButton"], { "active": { "alias": "active"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; "type": { "alias": "type"; "required": false; "isSignal": true; }; "variant": { "alias": "variant"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class ButtonCloseDirective extends ButtonDirective {
/**
* Change the default color to white.
* @type boolean
* @deprecated 5.0.0. Use `cButtonClose.dark` instead.
*/
readonly white: InputSignalWithTransform<boolean, unknown>;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonCloseDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<ButtonCloseDirective, "[cButtonClose]", never, { "white": { "alias": "white"; "required": false; "isSignal": true; }; }, {}, never, never, true, [{ directive: typeof ThemeDirective; inputs: { "dark": "dark"; }; outputs: {}; }]>;
}
declare class ButtonModule {
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonModule, never>;
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ButtonModule, never, [typeof ButtonDirective, typeof ButtonCloseDirective], [typeof ButtonDirective, typeof ButtonCloseDirective]>;
static ɵinj: _angular_core.ɵɵInjectorDeclaration<ButtonModule>;
}
declare class ButtonGroupComponent {
/**
* Size the component small or large.
* @type { 'sm' | 'lg' }
*/
readonly size: InputSignal<'sm' | 'lg' | undefined>;
/**
* Create a set of buttons that appear vertically stacked rather than horizontally. Split button dropdowns are not supported here.
* @type boolean
*/
readonly vertical: InputSignalWithTransform<boolean, unknown>;
/**
* Default role attr for ButtonGroup. [docs]
* @type InputSignal<string>
* @default 'group'
*/
readonly role: InputSignal<string>;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonGroupComponent, "c-button-group", never, { "size": { "alias": "size"; "required": false; "isSignal": true; }; "vertical": { "alias": "vertical"; "required": false; "isSignal": true; }; "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}
declare class ButtonToolbarComponent {
/**
* Default role attr for ButtonToolbar. [docs]
* @type InputSignal<string>
* @default 'toolbar'
*/
role: InputSignal<string>;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonToolbarComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<ButtonToolbarComponent, "c-button-toolbar", never, { "role": { "alias": "role"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
}
declare class ButtonGroupModule {
static ɵfac: _angular_core.ɵɵFactoryDeclaration<ButtonGroupModule, never>;
static ɵmod: _angular_core.ɵɵNgModuleDeclaration<ButtonGroupModule, never, [typeof ButtonGroupComponent, typeof ButtonToolbarComponent], [typeof ButtonGroupComponent, typeof ButtonToolbarComponent]>;
static ɵinj: _angular_core.ɵɵInjectorDeclaration<ButtonGroupModule>;
}
type DateFilterType = (date: Date) => boolean;
type DayFormatType = 'numeric' | '2-digit' | ((date: Date) => string | number);
type WeekdayFormatType = number | 'long' | 'narrow' | 'short' | ((date: Date) => string | number);
type SelectionType = 'day' | 'week' | 'month' | 'year';
type DaysOfWeek = 0 | 1 | 2 | 3 | 4 | 5 | 6;
type MonthDetails = {
weekNumber: number;
days: {
date: Date;
month: string;
}[];
}[];
interface INavigationClick {
direction: 'prev' | 'next';
years: boolean;
}
declare class CalendarNavigationComponent {
#private;
constructor();
readonly pageIndex: _angular_core.InputSignalWithTransform<number, unknown>;
readonly addMonths: _angular_core.Signal<number>;
readonly navigation: _angular_core.InputSignal<boolean>;
readonly maxDate: _angular_core.WritableSignal<Date | null>;
readonly minDate: _angular_core.WritableSignal<Date | null>;
readonly calendarDate: _angular_core.WritableSignal<Date>;
readonly navYearFirst: _angular_core.WritableSignal<boolean>;
readonly locale: _angular_core.WritableSignal<string>;
readonly view: _angular_core.WritableSignal<"days" | "months" | "years">;
readonly selectionType: _angular_core.WritableSignal<SelectionType>;
readonly ariaNextMonthLabel: _angular_core.InputSignal<string>;
readonly ariaNextYearLabel: _angular_core.InputSignal<string>;
readonly ariaPrevMonthLabel: _angular_core.InputSignal<string>;
readonly ariaPrevYearLabel: _angular_core.InputSignal<string>;
readonly navigationClick: _angular_core.OutputEmitterRef<INavigationClick>;
readonly date: _angular_core.Signal<Date>;
readonly disableNextMonth: _angular_core.Signal<boolean>;
readonly disablePrevMonth: _angular_core.Signal<boolean>;
readonly disableNextYear: _angular_core.Signal<boolean>;
readonly disablePrevYear: _angular_core.Signal<boolean>;
calendarStateSubscribe(): void;
setView(view: 'days' | 'months' | 'years'): void;
handleNavigationClick(direction: 'prev' | 'next', years?: boolean): void;
handleNavigationKeyUp($event: KeyboardEvent, direction: 'prev' | 'next', years?: boolean): void;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarNavigationComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarNavigationComponent, "c-calendar-navigation", never, { "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; "isSignal": true; }; "ariaNextMonthLabel": { "alias": "ariaNextMonthLabel"; "required": false; "isSignal": true; }; "ariaNextYearLabel": { "alias": "ariaNextYearLabel"; "required": false; "isSignal": true; }; "ariaPrevMonthLabel": { "alias": "ariaPrevMonthLabel"; "required": false; "isSignal": true; }; "ariaPrevYearLabel": { "alias": "ariaPrevYearLabel"; "required": false; "isSignal": true; }; }, { "navigationClick": "navigationClick"; }, never, never, true, never>;
}
declare class CalendarDayDirective implements FocusableOption {
#private;
readonly elementRef: ElementRef<any>;
readonly focusMonitor: FocusMonitor;
constructor();
readonly date: _angular_core.InputSignal<Date | undefined>;
readonly month: _angular_core.InputSignal<string>;
disabled: boolean;
readonly disabled$: _angular_core.Signal<boolean>;
readonly hostClasses: _angular_core.Signal<Record<string, boolean> | undefined>;
readonly ariaSelected: _angular_core.Signal<true | null>;
focus(origin?: FocusOrigin): void;
getLabel(): string;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarDayDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CalendarDayDirective, "[cCalendarDay]", ["cCalendarDay"], { "date": { "alias": "date"; "required": false; "isSignal": true; }; "month": { "alias": "month"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class CalendarRowDirective implements FocusableOption {
#private;
elementRef: ElementRef<any>;
focusMonitor: FocusMonitor;
constructor();
set week(value: {
weekNumber: number;
days: {
date: Date;
month: string;
}[];
});
get week(): {
weekNumber: number;
days: {
date: Date;
month: string;
}[];
};
date: Date | null;
private startDate;
private endDate;
private hoverDate;
private maxDate;
private minDate;
private range;
private selectionType;
private disabledDates;
private dateFilter;
private calendarDate;
private locale;
disabled: boolean;
current: boolean;
readonly tabindex: _angular_core.WritableSignal<number>;
get selectEndDate(): boolean;
get hostClasses(): any;
get ariaSelected(): true | null;
focus(origin?: FocusOrigin): void;
getLabel(): string;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarRowDirective, never>;
static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CalendarRowDirective, "[cCalendarRow]", ["cCalendarRow"], { "week": { "alias": "cCalendarRow"; "required": true; }; }, {}, never, never, true, never>;
}
declare class CalendarMonthComponent {
#private;
constructor();
readonly pageIndex: _angular_core.InputSignalWithTransform<number, unknown>;
readonly addMonths: _angular_core.Signal<number>;
/**
* Initial selected date.
* @type (Date | null)
*/
readonly startDate: _angular_core.WritableSignal<Date | null>;
/**
* Initial selected to date (range).
* @type Date | null
*/
readonly endDate: _angular_core.WritableSignal<Date | null>;
readonly datesEffect: _angular_core.EffectRef;
/**
* Specify the list of dates that cannot be selected.
* @type Date[] | Date[][]
*/
readonly disabledDates: _angular_core.WritableSignal<(Date | Date[])[]>;
/**
* Sets the day of start week.
* - 0 - Sunday,
* - 1 - Monday,
* - 2 - Tuesday,
* - 3 - Wednesday,
* - 4 - Thursday,
* - 5 - Friday,
* - 6 - Saturday,
*/
readonly firstDayOfWeek: _angular_core.WritableSignal<number>;
/**
* Sets the default locale for components. If not set, it is inherited from the browser.
* @default 'default'
*/
readonly locale: _angular_core.WritableSignal<string>;
/**
* Allow range selection.
* @type boolean
* @default false
*/
readonly range: _angular_core.WritableSignal<boolean>;
/**
* Set length or format of day name.
* @type number | 'long' | 'narrow' | 'short'
* @default 'short'
*/
readonly weekdayFormat: _angular_core.WritableSignal<number | "long" | "short" | "narrow">;
/**
* Set calendar view.
* @type 'days' | 'months' | 'years'
* @default 'days'
*/
readonly view: _angular_core.WritableSignal<"days" | "months" | "years">;
/**
* Max selectable date.
*/
readonly maxDate: _angular_core.WritableSignal<Date | null>;
/**
* Min selectable date.
*/
readonly minDate: _angular_core.WritableSignal<Date | null>;
readonly listOfMonths: _angular_core.Signal<{
year: number;
month: string;
}[][]>;
readonly listOfYears: _angular_core.Signal<number[][]>;
/**
* Default date of the component
* @type Date
*/
readonly calendarDate: _angular_core.WritableSignal<Date>;
readonly date: _angular_core.Signal<Date>;
readonly calendarDateEffect: _angular_core.EffectRef;
calendarDays: QueryList<CalendarDayDirective>;
calendarRows: QueryList<CalendarRowDirective>;
readonly dateFilter: _angular_core.WritableSignal<DateFilterType | undefined>;
readonly dayFormat: _angular_core.WritableSignal<DayFormatType>;
readonly selectAdjacentDays: _angular_core.WritableSignal<boolean>;
readonly showAdjacentDays: _angular_core.WritableSignal<boolean>;
readonly selectionType: _angular_core.WritableSignal<SelectionType>;
readonly showWeekNumber: _angular_core.WritableSignal<boolean>;
readonly weekNumbersLabel: _angular_core.WritableSignal<string>;
readonly monthDetails: _angular_core.Signal<MonthDetails>;
readonly weekDays: _angular_core.Signal<{
date: Date;
month: string;
}[]>;
yearNumber(year: any): string;
isDateDisabled(date: Date): boolean;
calendarCellTitle(date: Date): string;
handleCellMouseEnter(hoverDate: Date | undefined): void;
handleYearCellClick(year: number): void;
handleYearCellKeyUp($event: KeyboardEvent, date: Date | undefined): void;
handleMonthCellKeyUp($event: KeyboardEvent, date: Date | undefined): void;
handleMonthCellClick(value: Date | undefined): void;
setCalendarPage(years: number, months?: number, setMonth?: number): void;
handleDayCellKeyDown($event: KeyboardEvent, date: Date | undefined): void;
handleCellMouseLeave(): void;
handleDayCellKeyUp($event: KeyboardEvent, date: Date): void;
handleDayCellClick(date: Date): void;
calendarStateSubscribe(): void;
getMonthStart(index: number): Date;
getMonthEnd(index: number): Date;
getYearStart(year: number): Date;
getYearEnd(year: number): Date;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarMonthComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarMonthComponent, "c-calendar-month", ["cCalendarMonth"], { "pageIndex": { "alias": "pageIndex"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
}
declare class CalendarComponent implements OnInit, AfterViewInit {
#private;
readonly calendarDateChange: _angular_core.OutputEmitterRef<Date>;
/**
* Default date of the component
* @type Date | string
*/
readonly calendarDateModel: _angular_core.ModelSignal<string | number | Date>;
readonly calendarDate: _angular_core.Signal<Date>;
readonly calendarDateEffect: _angular_core.EffectRef;
/**
* The number of calendars that render on desktop devices.
* @type number
* default 1
*/
readonly calendars: _angular_core.InputSignalWithTransform<number, unknown>;
readonly calendarsArray: _angular_core.Signal<number[]>;
/**
* Set the format of day name.
* @default 'numeric'
* @type DayFormatType
*/
readonly dayFormat: _angular_core.InputSignal<DayFormatType>;
readonly dayFormatEffect: _angular_core.EffectRef;
/**
* Specify the list of dates that cannot be selected.
* @type (Date | Date[])[]
*/
readonly disabledDates: _angular_core.InputSignal<(Date | Date[])[]>;
readonly disabledDatesEffect: _angular_core.EffectRef;
readonly endDateChange: _angular_core.OutputEmitterRef<Date | null>;
readonly startDateChange: _angular_core.OutputEmitterRef<Date | null>;
/**
* Initial selected date.
* @type (Date | null)
*/
readonly startDateModel: _angular_core.ModelSignal<string | number | Date | null>;
readonly startDate: _angular_core.Signal<Date | null>;
/**
* Initial selected to date (range).
* @type Date | null
*/
readonly endDateModel: _angular_core.ModelSignal<string | number | Date | null>;
readonly endDate: _angular_core.Signal<Date | null>;
/**
* Sets the day of start week.
* - 0 - Sunday,
* - 1 - Monday,
* - 2 - Tuesday,
* - 3 - Wednesday,
* - 4 - Thursday,
* - 5 - Friday,
* - 6 - Saturday,
*
* @type number
* @default 1
*/
readonly firstDayOfWeek: _angular_core.InputSignal<DaysOfWeek>;
readonly firstDayOfWeekEffect: _angular_core.EffectRef;
/**
* Sets the default locale for components. If not set, it is inherited from the browser.
* @default 'default'
*/
readonly locale: _angular_core.InputSignal<string>;
readonly localeEffect: _angular_core.EffectRef;
/**
* Max selectable date.
*/
readonly maxDateInput: _angular_core.InputSignal<string | number | Date | null>;
readonly maxDateEffect: _angular_core.EffectRef;
/**
* Min selectable date.
*/
readonly minDateInput: _angular_core.InputSignal<string | number | Date | null>;
readonly minDateEffect: _angular_core.EffectRef;
/**
* Show navigation.
* @type boolean
*/
readonly navigation: _angular_core.InputSignalWithTransform<boolean, unknown>;
/**
* Reorder year-month navigation, and render year first.
* @type boolean
* @default false
*/
readonly navYearFirst: _angular_core.InputSignalWithTransform<boolean, unknown>;
readonly navYearFirstEffect: _angular_core.EffectRef;
/**
* Allow range selection.
* @type boolean
* @default false
*/
readonly range: _angular_core.InputSignalWithTransform<boolean, unknown>;
readonly rangeEffect: _angular_core.EffectRef;
/**
* Set calendar view.
* @type 'days' | 'months' | 'years'
* @default 'days'
*/
readonly view: _angular_core.ModelSignal<"days" | "months" | "years">;
readonly viewEffect: _angular_core.EffectRef;
/**
* Set length or format of day name.
* @type number | 'long' | 'narrow' | 'short'
* @default 'short'
*/
readonly weekdayFormat: _angular_core.InputSignal<WeekdayFormatType>;
readonly weekdayFormatEffect: _angular_core.EffectRef;
readonly dateFilter: _angular_core.InputSignal<DateFilterType | undefined>;
readonly dateFilterEffect: _angular_core.EffectRef;
/**
* Set whether days in adjacent months shown before or after the current month are selectable. This only applies if the `showAdjacentDays` option is set to true.
* @type boolean
* @default false
* @since 4.4.10
*/
readonly selectAdjacentDays: _angular_core.InputSignalWithTransform<boolean, unknown>;
readonly selectAdjacentDaysEffect: _angular_core.EffectRef;
/**
* Set whether to display dates in adjacent months (non-selectable) at the start and end of the current month.
* @type boolean
* @default true
* @since 4.4.10
*/
readonly showAdjacentDays: _angular_core.InputSignalWithTransform<boolean, unknown>;
readonly showAdjacentDaysEffect: _angular_core.EffectRef;
/**
* Specify the type of date selection as day, week, month, or year.
* @type 'day' | 'week' | 'month' | 'year'
* @default 'day'
* @since 5.0.0
*/
readonly selectionType: _angular_core.InputSignal<SelectionType>;
readonly selectionTypeEffect: _angular_core.EffectRef;
/**
* Set whether to display week numbers in the calendar.
* @type boolean
* @default false
* @since 5.0.0
*/
readonly showWeekNumber: _angular_core.InputSignalWithTransform<boolean, unknown>;
readonly showWeekNumberEffect: _angular_core.EffectRef;
/**
* Label displayed over week numbers in the calendar.
* @type string
* @default undefined
* @since 5.0.0
*/
readonly weekNumbersLabel: _angular_core.InputSignal<string | undefined>;
readonly weekNumbersLabelEffect: _angular_core.EffectRef;
readonly ariaNextMonthLabel: _angular_core.InputSignal<string>;
readonly ariaNextYearLabel: _angular_core.InputSignal<string>;
readonly ariaPrevMonthLabel: _angular_core.InputSignal<string>;
readonly ariaPrevYearLabel: _angular_core.InputSignal<string>;
readonly calendarCellHover: _angular_core.OutputEmitterRef<Date | null>;
readonly hoverDate: _angular_core.WritableSignal<Date | null>;
readonly hoverDateEffect: _angular_core.EffectRef;
readonly hostClasses: _angular_core.Signal<Record<string, boolean>>;
ngOnInit(): void;
ngAfterViewInit(): void;
calendarStateSubscribe(): void;
setCalendarPage(years: number, months?: number, setMonth?: number): void;
handleNavigationClick(direction: 'prev' | 'next', years?: boolean): void;
/**
* Clear startDate and endDate
* @type void
*/
clearDates(): void;
handleFocusChange($event: FocusOrigin): void;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarComponent, never>;
static ɵcmp: _angular_core.ɵɵComponentDeclaration<CalendarComponent, "c-calendar", ["cCalendar"], { "calendarDateModel": { "alias": "calendarDate"; "required": false; "isSignal": true; }; "calendars": { "alias": "calendars"; "required": false; "isSignal": true; }; "dayFormat": { "alias": "dayFormat"; "required": false; "isSignal": true; }; "disabledDates": { "alias": "disabledDates"; "required": false; "isSignal": true; }; "startDateModel": { "alias": "startDate"; "required": false; "isSignal": true; }; "endDateModel": { "alias": "endDate"; "required": false; "isSignal": true; }; "firstDayOfWeek": { "alias": "firstDayOfWeek"; "required": false; "isSignal": true; }; "locale": { "alias": "locale"; "required": false; "isSignal": true; }; "maxDateInput": { "alias": "maxDate"; "required": false; "isSignal": true; }; "minDateInput": { "alias": "minDate"; "required": false; "isSignal": true; }; "navigation": { "alias": "navigation"; "required": false; "isSignal": true; }; "navYearFirst": { "alias": "navYearFirst"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "view": { "alias": "view"; "required": false; "isSignal": true; }; "weekdayFormat": { "alias": "weekdayFormat"; "required": false; "isSignal": true; }; "dateFilter": { "alias": "dateFilter"; "required": false; "isSignal": true; }; "selectAdjacentDays": { "alias": "selectAdjacentDays"; "required": false; "isSignal": true; }; "showAdjacentDays": { "alias": "showAdjacentDays"; "required": false; "isSignal": true; }; "selectionType": { "alias": "selectionType"; "required": false; "isSignal": true; }; "showWeekNumber": { "alias": "showWeekNumber"; "required": false; "isSignal": true; }; "weekNumbersLabel": { "alias": "weekNumbersLabel"; "required": false; "isSignal": true; }; "ariaNextMonthLabel": { "alias": "ariaNextMonthLabel"; "required": false; "isSignal": true; }; "ariaNextYearLabel": { "alias": "ariaNextYearLabel"; "required": false; "isSignal": true; }; "ariaPrevMonthLabel": { "alias": "ariaPrevMonthLabel"; "required": false; "isSignal": true; }; "ariaPrevYearLabel": { "alias": "ariaPrevYearLabel"; "required": false; "isSignal": true; }; }, { "calendarDateChange": "calendarDateChange"; "calendarDateModel": "calendarDateChange"; "endDateChange": "endDateChange"; "startDateChange": "startDateChange"; "startDateModel": "startDateChange"; "endDateModel": "endDateChange"; "view": "viewChange"; "calendarCellHover": "calendarCellHover"; }, never, never, true, never>;
}
declare class CalendarClassYearPipe implements PipeTransform {
transform(year: number, args?: any): any;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarClassYearPipe, never>;
static ɵpipe: _angular_core.ɵɵPipeDeclaration<CalendarClassYearPipe, "calendarClassYear", true>;
}
declare class CalendarClassDayPipe implements PipeTransform {
transform(dateObj: {
date: Date;
month: string;
}, datesConfig?: {
minDate: any;
maxDate: any;
disabledDates: any;
dateFilter: any;
}): any;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarClassDayPipe, never>;
static ɵpipe: _angular_core.ɵɵPipeDeclaration<CalendarClassDayPipe, "calendarClassDay", true>;
}
declare class CalendarClassMonthPipe implements PipeTransform {
transform(calendarDate: string | number | Date, monthIndex: number): any;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarClassMonthPipe, never>;
static ɵpipe: _angular_core.ɵɵPipeDeclaration<CalendarClassMonthPipe, "calendarClassMonth", true>;
}
declare class CalendarClassViewPipe implements PipeTransform {
transform(view: string): any;
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarClassViewPipe, never>;
static ɵpipe: _angular_core.ɵɵPipeDeclaration<CalendarClassViewPipe, "calendarClassView", true>;
}
declare class CalendarDayPipe implements PipeTransform {
transform(date: Date, dayFormat?: DayFormatType, locale?: string): (string | number);
static ɵfac: _angular_core.ɵɵFactoryDeclaration<CalendarDayPipe, never>;
static ɵpipe: _angular_core.ɵɵPipeDeclaration<CalendarDayPipe, "calendarDay", true>;
}
declare class CalendarWeekdayPipe implements PipeTransform {