@coreui/angular 3.0.0-alpha.8 → 4.0.0-alpha.2

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

@@ -0,0 +1,105 @@
+import { ElementRef, EventEmitter, OnDestroy, OnInit, Renderer2 } from '@angular/core';
+import { AnimationEvent } from '@angular/animations';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ModalService } from '../modal.service';
+import { BackdropService } from '../../backdrop/backdrop.service';
+import * as i0 from "@angular/core";
+export declare class ModalComponent implements OnInit, OnDestroy {
+    private document;
+    private renderer;
+    private hostElement;
+    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.
+     * @type {'top' | 'center'}
+     * @default 'top'
+     */
+    alignment?: 'top' | 'center';
+    /**
+     * Apply a backdrop on body while modal is open.
+     * @type boolean | 'static'
+     * @default true
+     */
+    backdrop: boolean | 'static';
+    /**
+     * Set modal to cover the entire user viewport.
+     * @type {boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'}
+     * @default undefined
+     */
+    fullscreen?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Closes the modal when escape key is pressed.
+     * @type boolean
+     * @default true
+     */
+    keyboard: boolean;
+    id?: string;
+    /**
+     * Size the component small, large, or extra large.
+     */
+    size?: 'sm' | 'lg' | 'xl';
+    /**
+     * Remove animation to create modal that simply appear rather than fade in to view.
+     */
+    transition: boolean;
+    /**
+     * Default role for modal. [docs]
+     * @type string
+     * @default 'dialog'
+     */
+    role: string;
+    /**
+     * Set aria-modal html attr for modal. [docs]
+     * @type boolean
+     * @default true
+     */
+    ariaModal: boolean;
+    /**
+     * Create a scrollable modal that allows scrolling the modal body.
+     * @type boolean
+     */
+    set scrollable(value: boolean);
+    get scrollable(): boolean;
+    private _scrollable;
+    /**
+     * Toggle the visibility of modal component.
+     * @type boolean
+     */
+    set visible(value: boolean);
+    get visible(): boolean;
+    private _visible;
+    /**
+     * Event triggered on modal dismiss.
+     */
+    visibleChange: EventEmitter<boolean>;
+    modalContent: ElementRef;
+    private activeBackdrop;
+    private stateToggleSubscription;
+    private inBoundingClientRect;
+    get hostClasses(): any;
+    get ariaHidden(): boolean | null;
+    get tabIndex(): string | null;
+    get animateTrigger(): string;
+    private _show;
+    get show(): boolean;
+    set show(value: boolean);
+    private get scrollbarWidth();
+    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;
+    private stateToggleSubscribe;
+    private setBackdrop;
+    private setBodyStyles;
+    private setStaticBackdrop;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalComponent, "c-modal", ["cModal"], { "alignment": "alignment"; "backdrop": "backdrop"; "fullscreen": "fullscreen"; "keyboard": "keyboard"; "id": "id"; "size": "size"; "transition": "transition"; "role": "role"; "ariaModal": "ariaModal"; "scrollable": "scrollable"; "visible": "visible"; }, { "visibleChange": "visibleChange"; }, never, ["*"]>;
+}

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ModalBodyComponent {
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalBodyComponent, "c-modal-body", never, {}, {}, never, ["*"]>;
+}

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

@@ -0,0 +1,12 @@
+import { ElementRef } from '@angular/core';
+import { InteractivityChecker } from '@angular/cdk/a11y';
+import * as i0 from "@angular/core";
+export declare class ModalContentComponent {
+    private hostElement;
+    private interactivityChecker;
+    constructor(hostElement: ElementRef, interactivityChecker: InteractivityChecker);
+    get hostClasses(): any;
+    onClickHandler($event: MouseEvent): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalContentComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalContentComponent, "c-modal-content", never, {}, {}, never, ["*"]>;
+}

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

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+export declare class ModalDialogComponent {
+    /**
+     * Align the modal in the center or top of the screen.
+     * @type {'top' | 'center'}
+     */
+    alignment?: 'top' | 'center';
+    /**
+     * Set modal to covers the entire user viewport.
+     * @type {boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl'}
+     */
+    fullscreen?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Does the modal dialog itself scroll, or does the whole dialog scroll within the window.
+     * @type boolean
+     */
+    scrollable?: boolean;
+    /**
+     * Size the component small, large, or extra large.
+     */
+    size?: 'sm' | 'lg' | 'xl';
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalDialogComponent, "c-modal-dialog", never, { "alignment": "alignment"; "fullscreen": "fullscreen"; "scrollable": "scrollable"; "size": "size"; }, {}, never, ["*"]>;
+}

package/lib/modal/modal-dismiss/modal-toggle.directive.d.ts

@@ -0,0 +1,13 @@
+import { ModalService } from '../modal.service';
+import * as i0 from "@angular/core";
+export declare class ModalToggleDirective {
+    private modalService;
+    /**
+     * Html id attr of modal to dismiss.
+     */
+    id: string | undefined;
+    constructor(modalService: ModalService);
+    dismiss($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalToggleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalToggleDirective, "[cModalToggle]", never, { "id": "cModalToggle"; }, {}, never>;
+}

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ModalFooterComponent {
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalFooterComponent, "c-modal-footer", never, {}, {}, never, ["*"]>;
+}

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ModalHeaderComponent {
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ModalHeaderComponent, "c-modal-header", never, {}, {}, never, ["*"]>;
+}

package/lib/modal/modal-title/modal-title.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ModalTitleDirective {
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<ModalTitleDirective, "[cModalTitle]", never, {}, {}, never>;
+}

package/lib/modal/modal.module.d.ts

@@ -1,2 +1,16 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./modal-body/modal-body.component";
+import * as i2 from "./modal-content/modal-content.component";
+import * as i3 from "./modal-dialog/modal-dialog.component";
+import * as i4 from "./modal-dismiss/modal-toggle.directive";
+import * as i5 from "./modal-footer/modal-footer.component";
+import * as i6 from "./modal-header/modal-header.component";
+import * as i7 from "./modal-title/modal-title.directive";
+import * as i8 from "./modal/modal.component";
+import * as i9 from "@angular/common";
+import * as i10 from "@angular/cdk/a11y";
 export declare class ModalModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ModalModule, [typeof i1.ModalBodyComponent, typeof i2.ModalContentComponent, typeof i3.ModalDialogComponent, typeof i4.ModalToggleDirective, typeof i5.ModalFooterComponent, typeof i6.ModalHeaderComponent, typeof i7.ModalTitleDirective, typeof i8.ModalComponent], [typeof i9.CommonModule, typeof i10.A11yModule], [typeof i1.ModalBodyComponent, typeof i2.ModalContentComponent, typeof i3.ModalDialogComponent, typeof i4.ModalToggleDirective, typeof i5.ModalFooterComponent, typeof i6.ModalHeaderComponent, typeof i7.ModalTitleDirective, typeof i8.ModalComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ModalModule>;
 }

package/lib/modal/modal.service.d.ts

@@ -0,0 +1,15 @@
+import { ModalComponent } from './modal/modal.component';
+import * as i0 from "@angular/core";
+export interface IModalAction {
+    show?: boolean | 'toggle';
+    modal?: ModalComponent;
+    id?: string;
+}
+export declare class ModalService {
+    private modalState;
+    modalState$: import("rxjs").Observable<any>;
+    constructor();
+    toggle(action: IModalAction): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ModalService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ModalService>;
+}

package/lib/modal/public_api.d.ts

@@ -0,0 +1,10 @@
+export { ModalBodyComponent } from './modal-body/modal-body.component';
+export { ModalContentComponent } from './modal-content/modal-content.component';
+export { ModalDialogComponent } from './modal-dialog/modal-dialog.component';
+export { ModalToggleDirective } from './modal-dismiss/modal-toggle.directive';
+export { ModalFooterComponent } from './modal-footer/modal-footer.component';
+export { ModalHeaderComponent } from './modal-header/modal-header.component';
+export { ModalTitleDirective } from './modal-title/modal-title.directive';
+export { ModalComponent } from './modal/modal.component';
+export { ModalService } from './modal.service';
+export { ModalModule } from './modal.module';

package/lib/nav/index.d.ts

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

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

@@ -1,7 +1,6 @@
-import { OnInit } from '@angular/core';
-export declare class NavItemComponent implements OnInit {
-    get getClasses(): any;
+import * as i0 from "@angular/core";
+export declare class NavItemComponent {
     get hostClasses(): any;
-    constructor();
-    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavItemComponent, "c-nav-item", never, {}, {}, never, ["*"]>;
 }

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

@@ -1,10 +1,33 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
 export declare class NavLinkDirective {
-    disabled: null | string | boolean;
-    tabindex: string | null;
-    active: boolean;
-    get isDisabled(): boolean;
-    get getTabindex(): string;
-    get getClasses(): any;
+    static ngAcceptInputType_cNavLink: BooleanInput;
+    static ngAcceptInputType_disabled: BooleanInput;
+    /**
+     * Sets .nav-link class to the host. [docs]
+     * @type boolean
+     * @default true
+     */
+    set cNavLink(value: boolean);
+    get cNavLink(): boolean;
+    private _cNavLink;
+    /**
+     * Toggle the active state for the component. [docs]
+     * @type boolean
+     */
+    active?: boolean;
+    /**
+     * Set disabled attr for the host element. [docs]
+     * @type boolean
+     */
+    get disabled(): boolean;
+    set disabled(value: boolean);
+    private _disabled;
+    get ariaCurrent(): string | null;
+    get isDisabled(): boolean | null;
+    get attrDisabled(): "" | null;
+    get getTabindex(): string | null;
     get hostClasses(): any;
-    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavLinkDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavLinkDirective, "[cNavLink]", never, { "cNavLink": "cNavLink"; "active": "active"; "disabled": "disabled"; }, {}, never>;
 }

package/lib/nav/nav.component.d.ts

@@ -1,12 +1,16 @@
-import { OnInit } from '@angular/core';
-export declare class NavComponent implements OnInit {
-    variant: '' | 'tabs' | 'pills';
-    fill: boolean;
-    justified: boolean;
-    vertical: boolean | string;
-    inCard: boolean;
-    get getClasses(): any;
+import * as i0 from "@angular/core";
+export declare class NavComponent {
+    /**
+     * Specify a layout type for component.
+     * @type {'fill' | 'justified'}
+     */
+    layout?: 'fill' | 'justified';
+    /**
+     * Set the nav variant to tabs or pills.
+     * @type {'tabs' | 'pills' | 'underline'}
+     */
+    variant?: '' | 'tabs' | 'pills';
     get hostClasses(): any;
-    constructor();
-    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavComponent, "c-nav", never, { "layout": "layout"; "variant": "variant"; }, {}, never, ["*"]>;
 }

package/lib/nav/nav.module.d.ts

@@ -1,2 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./nav.component";
+import * as i2 from "./nav-item.component";
+import * as i3 from "./nav-link.directive";
+import * as i4 from "@angular/common";
 export declare class NavModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavModule, [typeof i1.NavComponent, typeof i2.NavItemComponent, typeof i3.NavLinkDirective], [typeof i4.CommonModule], [typeof i1.NavComponent, typeof i2.NavItemComponent, typeof i3.NavLinkDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NavModule>;
 }

package/lib/nav/public_api.d.ts

@@ -0,0 +1,4 @@
+export { NavLinkDirective } from './nav-link.directive';
+export { NavItemComponent } from './nav-item.component';
+export { NavComponent } from './nav.component';
+export { NavModule } from './nav.module';

package/lib/navbar/index.d.ts

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

package/lib/navbar/navbar-brand/navbar-brand.directive.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class NavbarBrandDirective {
+    navbarBrand: boolean;
+    role: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarBrandDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavbarBrandDirective, "[cNavbarBrand]", never, {}, {}, never>;
+}

package/lib/navbar/navbar-nav/navbar-nav.component.d.ts

@@ -1,6 +1,15 @@
-import { OnInit } from '@angular/core';
-export declare class NavbarNavComponent implements OnInit {
-    navbarNav: boolean;
-    constructor();
-    ngOnInit(): void;
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from "@angular/core";
+export declare class NavbarNavComponent {
+    static ngAcceptInputType_scroll: BooleanInput;
+    /**
+     * Enable vertical scrolling of a collapsed navbar toggleable contents.
+     * @type boolean
+     */
+    set scroll(value: boolean);
+    get scroll(): boolean;
+    private _scroll;
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarNavComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarNavComponent, "c-navbar-nav", never, { "scroll": "scroll"; }, {}, never, ["*"]>;
 }

package/lib/navbar/navbar-text/navbar-text.component.d.ts

@@ -1,6 +1,6 @@
-import { OnInit } from '@angular/core';
-export declare class NavbarTextComponent implements OnInit {
+import * as i0 from "@angular/core";
+export declare class NavbarTextComponent {
     navbarTextClass: boolean;
-    constructor();
-    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarTextComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarTextComponent, "c-navbar-text", never, {}, {}, never, ["*"]>;
 }

package/lib/navbar/navbar-toggler/navbar-toggler.directive.d.ts

@@ -0,0 +1,33 @@
+import { AfterContentInit, ElementRef, Renderer2 } from '@angular/core';
+import { CollapseDirective } from '../../collapse';
+import * as i0 from "@angular/core";
+export declare class NavbarTogglerDirective implements AfterContentInit {
+    private renderer;
+    private hostElement;
+    /**
+     * Reference to navbar collapse element (via # template variable) . [docs]
+     * @type string
+     * @default 'button'
+     */
+    collapseRef?: CollapseDirective;
+    navbarToggler: boolean;
+    /**
+     * Default type for navbar-toggler. [docs]
+     * @type string
+     * @default 'button'
+     */
+    type: string;
+    /**
+     * Default aria-label attr for navbar-toggler. [docs]
+     * @type string
+     * @default 'Toggle navigation'
+     */
+    ariaLabel: string;
+    private hasContent;
+    constructor(renderer: Renderer2, hostElement: ElementRef);
+    handleClick(): void;
+    addDefaultIcon(): void;
+    ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarTogglerDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NavbarTogglerDirective, "[cNavbarToggler]", never, { "collapseRef": "cNavbarToggler"; "type": "type"; "ariaLabel": "ariaLabel"; }, {}, never>;
+}

package/lib/navbar/navbar.component.d.ts

@@ -1,20 +1,39 @@
-import { AfterContentInit, ElementRef, OnInit } from '@angular/core';
+import { AfterContentInit, ElementRef } from '@angular/core';
 import { BreakpointObserver } from '@angular/cdk/layout';
 import { CollapseDirective } from '../collapse';
-export declare class NavbarComponent implements OnInit, AfterContentInit {
+import { Colors } from '../coreui.types';
+import * as i0 from "@angular/core";
+export declare class NavbarComponent implements AfterContentInit {
     private hostElement;
     private breakpointObserver;
-    light: boolean;
-    color: string;
-    fixed: 'top' | 'bottom';
-    sticky: boolean;
-    expandable: boolean | string;
-    get getClasses(): any;
-    get hostClasses(): any;
-    get breakpoint(): string;
+    /**
+     * Sets the color context of the component to one of CoreUI’s themed colors.
+     * @type Colors
+     */
+    color?: Colors;
+    /**
+     * Sets if the color of text should be colored for a light or dark dark background.
+     */
+    colorScheme?: 'dark' | 'light';
+    /**
+     * Defines optional container wrapping children elements.
+     */
+    container?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl' | 'fluid';
+    /**
+     * Defines the responsive breakpoint to determine when content collapses.
+     */
+    expand?: boolean | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    /**
+     * Place component in non-static positions.
+     */
+    placement?: 'fixed-top' | 'fixed-bottom' | 'sticky-top';
     collapse: CollapseDirective;
-    collapseRef: any;
+    role: string;
     constructor(hostElement: ElementRef, breakpointObserver: BreakpointObserver);
-    ngOnInit(): void;
+    get hostClasses(): any;
+    get containerClass(): string;
+    get breakpoint(): string | boolean;
     ngAfterContentInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "c-navbar", never, { "color": "color"; "colorScheme": "colorScheme"; "container": "container"; "expand": "expand"; "placement": "placement"; "role": "role"; }, {}, ["collapse"], ["*", "*"]>;
 }

package/lib/navbar/navbar.module.d.ts

@@ -1,2 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./navbar.component";
+import * as i2 from "./navbar-nav/navbar-nav.component";
+import * as i3 from "./navbar-text/navbar-text.component";
+import * as i4 from "./navbar-brand/navbar-brand.directive";
+import * as i5 from "./navbar-toggler/navbar-toggler.directive";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/router";
 export declare class NavbarModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<NavbarModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<NavbarModule, [typeof i1.NavbarComponent, typeof i2.NavbarNavComponent, typeof i3.NavbarTextComponent, typeof i4.NavbarBrandDirective, typeof i5.NavbarTogglerDirective], [typeof i6.CommonModule, typeof i7.RouterModule], [typeof i1.NavbarComponent, typeof i2.NavbarNavComponent, typeof i3.NavbarTextComponent, typeof i4.NavbarBrandDirective, typeof i5.NavbarTogglerDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<NavbarModule>;
 }

package/lib/navbar/public_api.d.ts

@@ -0,0 +1,6 @@
+export { NavbarComponent } from './navbar.component';
+export { NavbarBrandDirective } from './navbar-brand/navbar-brand.directive';
+export { NavbarNavComponent } from './navbar-nav/navbar-nav.component';
+export { NavbarTextComponent } from './navbar-text/navbar-text.component';
+export { NavbarTogglerDirective } from './navbar-toggler/navbar-toggler.directive';
+export { NavbarModule } from './navbar.module';

package/lib/offcanvas/index.d.ts

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

package/lib/offcanvas/offcanvas/offcanvas.component.d.ts

@@ -0,0 +1,82 @@
+import { ElementRef, EventEmitter, OnChanges, OnDestroy, OnInit, Renderer2, SimpleChanges } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
+import { OffcanvasService } from '../offcanvas.service';
+import { BackdropService } from '../../backdrop/backdrop.service';
+import * as i0 from "@angular/core";
+export declare class OffcanvasComponent implements OnChanges, OnInit, OnDestroy {
+    private document;
+    private platformId;
+    private renderer;
+    private hostElement;
+    private offcanvasService;
+    private backdropService;
+    static ngAcceptInputType_scroll: BooleanInput;
+    constructor(document: any, platformId: any, renderer: Renderer2, hostElement: ElementRef, offcanvasService: OffcanvasService, backdropService: BackdropService);
+    /**
+     * Apply a backdrop on body while offcanvas is open.
+     * @type boolean
+     * @default true
+     */
+    backdrop: boolean;
+    /**
+     * Closes the offcanvas when escape key is pressed [docs]
+     * @type boolean
+     * @default true
+     */
+    keyboard: boolean;
+    /**
+     * Components placement, there’s no default placement.
+     * @type {'start' | 'end' | 'top' | 'bottom'}
+     * @default 'start'
+     */
+    placement: string | 'start' | 'end' | 'top' | 'bottom';
+    /**
+     * Allow body scrolling while offcanvas is visible.
+     * @type boolean
+     */
+    set scroll(value: boolean);
+    get scroll(): boolean;
+    private _scroll;
+    id: string;
+    /**
+     * Default role for offcanvas. [docs]
+     * @type string
+     * @default 'dialog'
+     */
+    role: string;
+    /**
+     * Set aria-modal html attr for offcanvas. [docs]
+     * @type boolean
+     * @default true
+     */
+    ariaModal: boolean;
+    /**
+     * Toggle the visibility of offcanvas component.
+     * @type boolean
+     */
+    set visible(value: boolean);
+    get visible(): boolean;
+    private _visible;
+    /**
+     * Event triggered on visible change.
+     */
+    visibleChange: EventEmitter<boolean>;
+    private activeBackdrop;
+    private stateToggleSubscription;
+    private backdropClickSubscription;
+    get hostClasses(): any;
+    get ariaHidden(): boolean | null;
+    get tabIndex(): string | null;
+    get animateType(): boolean;
+    onKeyDownHandler(event: KeyboardEvent): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    private stateToggleSubscribe;
+    private backdropClickSubscribe;
+    private setBackdrop;
+    setFocus(): void;
+    setScroll(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OffcanvasComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OffcanvasComponent, "c-offcanvas", ["cOffcanvas"], { "backdrop": "backdrop"; "keyboard": "keyboard"; "placement": "placement"; "scroll": "scroll"; "id": "id"; "role": "role"; "ariaModal": "ariaModal"; "visible": "visible"; }, { "visibleChange": "visibleChange"; }, never, ["*"]>;
+}

package/lib/offcanvas/offcanvas-body/offcanvas-body.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class OffcanvasBodyComponent {
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OffcanvasBodyComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OffcanvasBodyComponent, "c-offcanvas-body", never, {}, {}, never, ["*"]>;
+}

package/lib/offcanvas/offcanvas-header/offcanvas-header.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class OffcanvasHeaderComponent {
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OffcanvasHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OffcanvasHeaderComponent, "c-offcanvas-header", never, {}, {}, never, ["*"]>;
+}

package/lib/offcanvas/offcanvas-title/offcanvas-title.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class OffcanvasTitleDirective {
+    get hostClasses(): any;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OffcanvasTitleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OffcanvasTitleDirective, "[cOffcanvasTitle]", never, {}, {}, never>;
+}

package/lib/offcanvas/offcanvas-toggle/offcanvas-toggle.directive.d.ts

@@ -0,0 +1,14 @@
+import { OffcanvasService } from '../offcanvas.service';
+import * as i0 from "@angular/core";
+export declare class OffcanvasToggleDirective {
+    private offcanvasService;
+    /**
+     * Html id attr of offcanvas to toggle.
+     * @type string
+     */
+    id?: string;
+    constructor(offcanvasService: OffcanvasService);
+    toggleOpen($event: any): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OffcanvasToggleDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<OffcanvasToggleDirective, "[cOffcanvasToggle]", never, { "id": "cOffcanvasToggle"; }, {}, never>;
+}

package/lib/offcanvas/offcanvas.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./offcanvas/offcanvas.component";
+import * as i2 from "./offcanvas-body/offcanvas-body.component";
+import * as i3 from "./offcanvas-header/offcanvas-header.component";
+import * as i4 from "./offcanvas-title/offcanvas-title.directive";
+import * as i5 from "./offcanvas-toggle/offcanvas-toggle.directive";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/cdk/a11y";
+export declare class OffcanvasModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<OffcanvasModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<OffcanvasModule, [typeof i1.OffcanvasComponent, typeof i2.OffcanvasBodyComponent, typeof i3.OffcanvasHeaderComponent, typeof i4.OffcanvasTitleDirective, typeof i5.OffcanvasToggleDirective], [typeof i6.CommonModule, typeof i7.A11yModule], [typeof i1.OffcanvasComponent, typeof i2.OffcanvasBodyComponent, typeof i3.OffcanvasHeaderComponent, typeof i4.OffcanvasTitleDirective, typeof i5.OffcanvasToggleDirective]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<OffcanvasModule>;
+}