@coreui/angular-pro 4.0.0-alpha.11 → 4.0.0-alpha.14

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

@@ -1,16 +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
      */
-    visible: boolean;
+    set visible(value: boolean);
+    get visible(): boolean;
+    private _visible;
     set open(value: boolean);
+    get open(): boolean;
     get hostClasses(): any;
     contentId: string;
     itemContext: {

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/carousel/carousel/carousel.component.d.ts

@@ -1,5 +1,5 @@
 import { AfterContentInit, ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
-import { IntersectionService } from '../intersection.service';
+import { IntersectionService } from '../../services/intersection.service';
 import { ListenersService } from '../../services/listeners.service';
 import { CarouselState } from '../carousel-state';
 import { CarouselService } from '../carousel.service';
@@ -50,6 +50,12 @@ export declare class CarouselComponent implements OnInit, OnDestroy, AfterConten
      * @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
@@ -74,5 +80,5 @@ export declare class CarouselComponent implements OnInit, OnDestroy, AfterConten
     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"; "pause": "pause"; "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.service.d.ts

@@ -2,6 +2,7 @@ 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/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/{carousel → services}/intersection.service.d.ts

@@ -1,15 +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;
-    }): void;
+    }, 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.11",
+  "version": "4.0.0-alpha.14",
   "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';

package/esm2020/lib/carousel/intersection.service.mjs

@@ -1,33 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject } from 'rxjs';
-import * as i0 from "@angular/core";
-export class IntersectionService {
-    constructor() {
-        this.intersecting = new BehaviorSubject(false);
-        this.intersecting$ = this.intersecting.asObservable();
-    }
-    createIntersectionObserver(hostElement) {
-        this.hostElement = hostElement;
-        const options = {
-            root: null,
-            rootMargin: '0px',
-            threshold: 0.2
-        };
-        const handleIntersect = (entries, observer) => {
-            entries.forEach((entry) => {
-                this.intersecting.next(entry.isIntersecting);
-            });
-        };
-        this.intersectionObserver = new IntersectionObserver(handleIntersect, options);
-        this.intersectionObserver.observe(hostElement.nativeElement);
-    }
-    ngOnDestroy() {
-        this.intersectionObserver?.unobserve(this.hostElement?.nativeElement);
-    }
-}
-IntersectionService.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: IntersectionService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
-IntersectionService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: IntersectionService });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.2.5", ngImport: i0, type: IntersectionService, decorators: [{
-            type: Injectable
-        }], ctorParameters: function () { return []; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW50ZXJzZWN0aW9uLnNlcnZpY2UuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9jb3JldWktYW5ndWxhci9zcmMvbGliL2Nhcm91c2VsL2ludGVyc2VjdGlvbi5zZXJ2aWNlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxVQUFVLEVBQWEsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLE1BQU0sQ0FBQzs7QUFHdkMsTUFBTSxPQUFPLG1CQUFtQjtJQUU5QjtRQUVRLGlCQUFZLEdBQUcsSUFBSSxlQUFlLENBQVUsS0FBSyxDQUFDLENBQUM7UUFDM0Qsa0JBQWEsR0FBRyxJQUFJLENBQUMsWUFBWSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBSGpDLENBQUM7SUFRakIsMEJBQTBCLENBQUMsV0FBd0M7UUFFakUsSUFBSSxDQUFDLFdBQVcsR0FBRyxXQUFXLENBQUM7UUFFL0IsTUFBTSxPQUFPLEdBQUc7WUFDZCxJQUFJLEVBQUUsSUFBSTtZQUNWLFVBQVUsRUFBRSxLQUFLO1lBQ2pCLFNBQVMsRUFBRSxHQUFHO1NBQ2YsQ0FBQztRQUVGLE1BQU0sZUFBZSxHQUFHLENBQUMsT0FBYyxFQUFFLFFBQWEsRUFBRSxFQUFFO1lBQ3hELE9BQU8sQ0FBQyxPQUFPLENBQUMsQ0FBQyxLQUFVLEVBQUUsRUFBRTtnQkFDN0IsSUFBSSxDQUFDLFlBQVksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDO1lBQy9DLENBQUMsQ0FBQyxDQUFDO1FBQ0wsQ0FBQyxDQUFDO1FBRUYsSUFBSSxDQUFDLG9CQUFvQixHQUFHLElBQUksb0JBQW9CLENBQUMsZUFBZSxFQUFFLE9BQU8sQ0FBQyxDQUFDO1FBQy9FLElBQUksQ0FBQyxvQkFBb0IsQ0FBQyxPQUFPLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFFRCxXQUFXO1FBQ1QsSUFBSSxDQUFDLG9CQUFvQixFQUFFLFNBQVMsQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFLGFBQWEsQ0FBQyxDQUFDO0lBQ3hFLENBQUM7O2dIQWhDVSxtQkFBbUI7b0hBQW5CLG1CQUFtQjsyRkFBbkIsbUJBQW1CO2tCQUQvQixVQUFVIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgSW5qZWN0YWJsZSwgT25EZXN0cm95IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XHJcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCB9IGZyb20gJ3J4anMnO1xyXG5cclxuQEluamVjdGFibGUoKVxyXG5leHBvcnQgY2xhc3MgSW50ZXJzZWN0aW9uU2VydmljZSBpbXBsZW1lbnRzIE9uRGVzdHJveSB7XHJcblxyXG4gIGNvbnN0cnVjdG9yKCkgeyB9XHJcblxyXG4gIHByaXZhdGUgaW50ZXJzZWN0aW5nID0gbmV3IEJlaGF2aW9yU3ViamVjdDxib29sZWFuPihmYWxzZSk7XHJcbiAgaW50ZXJzZWN0aW5nJCA9IHRoaXMuaW50ZXJzZWN0aW5nLmFzT2JzZXJ2YWJsZSgpO1xyXG5cclxuICBwcml2YXRlIGludGVyc2VjdGlvbk9ic2VydmVyITogSW50ZXJzZWN0aW9uT2JzZXJ2ZXI7XHJcbiAgcHJpdmF0ZSBob3N0RWxlbWVudCE6IHsgbmF0aXZlRWxlbWVudDogRWxlbWVudDsgfTtcclxuXHJcbiAgY3JlYXRlSW50ZXJzZWN0aW9uT2JzZXJ2ZXIoaG9zdEVsZW1lbnQ6IHsgbmF0aXZlRWxlbWVudDogRWxlbWVudDsgfSkge1xyXG5cclxuICAgIHRoaXMuaG9zdEVsZW1lbnQgPSBob3N0RWxlbWVudDtcclxuXHJcbiAgICBjb25zdCBvcHRpb25zID0ge1xyXG4gICAgICByb290OiBudWxsLFxyXG4gICAgICByb290TWFyZ2luOiAnMHB4JyxcclxuICAgICAgdGhyZXNob2xkOiAwLjJcclxuICAgIH07XHJcblxyXG4gICAgY29uc3QgaGFuZGxlSW50ZXJzZWN0ID0gKGVudHJpZXM6IGFueVtdLCBvYnNlcnZlcjogYW55KSA9PiB7XHJcbiAgICAgIGVudHJpZXMuZm9yRWFjaCgoZW50cnk6IGFueSkgPT4ge1xyXG4gICAgICAgIHRoaXMuaW50ZXJzZWN0aW5nLm5leHQoZW50cnkuaXNJbnRlcnNlY3RpbmcpO1xyXG4gICAgICB9KTtcclxuICAgIH07XHJcblxyXG4gICAgdGhpcy5pbnRlcnNlY3Rpb25PYnNlcnZlciA9IG5ldyBJbnRlcnNlY3Rpb25PYnNlcnZlcihoYW5kbGVJbnRlcnNlY3QsIG9wdGlvbnMpO1xyXG4gICAgdGhpcy5pbnRlcnNlY3Rpb25PYnNlcnZlci5vYnNlcnZlKGhvc3RFbGVtZW50Lm5hdGl2ZUVsZW1lbnQpO1xyXG4gIH1cclxuXHJcbiAgbmdPbkRlc3Ryb3koKTogdm9pZCB7XHJcbiAgICB0aGlzLmludGVyc2VjdGlvbk9ic2VydmVyPy51bm9ic2VydmUodGhpcy5ob3N0RWxlbWVudD8ubmF0aXZlRWxlbWVudCk7XHJcbiAgfVxyXG59XHJcbiJdfQ==