@coreui/angular-pro 4.0.0-alpha.9 → 4.0.0-beta.0

package/lib/accordion/accordion-button/accordion-button.directive.d.ts

@@ -5,8 +5,14 @@ export declare class AccordionButtonDirective {
      * @type boolean
      */
     collapsed: boolean;
+    /**
+    * Default type for cAccordionButton. [docs]
+     * @type string
+     * @default 'button'
+     */
+    type: string;
     get hostClasses(): any;
     get ariaExpanded(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionButtonDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionButtonDirective, "[cAccordionButton]", never, { "collapsed": "collapsed"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<AccordionButtonDirective, "[cAccordionButton]", never, { "collapsed": "collapsed"; "type": "type"; }, {}, never>;
 }

package/lib/accordion/accordion-item/accordion-item.component.d.ts

@@ -1,14 +1,21 @@
 import { AfterContentInit, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { AccordionService } from '../accordion.service';
 import { TemplateIdDirective } from '../../shared';
+import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
 export declare class AccordionItemComponent implements OnInit, OnDestroy, AfterContentInit {
     private accordionService;
+    static ngAcceptInputType_visible: BooleanInput;
     /**
      * Toggle an accordion item programmatically
      * @type boolean
+     * @default false
      */
-    open: boolean;
+    set visible(value: boolean);
+    get visible(): boolean;
+    private _visible;
+    set open(value: boolean);
+    get open(): boolean;
     get hostClasses(): any;
     contentId: string;
     itemContext: {
@@ -22,5 +29,5 @@ export declare class AccordionItemComponent implements OnInit, OnDestroy, AfterC
     toggleItem(): void;
     ngAfterContentInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "c-accordion-item", ["cAccordionItem"], { "open": "open"; }, {}, ["contentTemplates"], ["*", "*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionItemComponent, "c-accordion-item", ["cAccordionItem"], { "visible": "visible"; "open": "open"; }, {}, ["contentTemplates"], ["*", "*"]>;
 }

package/lib/accordion/accordion.service.d.ts

@@ -6,7 +6,7 @@ export declare class AccordionService {
     constructor();
     addItem(item: AccordionItemComponent): void;
     removeItem(item: AccordionItemComponent): void;
-    toggelItem(item: AccordionItemComponent): void;
+    toggleItem(item: AccordionItemComponent): void;
     closeOtherItems(openItem: AccordionItemComponent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AccordionService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<AccordionService>;

package/lib/alert/alert.component.d.ts

@@ -31,6 +31,12 @@ export declare class AlertComponent implements AfterContentInit {
     get fade(): boolean;
     set fade(value: boolean);
     private _fade;
+    /**
+     * Default role for alert. [docs]
+     * @type string
+     * @default 'alert'
+     */
+    role: string;
     /**
      * Set the alert variant to a solid.
      * @type string
@@ -57,6 +63,6 @@ export declare class AlertComponent implements AfterContentInit {
     ngAfterContentInit(): void;
     onAnimationEvent(event: AnimationEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<AlertComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "c-alert", ["cAlert"], { "color": "color"; "dismissible": "dismissible"; "fade": "fade"; "variant": "variant"; "visible": "visible"; }, { "visibleChange": "visibleChange"; }, ["contentTemplates"], ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AlertComponent, "c-alert", ["cAlert"], { "color": "color"; "dismissible": "dismissible"; "fade": "fade"; "role": "role"; "variant": "variant"; "visible": "visible"; }, { "visibleChange": "visibleChange"; }, ["contentTemplates"], ["*"]>;
 }
 export {};

package/lib/carousel/carousel/carousel.component.d.ts

@@ -1,12 +1,18 @@
-import { AfterContentInit, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
+import { IntersectionService } from '../../services/intersection.service';
+import { ListenersService } from '../../services/listeners.service';
 import { CarouselState } from '../carousel-state';
 import { CarouselService } from '../carousel.service';
 import { CarouselConfig } from '../carousel.config';
+import { Triggers } from '../../coreui.types';
 import * as i0 from "@angular/core";
 export declare class CarouselComponent implements OnInit, OnDestroy, AfterContentInit {
     private config;
+    private hostElement;
     private carouselService;
     private carouselState;
+    private intersectionService;
+    private listenersService;
     /**
      * Index of the active item.
      * @type number
@@ -30,14 +36,26 @@ export declare class CarouselComponent implements OnInit, OnDestroy, AfterConten
     /**
      * The amount of time to delay between automatically cycling an item. If false, carousel will not automatically cycle.
      * @type number
+     * @default 0
      */
     interval: number;
+    /**
+     * Sets which event handlers you’d like provided to your pause prop. You can specify one trigger or an array of them.
+     * @type {'hover' | 'focus' | 'click'}
+     */
+    pause: Triggers | Triggers[] | false;
     /**
      * Set type of the transition.
      * @type {'slide' | 'crossfade'}
      * @default 'slide'
      */
     transition: 'slide' | 'crossfade';
+    /**
+     * Set whether the carousel should cycle continuously or have hard stops.
+     * @type boolean
+     * @default true
+     */
+    wrap: boolean;
     /**
      * Event emitted on carousel item change. [docs]
      * @type number
@@ -46,15 +64,21 @@ export declare class CarouselComponent implements OnInit, OnDestroy, AfterConten
     get hostClasses(): any;
     private carouselIndexSubscription?;
     private timerId;
-    onMouseenter($event: MouseEvent): void;
-    onMouseleave($event: MouseEvent): void;
-    constructor(config: CarouselConfig, carouselService: CarouselService, carouselState: CarouselState);
+    private intersectingSubscription?;
+    private activeItemInterval;
+    constructor(config: CarouselConfig, hostElement: ElementRef, carouselService: CarouselService, carouselState: CarouselState, intersectionService: IntersectionService, listenersService: ListenersService);
     ngOnInit(): void;
     ngOnDestroy(): void;
     ngAfterContentInit(): void;
+    private setListeners;
+    private clearListeners;
+    set visible(value: boolean);
+    get visible(): boolean;
+    private _visible;
     setTimer(): void;
     resetTimer(): void;
     private carouselStateSubscribe;
+    private intersectionServiceSubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "c-carousel", never, { "activeIndex": "activeIndex"; "animate": "animate"; "dark": "dark"; "direction": "direction"; "interval": "interval"; "transition": "transition"; }, { "itemChange": "itemChange"; }, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselComponent, "c-carousel", never, { "activeIndex": "activeIndex"; "animate": "animate"; "dark": "dark"; "direction": "direction"; "interval": "interval"; "pause": "pause"; "transition": "transition"; "wrap": "wrap"; }, { "itemChange": "itemChange"; }, never, ["*"]>;
 }

package/lib/carousel/carousel-item/carousel-item.component.d.ts

@@ -6,7 +6,6 @@ export declare class CarouselItemComponent implements OnDestroy, AfterViewInit {
     private carouselService;
     private changeDetectorRef;
     static ngAcceptInputType_active: BooleanInput;
-    private _active;
     index?: number;
     private carouselIndexSubscription?;
     /**
@@ -14,11 +13,18 @@ export declare class CarouselItemComponent implements OnDestroy, AfterViewInit {
      */
     set active(value: boolean);
     get active(): boolean;
+    private _active;
+    /**
+     * Time delay before cycling to next item. If -1, uses carousel interval value.
+     * @type number
+     * @default -1
+     */
+    interval: number;
     get hostClasses(): any;
     constructor(carouselService: CarouselService, changeDetectorRef: ChangeDetectorRef);
     ngOnDestroy(): void;
     ngAfterViewInit(): void;
     private carouselStateSubscribe;
     static ɵfac: i0.ɵɵFactoryDeclaration<CarouselItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselItemComponent, "c-carousel-item", never, { "active": "active"; }, {}, never, ["*"]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CarouselItemComponent, "c-carousel-item", never, { "active": "active"; "interval": "interval"; }, {}, never, ["*"]>;
 }

package/lib/carousel/carousel.service.d.ts

@@ -1,6 +1,8 @@
 import * as i0 from "@angular/core";
 export interface ICarouselIndex {
     active?: number;
+    interval?: number;
+    lastItemIndex?: number;
 }
 export declare class CarouselService {
     private carouselIndex;

package/lib/collapse/collapse.animations.d.ts

@@ -1,2 +1,4 @@
 export declare const expandAnimation: import("@angular/animations").AnimationReferenceMetadata;
 export declare const collapseAnimation: import("@angular/animations").AnimationReferenceMetadata;
+export declare const expandHorizontalAnimation: import("@angular/animations").AnimationReferenceMetadata;
+export declare const collapseHorizontalAnimation: import("@angular/animations").AnimationReferenceMetadata;

package/lib/collapse/collapse.directive.d.ts

@@ -1,30 +1,37 @@
-import { DoCheck, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
+import { AfterViewInit, DoCheck, ElementRef, EventEmitter, OnChanges, OnDestroy, Renderer2, SimpleChanges } from '@angular/core';
 import { AnimationBuilder } from '@angular/animations';
 import { BooleanInput } from '@angular/cdk/coercion';
 import * as i0 from "@angular/core";
-export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck {
+export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck, AfterViewInit {
     private hostElement;
     private renderer;
     private animationBuilder;
+    static ngAcceptInputType_horizontal: BooleanInput;
     static ngAcceptInputType_navbar: BooleanInput;
-    private _animate;
     /**
      * @ignore
      */
     set animate(value: boolean);
     get animate(): boolean;
-    private _visible;
+    private _animate;
+    /**
+     * Set horizontal collapsing to transition the width instead of height.
+     */
+    set horizontal(value: boolean);
+    get horizontal(): boolean;
+    private _horizontal;
     /**
      * Toggle the visibility of collapsible element.
      */
     set visible(value: boolean);
     get visible(): boolean;
-    private _navbar;
+    private _visible;
     /**
      * Add `navbar` prop for grouping and hiding navbar contents by a parent breakpoint.
      */
     set navbar(value: boolean);
     get navbar(): boolean;
+    private _navbar;
     /**
      * @ignore
      */
@@ -40,14 +47,18 @@ export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck
     collapseChange: EventEmitter<string>;
     private player;
     private readonly host;
+    private scrollWidth;
+    private collapsing;
     constructor(hostElement: ElementRef, renderer: Renderer2, animationBuilder: AnimationBuilder);
     get hostClasses(): any;
+    ngAfterViewInit(): void;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
     ngDoCheck(): void;
     toggle(visible?: boolean): void;
     destroyPlayer(): void;
     createPlayer(visible?: boolean): void;
+    setMaxSize(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<CollapseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseDirective, "[cCollapse]", ["cCollapse"], { "animate": "animate"; "visible": "visible"; "navbar": "navbar"; "duration": "duration"; "transition": "transition"; }, { "collapseChange": "collapseChange"; }, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CollapseDirective, "[cCollapse]", ["cCollapse"], { "animate": "animate"; "horizontal": "horizontal"; "visible": "visible"; "navbar": "navbar"; "duration": "duration"; "transition": "transition"; }, { "collapseChange": "collapseChange"; }, never>;
 }

package/lib/dropdown/dropdown/dropdown.component.d.ts

@@ -1,8 +1,8 @@
 import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, Renderer2 } from '@angular/core';
-import { DropdownService } from '../dropdown.service';
-import { DropdownMenuDirective } from '../dropdown-menu/dropdown-menu.directive';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { Placement } from '@popperjs/core';
+import { DropdownService } from '../dropdown.service';
+import { DropdownMenuDirective } from '../dropdown-menu/dropdown-menu.directive';
 import * as i0 from "@angular/core";
 export declare class DropdownToggleDirective {
     elementRef: ElementRef;
@@ -15,13 +15,13 @@ export declare class DropdownToggleDirective {
      * @type boolean
      */
     caret: boolean;
-    private _split;
     /**
      * Create split button dropdowns with virtually the same markup as single button dropdowns, but with the addition of `.dropdown-toggle-split` class for proper spacing around the dropdown caret.
      * @type boolean
      */
     set split(value: boolean);
     get split(): boolean;
+    private _split;
     constructor(elementRef: ElementRef, dropdownService: DropdownService, dropdown?: DropdownComponent | undefined);
     get hostClasses(): any;
     onClick($event: MouseEvent): void;
@@ -36,6 +36,7 @@ export declare class DropdownComponent implements AfterContentInit, OnDestroy, O
     private changeDetectorRef;
     private dropdownService;
     static ngAcceptInputType_dark: BooleanInput;
+    static ngAcceptInputType_visible: BooleanInput;
     /**
      * Set alignment of dropdown menu.
      * @type {'start' | 'end' | { xs: 'start' | 'end' } | { sm: 'start' | 'end' } | { md: 'start' | 'end' } | { lg: 'start' | 'end' } | { xl: 'start' | 'end'} | { xxl: 'start' | 'end'}}

package/lib/dropdown/dropdown-close/dropdown-close.directive.d.ts

@@ -0,0 +1,23 @@
+import { DropdownService } from '../dropdown.service';
+import { DropdownComponent } from '../dropdown/dropdown.component';
+import * as i0 from "@angular/core";
+export declare class DropdownCloseDirective {
+    private dropdownService;
+    dropdown?: DropdownComponent | undefined;
+    /**
+     * Disables a dropdown-close directive.
+     * @type boolean
+     * @default undefined
+     */
+    disabled?: boolean;
+    constructor(dropdownService: DropdownService, dropdown?: DropdownComponent | undefined);
+    get hostClasses(): any;
+    set tabIndex(value: string | number | null);
+    get tabIndex(): string | number | null;
+    private _tabIndex;
+    get isDisabled(): boolean | null;
+    private onClick;
+    private onKeyUp;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownCloseDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownCloseDirective, "[cDropdownClose]", ["cDropdownClose"], { "disabled": "disabled"; "tabIndex": "tabIndex"; }, {}, never>;
+}

package/lib/dropdown/dropdown-item/dropdown-item.directive.d.ts

@@ -1,27 +1,36 @@
-import { AfterContentInit, ElementRef, OnChanges, Renderer2, SimpleChanges } from '@angular/core';
 import { DropdownService } from '../dropdown.service';
 import { DropdownComponent } from '../dropdown/dropdown.component';
 import * as i0 from "@angular/core";
-export declare class DropdownItemDirective implements AfterContentInit, OnChanges {
-    private renderer;
-    private hostElement;
+export declare class DropdownItemDirective {
     private dropdownService;
     dropdown?: DropdownComponent | undefined;
     /**
      * Set active state to a dropdown-item.
+     * @type boolean
+     * @default undefined
      */
     active?: boolean;
+    /**
+     * Configure dropdown-item close dropdown behavior.
+     * @type boolean
+     * @default true
+     */
+    autoClose: boolean;
     /**
      * Disables a dropdown-item.
+     * @type boolean
+     * @default undefined
      */
     disabled?: boolean;
-    constructor(renderer: Renderer2, hostElement: ElementRef, dropdownService: DropdownService, dropdown?: DropdownComponent | undefined);
+    constructor(dropdownService: DropdownService, dropdown?: DropdownComponent | undefined);
     get ariaCurrent(): string | null;
     get hostClasses(): any;
-    onClick($event: MouseEvent): void;
-    ngAfterContentInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    setAttributes(element: any): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemDirective, [null, null, null, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownItemDirective, "[cDropdownItem]", ["cDropdownItem"], { "active": "active"; "disabled": "disabled"; }, {}, never>;
+    set tabIndex(value: string | number | null);
+    get tabIndex(): string | number | null;
+    private _tabIndex;
+    get isDisabled(): boolean | null;
+    private onClick;
+    private onKeyUp;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropdownItemDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DropdownItemDirective, "[cDropdownItem]", ["cDropdownItem"], { "active": "active"; "autoClose": "autoClose"; "disabled": "disabled"; "tabIndex": "tabIndex"; }, {}, never>;
 }

package/lib/dropdown/dropdown.module.d.ts

@@ -5,9 +5,10 @@ import * as i3 from "./dropdown-header/dropdown-header.directive";
 import * as i4 from "./dropdown-item/dropdown-item.directive";
 import * as i5 from "./dropdown-item/dropdown-item-plain.directive";
 import * as i6 from "./dropdown-menu/dropdown-menu.directive";
-import * as i7 from "@angular/common";
+import * as i7 from "./dropdown-close/dropdown-close.directive";
+import * as i8 from "@angular/common";
 export declare class DropdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DropdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownModule, [typeof i1.DropdownComponent, typeof i2.DropdownDividerDirective, typeof i3.DropdownHeaderDirective, typeof i4.DropdownItemDirective, typeof i5.DropdownItemPlainDirective, typeof i1.DropdownToggleDirective, typeof i6.DropdownMenuDirective], [typeof i7.CommonModule], [typeof i1.DropdownComponent, typeof i2.DropdownDividerDirective, typeof i3.DropdownHeaderDirective, typeof i4.DropdownItemDirective, typeof i5.DropdownItemPlainDirective, typeof i1.DropdownToggleDirective, typeof i6.DropdownMenuDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DropdownModule, [typeof i1.DropdownComponent, typeof i2.DropdownDividerDirective, typeof i3.DropdownHeaderDirective, typeof i4.DropdownItemDirective, typeof i5.DropdownItemPlainDirective, typeof i1.DropdownToggleDirective, typeof i6.DropdownMenuDirective, typeof i7.DropdownCloseDirective], [typeof i8.CommonModule], [typeof i1.DropdownComponent, typeof i2.DropdownDividerDirective, typeof i3.DropdownHeaderDirective, typeof i4.DropdownItemDirective, typeof i5.DropdownItemPlainDirective, typeof i1.DropdownToggleDirective, typeof i6.DropdownMenuDirective, typeof i7.DropdownCloseDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DropdownModule>;
 }

package/lib/dropdown/public_api.d.ts

@@ -3,6 +3,7 @@ export { DropdownHeaderDirective } from './dropdown-header/dropdown-header.direc
 export { DropdownItemDirective } from './dropdown-item/dropdown-item.directive';
 export { DropdownItemPlainDirective } from './dropdown-item/dropdown-item-plain.directive';
 export { DropdownMenuDirective } from './dropdown-menu/dropdown-menu.directive';
+export { DropdownCloseDirective } from './dropdown-close/dropdown-close.directive';
 export { DropdownComponent, DropdownToggleDirective } from './dropdown/dropdown.component';
 export { DropdownService } from './dropdown.service';
 export { DropdownModule } from './dropdown.module';

package/lib/form/form-check/form-check-input.directive.d.ts

@@ -10,7 +10,7 @@ export declare class FormCheckInputDirective {
      * @type {'checkbox' | 'radio'}
      * @default 'checkbox'
      */
-    type: 'checkbox' | 'radio';
+    type: ('checkbox' | 'radio');
     /**
      * Set component indeterminate state.
      * @type boolean

package/lib/grid/col.directive.d.ts

@@ -2,6 +2,7 @@ import { BooleanInput, NumberInput } from '@angular/cdk/coercion';
 import { ColOrder, ICol } from './col.type';
 import * as i0 from "@angular/core";
 export declare class ColDirective implements ICol {
+    static ngAcceptInputType_cCol: (BooleanInput | NumberInput);
     static ngAcceptInputType_xs: (BooleanInput | NumberInput);
     static ngAcceptInputType_sm: (BooleanInput | NumberInput);
     static ngAcceptInputType_md: (BooleanInput | NumberInput);
@@ -12,6 +13,7 @@ export declare class ColDirective implements ICol {
      * The number of columns/offset/order on extra small devices (<576px).
      * @type { 'auto' | number |  boolean }
      */
+    set cCol(value: (BooleanInput | NumberInput));
     set xs(value: (BooleanInput | NumberInput));
     get xs(): (BooleanInput | NumberInput);
     private _xs;
@@ -69,5 +71,5 @@ export declare class ColDirective implements ICol {
     get hostClasses(): any;
     coerceInput(value: (BooleanInput | NumberInput)): number | boolean | "auto";
     static ɵfac: i0.ɵɵFactoryDeclaration<ColDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<ColDirective, "[cCol]", never, { "xs": "xs"; "sm": "sm"; "md": "md"; "lg": "lg"; "xl": "xl"; "xxl": "xxl"; "offset": "offset"; "order": "order"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ColDirective, "[cCol]", never, { "cCol": "cCol"; "xs": "xs"; "sm": "sm"; "md": "md"; "lg": "lg"; "xl": "xl"; "xxl": "xxl"; "offset": "offset"; "order": "order"; }, {}, never>;
 }

package/lib/placeholder/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/lib/placeholder/placeholder-animation.directive.d.ts

@@ -0,0 +1,18 @@
+import { AfterContentInit } from '@angular/core';
+import { PlaceholderDirective } from './placeholder.directive';
+import * as i0 from "@angular/core";
+export declare class PlaceholderAnimationDirective implements AfterContentInit {
+    constructor();
+    /**
+     * Animation type for placeholder
+     * @type 'glow' | 'wave'
+     * @default undefined
+     */
+    animation?: 'glow' | 'wave';
+    get hostClasses(): any;
+    placeholder: PlaceholderDirective;
+    private animate;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlaceholderAnimationDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PlaceholderAnimationDirective, "[cPlaceholderAnimation]", never, { "animation": "cPlaceholderAnimation"; }, {}, ["placeholder"]>;
+}

package/lib/placeholder/placeholder.directive.d.ts

@@ -0,0 +1,22 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class PlaceholderDirective {
+    static ngAcceptInputType_visible: BooleanInput;
+    constructor();
+    /**
+     * placeholder toggler
+     * @type boolean
+     * @default true
+     */
+    set visible(value: boolean);
+    get visible(): boolean;
+    private _visible;
+    /**
+     * Size the placeholder extra small, small, large.
+     */
+    size?: 'xs' | 'sm' | 'lg';
+    get ariaHidden(): boolean | null;
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlaceholderDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<PlaceholderDirective, "[cPlaceholder]", ["cPlaceholder"], { "visible": "cPlaceholder"; "size": "cPlaceholderSize"; }, {}, never>;
+}

package/lib/placeholder/placeholder.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./placeholder.directive";
+import * as i2 from "./placeholder-animation.directive";
+import * as i3 from "@angular/common";
+export declare class PlaceholderModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlaceholderModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<PlaceholderModule, [typeof i1.PlaceholderDirective, typeof i2.PlaceholderAnimationDirective], [typeof i3.CommonModule], [typeof i1.PlaceholderDirective, typeof i2.PlaceholderAnimationDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<PlaceholderModule>;
+}

package/lib/placeholder/public_api.d.ts

@@ -0,0 +1,3 @@
+export { PlaceholderAnimationDirective } from './placeholder-animation.directive';
+export { PlaceholderDirective } from './placeholder.directive';
+export { PlaceholderModule } from './placeholder.module';

package/lib/services/intersection.service.d.ts

@@ -0,0 +1,22 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+interface IIntersectionObserverInit {
+    root?: Element | null;
+    rootMargin?: string;
+    threshold?: number | number[];
+}
+export declare class IntersectionService implements OnDestroy {
+    constructor();
+    private intersecting;
+    intersecting$: import("rxjs").Observable<boolean>;
+    private intersectionObserver;
+    private hostElement;
+    private defaultObserverOptions;
+    createIntersectionObserver(hostElement: {
+        nativeElement: Element;
+    }, observerOptions?: IIntersectionObserverInit): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IntersectionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IntersectionService>;
+}
+export {};

package/lib/services/public_api.d.ts

@@ -1 +1,2 @@
+export { IntersectionService } from './intersection.service';
 export { ClassToggleService } from './class-toggle.service';

package/lib/smart-table/smart-table-filter/smart-table-filter.component.d.ts

@@ -9,6 +9,7 @@ export declare class SmartTableFilterComponent {
     private _value;
     valueChange: EventEmitter<string>;
     get hostClasses(): any;
+    onKey($event: KeyboardEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableFilterComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableFilterComponent, "c-smart-table-filter", never, { "filterLabel": "filterLabel"; "filterPlaceholder": "filterPlaceholder"; "value": "value"; }, { "valueChange": "valueChange"; }, never, never>;
 }

package/lib/smart-table/smart-table-head/smart-table-head.component.d.ts

@@ -29,7 +29,7 @@ export declare class SmartTableHeadComponent implements OnInit {
     handleSortClick(column: IColumn | string, i: number): void;
     columnFilterEnabled(column: IColumn | string): boolean;
     columnSorterEnabled(column: IColumn | string): boolean;
-    getColumnFilterValue($event: Event, column: IColumn | string): string;
+    handleColumnFilterValueChange($event: Event, column: IColumn | string): void;
     handleSelectAllChecked($event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SmartTableHeadComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SmartTableHeadComponent, "c-smart-table-head", never, { "columnFilter": "columnFilter"; "columnFilterState": "columnFilterState"; "columnSorter": "columnSorter"; "component": "component"; "columns": "columns"; "selectable": "selectable"; "selectAll": "selectAll"; "sorterValue": "sorterValue"; }, { "columnFilterStateChange": "columnFilterStateChange"; "sorterStateChange": "sorterStateChange"; "selectAllChange": "selectAllChange"; }, never, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular-pro",
-  "version": "4.0.0-alpha.9",
+  "version": "4.0.0-beta.0",
   "description": "CoreUI Pro Components Library for Angular",
   "homepage": "https://coreui.io/pro/angular",
   "author": {

package/public-api.d.ts

@@ -26,6 +26,7 @@ export * from './lib/navbar';
 export * from './lib/modal';
 export * from './lib/offcanvas';
 export * from './lib/pagination';
+export * from './lib/placeholder';
 export * from './lib/popover';
 export * from './lib/progress';
 export * from './lib/services';