cax-design-system 2.8.2 → 2.8.4

package/README.md

@@ -1,6 +1,6 @@
 # Cax Design System
 
-You can access all the modules available in cax design system in the [storybook](https://673d43a5032fb6c56edd4107-jzufjmuxle.chromatic.com/)
+You can access all the modules available in cax design system in the [storybook](https://673d43a5032fb6c56edd4107-brtdbxzhxe.chromatic.com/)
 
 ### Installation
 

package/accordion/accordion.d.ts

@@ -0,0 +1,224 @@
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, QueryList, TemplateRef } from '@angular/core';
+import { BlockableUI, Header, CaxTemplate } from 'cax-design-system/api';
+import { Subscription } from 'rxjs';
+import { AccordionTabCloseEvent, AccordionTabOpenEvent } from './accordion.interface';
+import * as i0 from "@angular/core";
+/**
+ * AccordionTab is a helper component for Accordion.
+ * @group Components
+ */
+export declare class AccordionTab implements AfterContentInit, OnDestroy {
+    el: ElementRef;
+    changeDetector: ChangeDetectorRef;
+    extraLabel: string;
+    extraLabelStyle: {
+        [klass: string]: any;
+    };
+    /**
+     * Current id state as a string.
+     * @group Props
+     */
+    id: string | undefined;
+    /**
+     * Used to define the header of the tab.
+     * @group Props
+     */
+    header: string | undefined;
+    /**
+     * Inline style of the tab header.
+     * @group Props
+     */
+    headerStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Inline style of the tab.
+     * @group Props
+     */
+    tabStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Inline style of the tab content.
+     * @group Props
+     */
+    contentStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the tab.
+     * @group Props
+     */
+    tabStyleClass: string | undefined;
+    /**
+     * Style class of the tab header.
+     * @group Props
+     */
+    headerStyleClass: string | undefined;
+    /**
+     * Style class of the tab content.
+     * @group Props
+     */
+    contentStyleClass: string | undefined;
+    /**
+     * Whether the tab is disabled.
+     * @group Props
+     */
+    disabled: boolean | undefined;
+    /**
+     * Whether a lazy loaded panel should avoid getting loaded again on reselection.
+     * @group Props
+     */
+    cache: boolean;
+    /**
+     * Transition options of the animation.
+     * @group Props
+     */
+    transitionOptions: string;
+    /**
+     * Position of the icon.
+     * @group Props
+     */
+    iconPos: 'end' | 'start';
+    /**
+     * The value that returns the selection.
+     * @group Props
+     */
+    get selected(): boolean;
+    accordionIconPosition: 'left' | 'right' | 'none';
+    set selected(val: boolean);
+    /**
+     * The aria-level that each accordion header will have. The default value is 2 as per W3C specifications
+     * @group Props
+     */
+    headerAriaLevel: number;
+    /**
+     * Event triggered by changing the choice.
+     * @param {boolean} value - Boolean value indicates that the option is changed.
+     * @group Emits
+     */
+    selectedChange: EventEmitter<boolean>;
+    headerFacet: QueryList<Header>;
+    templates: QueryList<CaxTemplate>;
+    private _selected;
+    get iconClass(): "cax-accordion-toggle-icon-end" | "cax-accordion-toggle-icon";
+    contentTemplate: TemplateRef<any> | undefined;
+    headerTemplate: TemplateRef<any> | undefined;
+    iconTemplate: TemplateRef<any> | undefined;
+    loaded: boolean;
+    accordion: Accordion;
+    constructor(accordion: Accordion, el: ElementRef, changeDetector: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    toggle(event?: MouseEvent | KeyboardEvent): boolean;
+    findTabIndex(): number;
+    get hasHeaderFacet(): boolean;
+    onKeydown(event: KeyboardEvent): void;
+    getTabHeaderActionId(tabId: any): string;
+    getTabContentId(tabId: any): string;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionTab, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionTab, "cax-accordionTab", never, { "extraLabel": { "alias": "extraLabel"; "required": false; }; "extraLabelStyle": { "alias": "extraLabelStyle"; "required": false; }; "id": { "alias": "id"; "required": false; }; "header": { "alias": "header"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "tabStyle": { "alias": "tabStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "tabStyleClass": { "alias": "tabStyleClass"; "required": false; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "accordionIconPosition": { "alias": "accordionIconPosition"; "required": false; }; "headerAriaLevel": { "alias": "headerAriaLevel"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["headerFacet", "templates"], ["cax-header", "*"], false, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_cache: unknown;
+    static ngAcceptInputType_headerAriaLevel: unknown;
+}
+/**
+ * Accordion groups a collection of contents in tabs.
+ * @group Components
+ */
+export declare class Accordion implements BlockableUI, AfterContentInit, OnDestroy {
+    el: ElementRef;
+    changeDetector: ChangeDetectorRef;
+    /**
+     * When enabled, multiple tabs can be activated at the same time.
+     * @group Props
+     */
+    multiple: boolean;
+    /**
+     * Inline style of the tab header and content.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Icon of a collapsed tab.
+     * @group Props
+     */
+    expandIcon: string | undefined;
+    /**
+     * Icon of an expanded tab.
+     * @group Props
+     */
+    collapseIcon: string | undefined;
+    /**
+     * Index of the active tab or an array of indexes in multiple mode.
+     * @group Props
+     */
+    get activeIndex(): number | number[] | null | undefined;
+    set activeIndex(val: number | number[] | null | undefined);
+    /**
+     * When enabled, the focused tab is activated.
+     * @group Props
+     */
+    selectOnFocus: boolean;
+    /**
+     * The aria-level that each accordion header will have. The default value is 2 as per W3C specifications
+     * @group Props
+     */
+    get headerAriaLevel(): number;
+    set headerAriaLevel(val: number);
+    /**
+     * Callback to invoke when an active tab is collapsed by clicking on the header.
+     * @param {AccordionTabCloseEvent} event - Custom tab close event.
+     * @group Emits
+     */
+    onClose: EventEmitter<AccordionTabCloseEvent>;
+    /**
+     * Callback to invoke when a tab gets expanded.
+     * @param {AccordionTabOpenEvent} event - Custom tab open event.
+     * @group Emits
+     */
+    onOpen: EventEmitter<AccordionTabOpenEvent>;
+    /**
+     * Returns the active index.
+     * @param {number | number[]} value - New index.
+     * @group Emits
+     */
+    activeIndexChange: EventEmitter<number | number[]>;
+    tabList: QueryList<AccordionTab> | undefined;
+    tabListSubscription: Subscription | null;
+    private _activeIndex;
+    private _headerAriaLevel;
+    preventActiveIndexPropagation: boolean;
+    tabs: AccordionTab[];
+    constructor(el: ElementRef, changeDetector: ChangeDetectorRef);
+    onKeydown(event: any): void;
+    focusedElementIsAccordionHeader(): boolean;
+    onTabArrowDownKey(event: any): void;
+    onTabArrowUpKey(event: any): void;
+    onTabHomeKey(event: any): void;
+    changeFocusedTab(element: any): void;
+    findNextHeaderAction(tabElement: any, selfCheck?: boolean): any;
+    findPrevHeaderAction(tabElement: any, selfCheck?: boolean): any;
+    findFirstHeaderAction(): any;
+    findLastHeaderAction(): any;
+    onTabEndKey(event: any): void;
+    ngAfterContentInit(): void;
+    initTabs(): void;
+    getBlockableElement(): HTMLElement;
+    updateSelectionState(): void;
+    isTabActive(index: any): boolean;
+    getTabProp(tab: any, name: any): any;
+    updateActiveIndex(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Accordion, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Accordion, "cax-accordion", never, { "multiple": { "alias": "multiple"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "headerAriaLevel": { "alias": "headerAriaLevel"; "required": false; }; }, { "onClose": "onClose"; "onOpen": "onOpen"; "activeIndexChange": "activeIndexChange"; }, ["tabList"], ["*"], false, never>;
+    static ngAcceptInputType_multiple: unknown;
+    static ngAcceptInputType_selectOnFocus: unknown;
+}

package/accordion/accordion.interface.d.ts

@@ -0,0 +1,49 @@
+import { TemplateRef } from '@angular/core';
+/**
+ * Custom tab open event.
+ * @see {@link Accordion.onOpen}
+ * @group Events
+ */
+export interface AccordionTabOpenEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Opened tab index.
+     */
+    index: number;
+}
+/**
+ * Custom tab close event.
+ * @see {@link Accordion.onClose}
+ * @extends {AccordionTabOpenEvent}
+ * @group Events
+ */
+export interface AccordionTabCloseEvent extends AccordionTabOpenEvent {
+}
+/**
+ * Defines valid templates in Accordion.
+ * @group Templates
+ */
+export interface AccordionTemplates {
+    /**
+     * Custom template of content.
+     */
+    content(): TemplateRef<any>;
+    /**
+     * Custom template of header.
+     */
+    header(): TemplateRef<any>;
+    /**
+     * Custom template of icon.
+     */
+    icon(context: {
+        /**
+         * Data of the selected.
+         */
+        $implicit: any;
+    }): TemplateRef<{
+        $implicit: any;
+    }>;
+}

package/accordion/accordion.module.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./accordion";
+import * as i2 from "@angular/common";
+import * as i3 from "cax-design-system/icons/chevronright";
+import * as i4 from "cax-design-system/icons/chevrondown";
+import * as i5 from "cax-design-system/icons/chevronleft";
+import * as i6 from "cax-design-system/icons/chevronup";
+import * as i7 from "cax-design-system/api";
+export declare class AccordionModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionModule, [typeof i1.Accordion, typeof i1.AccordionTab], [typeof i2.CommonModule, typeof i3.ChevronRightIcon, typeof i4.ChevronDownIcon, typeof i5.ChevronLeftIcon, typeof i6.ChevronUpIcon], [typeof i1.Accordion, typeof i1.AccordionTab, typeof i7.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AccordionModule>;
+}

package/accordion/index.d.ts

@@ -1,288 +1,5 @@
-import * as i0 from '@angular/core';
-import { TemplateRef, AfterContentInit, OnDestroy, ElementRef, ChangeDetectorRef, EventEmitter, QueryList } from '@angular/core';
-import * as i7 from 'cax-design-system/api';
-import { Header, CaxTemplate, BlockableUI } from 'cax-design-system/api';
-import { Subscription } from 'rxjs';
-import * as i2 from '@angular/common';
-import * as i3 from 'cax-design-system/icons/chevronright';
-import * as i4 from 'cax-design-system/icons/chevrondown';
-import * as i5 from 'cax-design-system/icons/chevronleft';
-import * as i6 from 'cax-design-system/icons/chevronup';
-
 /**
- * Custom tab open event.
- * @see {@link Accordion.onOpen}
- * @group Events
+ * Generated bundle index. Do not edit.
  */
-interface AccordionTabOpenEvent {
-    /**
-     * Browser event.
-     */
-    originalEvent: Event;
-    /**
-     * Opened tab index.
-     */
-    index: number;
-}
-/**
- * Custom tab close event.
- * @see {@link Accordion.onClose}
- * @extends {AccordionTabOpenEvent}
- * @group Events
- */
-interface AccordionTabCloseEvent extends AccordionTabOpenEvent {
-}
-/**
- * Defines valid templates in Accordion.
- * @group Templates
- */
-interface AccordionTemplates {
-    /**
-     * Custom template of content.
-     */
-    content(): TemplateRef<any>;
-    /**
-     * Custom template of header.
-     */
-    header(): TemplateRef<any>;
-    /**
-     * Custom template of icon.
-     */
-    icon(context: {
-        /**
-         * Data of the selected.
-         */
-        $implicit: any;
-    }): TemplateRef<{
-        $implicit: any;
-    }>;
-}
-
-/**
- * AccordionTab is a helper component for Accordion.
- * @group Components
- */
-declare class AccordionTab implements AfterContentInit, OnDestroy {
-    el: ElementRef;
-    changeDetector: ChangeDetectorRef;
-    extraLabel: string;
-    extraLabelStyle: {
-        [klass: string]: any;
-    };
-    /**
-     * Current id state as a string.
-     * @group Props
-     */
-    id: string | undefined;
-    /**
-     * Used to define the header of the tab.
-     * @group Props
-     */
-    header: string | undefined;
-    /**
-     * Inline style of the tab header.
-     * @group Props
-     */
-    headerStyle: {
-        [klass: string]: any;
-    } | null | undefined;
-    /**
-     * Inline style of the tab.
-     * @group Props
-     */
-    tabStyle: {
-        [klass: string]: any;
-    } | null | undefined;
-    /**
-     * Inline style of the tab content.
-     * @group Props
-     */
-    contentStyle: {
-        [klass: string]: any;
-    } | null | undefined;
-    /**
-     * Style class of the tab.
-     * @group Props
-     */
-    tabStyleClass: string | undefined;
-    /**
-     * Style class of the tab header.
-     * @group Props
-     */
-    headerStyleClass: string | undefined;
-    /**
-     * Style class of the tab content.
-     * @group Props
-     */
-    contentStyleClass: string | undefined;
-    /**
-     * Whether the tab is disabled.
-     * @group Props
-     */
-    disabled: boolean | undefined;
-    /**
-     * Whether a lazy loaded panel should avoid getting loaded again on reselection.
-     * @group Props
-     */
-    cache: boolean;
-    /**
-     * Transition options of the animation.
-     * @group Props
-     */
-    transitionOptions: string;
-    /**
-     * Position of the icon.
-     * @group Props
-     */
-    iconPos: 'end' | 'start';
-    /**
-     * The value that returns the selection.
-     * @group Props
-     */
-    get selected(): boolean;
-    accordionIconPosition: 'left' | 'right' | 'none';
-    set selected(val: boolean);
-    /**
-     * The aria-level that each accordion header will have. The default value is 2 as per W3C specifications
-     * @group Props
-     */
-    headerAriaLevel: number;
-    /**
-     * Event triggered by changing the choice.
-     * @param {boolean} value - Boolean value indicates that the option is changed.
-     * @group Emits
-     */
-    selectedChange: EventEmitter<boolean>;
-    headerFacet: QueryList<Header>;
-    templates: QueryList<CaxTemplate>;
-    private _selected;
-    get iconClass(): "cax-accordion-toggle-icon-end" | "cax-accordion-toggle-icon";
-    contentTemplate: TemplateRef<any> | undefined;
-    headerTemplate: TemplateRef<any> | undefined;
-    iconTemplate: TemplateRef<any> | undefined;
-    loaded: boolean;
-    accordion: Accordion;
-    constructor(accordion: Accordion, el: ElementRef, changeDetector: ChangeDetectorRef);
-    ngAfterContentInit(): void;
-    toggle(event?: MouseEvent | KeyboardEvent): boolean;
-    findTabIndex(): number;
-    get hasHeaderFacet(): boolean;
-    onKeydown(event: KeyboardEvent): void;
-    getTabHeaderActionId(tabId: any): string;
-    getTabContentId(tabId: any): string;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionTab, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<AccordionTab, "cax-accordionTab", never, { "extraLabel": { "alias": "extraLabel"; "required": false; }; "extraLabelStyle": { "alias": "extraLabelStyle"; "required": false; }; "id": { "alias": "id"; "required": false; }; "header": { "alias": "header"; "required": false; }; "headerStyle": { "alias": "headerStyle"; "required": false; }; "tabStyle": { "alias": "tabStyle"; "required": false; }; "contentStyle": { "alias": "contentStyle"; "required": false; }; "tabStyleClass": { "alias": "tabStyleClass"; "required": false; }; "headerStyleClass": { "alias": "headerStyleClass"; "required": false; }; "contentStyleClass": { "alias": "contentStyleClass"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "cache": { "alias": "cache"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "iconPos": { "alias": "iconPos"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "accordionIconPosition": { "alias": "accordionIconPosition"; "required": false; }; "headerAriaLevel": { "alias": "headerAriaLevel"; "required": false; }; }, { "selectedChange": "selectedChange"; }, ["headerFacet", "templates"], ["cax-header", "*"], false, never>;
-    static ngAcceptInputType_disabled: unknown;
-    static ngAcceptInputType_cache: unknown;
-    static ngAcceptInputType_headerAriaLevel: unknown;
-}
-/**
- * Accordion groups a collection of contents in tabs.
- * @group Components
- */
-declare class Accordion implements BlockableUI, AfterContentInit, OnDestroy {
-    el: ElementRef;
-    changeDetector: ChangeDetectorRef;
-    /**
-     * When enabled, multiple tabs can be activated at the same time.
-     * @group Props
-     */
-    multiple: boolean;
-    /**
-     * Inline style of the tab header and content.
-     * @group Props
-     */
-    style: {
-        [klass: string]: any;
-    } | null | undefined;
-    /**
-     * Class of the element.
-     * @group Props
-     */
-    styleClass: string | undefined;
-    /**
-     * Icon of a collapsed tab.
-     * @group Props
-     */
-    expandIcon: string | undefined;
-    /**
-     * Icon of an expanded tab.
-     * @group Props
-     */
-    collapseIcon: string | undefined;
-    /**
-     * Index of the active tab or an array of indexes in multiple mode.
-     * @group Props
-     */
-    get activeIndex(): number | number[] | null | undefined;
-    set activeIndex(val: number | number[] | null | undefined);
-    /**
-     * When enabled, the focused tab is activated.
-     * @group Props
-     */
-    selectOnFocus: boolean;
-    /**
-     * The aria-level that each accordion header will have. The default value is 2 as per W3C specifications
-     * @group Props
-     */
-    get headerAriaLevel(): number;
-    set headerAriaLevel(val: number);
-    /**
-     * Callback to invoke when an active tab is collapsed by clicking on the header.
-     * @param {AccordionTabCloseEvent} event - Custom tab close event.
-     * @group Emits
-     */
-    onClose: EventEmitter<AccordionTabCloseEvent>;
-    /**
-     * Callback to invoke when a tab gets expanded.
-     * @param {AccordionTabOpenEvent} event - Custom tab open event.
-     * @group Emits
-     */
-    onOpen: EventEmitter<AccordionTabOpenEvent>;
-    /**
-     * Returns the active index.
-     * @param {number | number[]} value - New index.
-     * @group Emits
-     */
-    activeIndexChange: EventEmitter<number | number[]>;
-    tabList: QueryList<AccordionTab> | undefined;
-    tabListSubscription: Subscription | null;
-    private _activeIndex;
-    private _headerAriaLevel;
-    preventActiveIndexPropagation: boolean;
-    tabs: AccordionTab[];
-    constructor(el: ElementRef, changeDetector: ChangeDetectorRef);
-    onKeydown(event: any): void;
-    focusedElementIsAccordionHeader(): boolean;
-    onTabArrowDownKey(event: any): void;
-    onTabArrowUpKey(event: any): void;
-    onTabHomeKey(event: any): void;
-    changeFocusedTab(element: any): void;
-    findNextHeaderAction(tabElement: any, selfCheck?: boolean): any;
-    findPrevHeaderAction(tabElement: any, selfCheck?: boolean): any;
-    findFirstHeaderAction(): any;
-    findLastHeaderAction(): any;
-    onTabEndKey(event: any): void;
-    ngAfterContentInit(): void;
-    initTabs(): void;
-    getBlockableElement(): HTMLElement;
-    updateSelectionState(): void;
-    isTabActive(index: any): boolean;
-    getTabProp(tab: any, name: any): any;
-    updateActiveIndex(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Accordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<Accordion, "cax-accordion", never, { "multiple": { "alias": "multiple"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "expandIcon": { "alias": "expandIcon"; "required": false; }; "collapseIcon": { "alias": "collapseIcon"; "required": false; }; "activeIndex": { "alias": "activeIndex"; "required": false; }; "selectOnFocus": { "alias": "selectOnFocus"; "required": false; }; "headerAriaLevel": { "alias": "headerAriaLevel"; "required": false; }; }, { "onClose": "onClose"; "onOpen": "onOpen"; "activeIndexChange": "activeIndexChange"; }, ["tabList"], ["*"], false, never>;
-    static ngAcceptInputType_multiple: unknown;
-    static ngAcceptInputType_selectOnFocus: unknown;
-}
-
-declare class AccordionModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AccordionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AccordionModule, [typeof Accordion, typeof AccordionTab], [typeof i2.CommonModule, typeof i3.ChevronRightIcon, typeof i4.ChevronDownIcon, typeof i5.ChevronLeftIcon, typeof i6.ChevronUpIcon], [typeof Accordion, typeof AccordionTab, typeof i7.SharedModule]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AccordionModule>;
-}
-
-export { Accordion, AccordionModule, AccordionTab };
-export type { AccordionTabCloseEvent, AccordionTabOpenEvent, AccordionTemplates };
+/// <amd-module name="cax-design-system/accordion" />
+export * from './public_api';

package/accordion/public_api.d.ts

@@ -0,0 +1,3 @@
+export * from './accordion';
+export * from './accordion.interface';
+export * from './accordion.module';

package/animate/animate.d.ts

@@ -0,0 +1,40 @@
+import { AfterViewInit, ElementRef, OnInit, Renderer2 } from '@angular/core';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.
+ * @group Components
+ */
+export declare class Animate implements OnInit, AfterViewInit {
+    private host;
+    el: ElementRef;
+    renderer: Renderer2;
+    /**
+     * Selector to define the CSS class for enter animation.
+     * @group Props
+     */
+    enterClass: string | undefined;
+    /**
+     * Selector to define the CSS class for leave animation.
+     * @group Props
+     */
+    leaveClass: string | undefined;
+    observer: IntersectionObserver | undefined;
+    timeout: any;
+    constructor(host: ElementRef, el: ElementRef, renderer: Renderer2);
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    bindIntersectionObserver(): void;
+    isVisible(element: IntersectionObserverEntry[]): void;
+    enter(): void;
+    leave(): void;
+    unbindIntersectionObserver(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Animate, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<Animate, "[pAnimate]", never, { "enterClass": { "alias": "enterClass"; "required": false; }; "leaveClass": { "alias": "leaveClass"; "required": false; }; }, {}, never, never, false, never>;
+}
+export declare class AnimateModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<AnimateModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<AnimateModule, [typeof Animate], [typeof i1.CommonModule], [typeof Animate]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<AnimateModule>;
+}

package/animate/index.d.ts

@@ -1,43 +1,5 @@
-import * as i0 from '@angular/core';
-import { OnInit, AfterViewInit, ElementRef, Renderer2 } from '@angular/core';
-import * as i1 from '@angular/common';
-
 /**
- * Animate manages PrimeFlex CSS classes declaratively to during enter/leave animations on scroll or on page load.
- * @group Components
+ * Generated bundle index. Do not edit.
  */
-declare class Animate implements OnInit, AfterViewInit {
-    private host;
-    el: ElementRef;
-    renderer: Renderer2;
-    /**
-     * Selector to define the CSS class for enter animation.
-     * @group Props
-     */
-    enterClass: string | undefined;
-    /**
-     * Selector to define the CSS class for leave animation.
-     * @group Props
-     */
-    leaveClass: string | undefined;
-    observer: IntersectionObserver | undefined;
-    timeout: any;
-    constructor(host: ElementRef, el: ElementRef, renderer: Renderer2);
-    ngOnInit(): void;
-    ngAfterViewInit(): void;
-    bindIntersectionObserver(): void;
-    isVisible(element: IntersectionObserverEntry[]): void;
-    enter(): void;
-    leave(): void;
-    unbindIntersectionObserver(): void;
-    ngOnDestroy(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<Animate, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<Animate, "[pAnimate]", never, { "enterClass": { "alias": "enterClass"; "required": false; }; "leaveClass": { "alias": "leaveClass"; "required": false; }; }, {}, never, never, false, never>;
-}
-declare class AnimateModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<AnimateModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<AnimateModule, [typeof Animate], [typeof i1.CommonModule], [typeof Animate]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<AnimateModule>;
-}
-
-export { Animate, AnimateModule };
+/// <amd-module name="cax-design-system/animate" />
+export * from './public_api';

package/animate/public_api.d.ts

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