@coreui/angular-pro 4.0.0-alpha.10 → 4.0.0-alpha.13

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,11 +1,12 @@
-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;
     /**
@@ -13,6 +14,12 @@ export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck
      */
     set animate(value: boolean);
     get animate(): boolean;
+    /**
+     * Set horizontal collapsing to transition the width instead of height.
+     */
+    set horizontal(value: boolean);
+    get horizontal(): boolean;
+    private _horizontal;
     private _visible;
     /**
      * Toggle the visibility of collapsible element.
@@ -40,14 +47,20 @@ export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck
     collapseChange: EventEmitter<string>;
     private player;
     private readonly host;
+    private scrollHeight;
+    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;
+    setDisplay(display: boolean): 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/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/package.json

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