@coreui/angular 4.0.0-alpha.0 → 4.0.0-alpha.12

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/backdrop/backdrop.service.d.ts

@@ -8,7 +8,7 @@ export declare class BackdropService {
     private renderer;
     private unListen;
     constructor(document: any, rendererFactory: RendererFactory2);
-    setBackdrop(): any;
+    setBackdrop(type?: string): any;
     clearBackdrop(backdrop: any): any;
     onClickHandler(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BackdropService, never>;

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 '../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,8 +36,14 @@ 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'}
@@ -46,15 +58,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"; }, { "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,7 @@
 import * as i0 from "@angular/core";
 export interface ICarouselIndex {
     active?: number;
+    interval?: number;
 }
 export declare class CarouselService {
     private carouselIndex;

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

@@ -0,0 +1,15 @@
+import { OnDestroy } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class IntersectionService implements OnDestroy {
+    constructor();
+    private intersecting;
+    intersecting$: import("rxjs").Observable<boolean>;
+    private intersectionObserver;
+    private hostElement;
+    createIntersectionObserver(hostElement: {
+        nativeElement: Element;
+    }): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IntersectionService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<IntersectionService>;
+}

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

@@ -1,9 +1,10 @@
-import { DoCheck, ElementRef, EventEmitter, OnChanges, OnDestroy, 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_navbar: BooleanInput;
     private _animate;
@@ -39,7 +40,7 @@ export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck
     collapseChange: EventEmitter<string>;
     private player;
     private readonly host;
-    constructor(hostElement: ElementRef, animationBuilder: AnimationBuilder);
+    constructor(hostElement: ElementRef, renderer: Renderer2, animationBuilder: AnimationBuilder);
     get hostClasses(): any;
     ngOnDestroy(): void;
     ngOnChanges(changes: SimpleChanges): void;
@@ -47,6 +48,7 @@ export declare class CollapseDirective implements OnChanges, OnDestroy, DoCheck
     toggle(visible?: boolean): void;
     destroyPlayer(): void;
     createPlayer(visible?: boolean): void;
+    ngAfterViewInit(): 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>;
 }

package/lib/modal/modal/modal.component.d.ts

@@ -11,6 +11,7 @@ export declare class ModalComponent implements OnInit, OnDestroy {
     private modalService;
     private backdropService;
     static ngAcceptInputType_scrollable: BooleanInput;
+    static ngAcceptInputType_visible: BooleanInput;
     constructor(document: any, renderer: Renderer2, hostElement: ElementRef, modalService: ModalService, backdropService: BackdropService);
     /**
      * Align the modal in the center or top of the screen.
@@ -68,7 +69,7 @@ export declare class ModalComponent implements OnInit, OnDestroy {
      * Toggle the visibility of modal component.
      * @type boolean
      */
-    set visible(visible: boolean);
+    set visible(value: boolean);
     get visible(): boolean;
     private _visible;
     /**
@@ -90,6 +91,8 @@ export declare class ModalComponent implements OnInit, OnDestroy {
     animateStart(event: AnimationEvent): void;
     animateDone(event: AnimationEvent): void;
     onKeyDownHandler(event: KeyboardEvent): void;
+    private mouseDownTarget;
+    onMouseDownHandler($event: MouseEvent): void;
     onClickHandler($event: MouseEvent): void;
     ngOnInit(): void;
     ngOnDestroy(): void;

package/lib/nav/nav-link.directive.d.ts

@@ -27,6 +27,7 @@ export declare class NavLinkDirective {
     get isDisabled(): boolean | null;
     get attrDisabled(): "" | null;
     get getTabindex(): string | null;
+    get getCursorStyle(): string | null;
     get hostClasses(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<NavLinkDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NavLinkDirective, "[cNavLink]", never, { "cNavLink": "cNavLink"; "active": "active"; "disabled": "disabled"; }, {}, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coreui/angular",
-  "version": "4.0.0-alpha.0",
+  "version": "4.0.0-alpha.12",
   "description": "CoreUI for Angular UI components library",
   "license": "MIT",
   "homepage": "https://coreui.io/angular",
@@ -17,15 +17,14 @@
     }
   ],
   "dependencies": {
-    "tslib": "^2.3.0",
-    "@popperjs/core": "^2.10.2"
+    "@popperjs/core": "^2.11.0",
+    "tslib": "^2.3.0"
   },
   "peerDependencies": {
-    "@angular/common": "^12.2.0",
-    "@angular/core": "^12.2.0",
-    "@angular/router": "^12.2.0",
-    "chart.js": "^2.9.4",
-    "ng2-charts": "^2.4.3"
+    "@angular/cdk": "^13.0.0",
+    "@angular/common": "^13.0.0",
+    "@angular/core": "^13.0.0",
+    "@angular/router": "^13.0.0"
   },
   "repository": {
     "type": "git",
@@ -44,11 +43,25 @@
     "component",
     "components"
   ],
-  "main": "bundles/coreui-angular.umd.js",
-  "module": "fesm2015/coreui-angular.js",
-  "es2015": "fesm2015/coreui-angular.js",
-  "esm2015": "esm2015/coreui-angular.js",
-  "fesm2015": "fesm2015/coreui-angular.js",
+  "eslintConfig": {},
+  "module": "fesm2015/coreui-angular.mjs",
+  "es2020": "fesm2020/coreui-angular.mjs",
+  "esm2020": "esm2020/coreui-angular.mjs",
+  "fesm2020": "fesm2020/coreui-angular.mjs",
+  "fesm2015": "fesm2015/coreui-angular.mjs",
   "typings": "coreui-angular.d.ts",
+  "exports": {
+    "./package.json": {
+      "default": "./package.json"
+    },
+    ".": {
+      "types": "./coreui-angular.d.ts",
+      "esm2020": "./esm2020/coreui-angular.mjs",
+      "es2020": "./fesm2020/coreui-angular.mjs",
+      "es2015": "./fesm2015/coreui-angular.mjs",
+      "node": "./fesm2015/coreui-angular.mjs",
+      "default": "./fesm2020/coreui-angular.mjs"
+    }
+  },
   "sideEffects": false
 }

package/public-api.d.ts

@@ -10,7 +10,6 @@ export * from './lib/button-group';
 export * from './lib/callout';
 export * from './lib/card';
 export * from './lib/carousel';
-export * from './lib/chart';
 export * from './lib/collapse';
 export * from './lib/dropdown';
 export * from './lib/footer';