cax-design-system 2.8.5 → 3.0.1

package/card/index.d.ts

@@ -1,5 +1,90 @@
+import * as i0 from '@angular/core';
+import { AfterContentInit, TemplateRef, QueryList, ElementRef } from '@angular/core';
+import * as i4 from 'cax-design-system/api';
+import { BlockableUI, CaxTemplate } from 'cax-design-system/api';
+import * as i2 from 'cax-design-system/button';
+import * as i3 from '@angular/common';
+import * as i5 from 'cax-design-system/badge';
+
 /**
- * Generated bundle index. Do not edit.
+ * Card is a flexible container component.
+ * @group Components
  */
-/// <amd-module name="cax-design-system/card" />
-export * from './public_api';
+declare class Card implements AfterContentInit, BlockableUI {
+    private el;
+    /**
+     * Header of the card.
+     * @group Props
+     */
+    header: string | undefined;
+    /**
+     * Subheader of the card.
+     * @group Props
+     */
+    subheader: string | undefined;
+    selected: boolean;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    set style(value: {
+        [klass: string]: any;
+    } | null | undefined);
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    headerFacet: TemplateRef<any> | undefined;
+    footerFacet: TemplateRef<any> | undefined;
+    templates: QueryList<CaxTemplate> | undefined;
+    headerTemplate: TemplateRef<any> | undefined;
+    titleTemplate: TemplateRef<any> | undefined;
+    subtitleTemplate: TemplateRef<any> | undefined;
+    contentTemplate: TemplateRef<any> | undefined;
+    footerTemplate: TemplateRef<any> | undefined;
+    _style: i0.WritableSignal<{
+        [klass: string]: any;
+    }>;
+    constructor(el: ElementRef);
+    ngAfterContentInit(): void;
+    getBlockableElement(): HTMLElement;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Card, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Card, "cax-card", never, { "header": { "alias": "header"; "required": false; }; "subheader": { "alias": "subheader"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, {}, ["headerFacet", "footerFacet", "templates"], ["*", "cax-footer"], false, never>;
+}
+
+declare class CardModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CardModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CardModule, [typeof Card], [typeof i2.Button, typeof i3.CommonModule, typeof i4.SharedModule, typeof i2.ButtonModule, typeof i5.BadgeModule], [typeof Card, typeof i4.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CardModule>;
+}
+
+/**
+ * Defines valid templates in Card.
+ * @group Templates
+ */
+interface CardTemplates {
+    /**
+     * Custom template of header.
+     */
+    header(): TemplateRef<any>;
+    /**
+     * Custom template of title.
+     */
+    title(): TemplateRef<any>;
+    /**
+     * Custom template of subtitle.
+     */
+    subtitle(): TemplateRef<any>;
+    /**
+     * Custom template of content.
+     */
+    content(): TemplateRef<any>;
+    /**
+     * Custom template of footer.
+     */
+    footer(): TemplateRef<any>;
+}
+
+export { Card, CardModule };
+export type { CardTemplates };

package/carousel/index.d.ts

@@ -1,5 +1,292 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterContentInit, ElementRef, NgZone, ChangeDetectorRef, EventEmitter, QueryList, Renderer2, SimpleChanges } from '@angular/core';
+import * as i2 from 'cax-design-system/api';
+import { Header, Footer, CaxTemplate, caxConfig } from 'cax-design-system/api';
+import * as i1 from '@angular/common';
+import * as i3 from 'cax-design-system/ripple';
+import * as i4 from 'cax-design-system/icons/chevronright';
+import * as i5 from 'cax-design-system/icons/chevronleft';
+import * as i6 from 'cax-design-system/icons/chevrondown';
+import * as i7 from 'cax-design-system/icons/chevronup';
+
 /**
- * Generated bundle index. Do not edit.
+ * Responsive options of the component.
+ * @group Interface
  */
-/// <amd-module name="cax-design-system/carousel" />
-export * from './public_api';
+interface CarouselResponsiveOptions {
+    /**
+     * Breakpoint for responsive mode. Exp; @media screen and (max-width: ${breakpoint}) {...}
+     */
+    breakpoint: string;
+    /**
+     * The number of visible items on breakpoint.
+     */
+    numVisible: number;
+    /**
+     * The number of scrolled items on breakpoint.
+     */
+    numScroll: number;
+}
+/**
+ * Custom page event.
+ * @group Events
+ */
+interface CarouselPageEvent {
+    /**
+     * Current page.
+     */
+    page?: number;
+}
+/**
+ * Defines valid templates in Carousel.
+ * @group Templates
+ */
+interface CarouselTemplates {
+    /**
+     * Custom template of header.
+     */
+    header(): TemplateRef<any>;
+    /**
+     * Custom template of item.
+     * @param {Object} context - item data.
+     */
+    item(context: {
+        /**
+         * Data of the item.
+         */
+        $implicit: any;
+    }): TemplateRef<{
+        $implicit: any;
+    }>;
+    /**
+     * Custom template of previousicon.
+     */
+    previousicon(): TemplateRef<any>;
+    /**
+     * Custom template of nexticon.
+     */
+    nexticon(): TemplateRef<any>;
+    /**
+     * Custom template of footer.
+     */
+    footer(): TemplateRef<any>;
+}
+
+/**
+ * Carousel is a content slider featuring various customization options.
+ * @group Components
+ */
+declare class Carousel implements AfterContentInit {
+    el: ElementRef;
+    zone: NgZone;
+    cd: ChangeDetectorRef;
+    private renderer;
+    private document;
+    private platformId;
+    private config;
+    /**
+     * Index of the first item.
+     * @defaultValue 0
+     * @group Props
+     */
+    get page(): number;
+    set page(val: number);
+    /**
+     * Number of items per page.
+     * @defaultValue 1
+     * @group Props
+     */
+    get numVisible(): number;
+    set numVisible(val: number);
+    /**
+     * Number of items to scroll.
+     * @defaultValue 1
+     * @group Props
+     */
+    get numScroll(): number;
+    set numScroll(val: number);
+    /**
+     * An array of options for responsive design.
+     * @see {CarouselResponsiveOptions}
+     * @group Props
+     */
+    responsiveOptions: CarouselResponsiveOptions[] | undefined;
+    /**
+     * Specifies the layout of the component.
+     * @group Props
+     */
+    orientation: 'horizontal' | 'vertical';
+    /**
+     * Height of the viewport in vertical layout.
+     * @group Props
+     */
+    verticalViewPortHeight: string;
+    /**
+     * Style class of main content.
+     * @group Props
+     */
+    contentClass: string;
+    /**
+     * Style class of the indicator items.
+     * @group Props
+     */
+    indicatorsContentClass: string;
+    /**
+     * Inline style of the indicator items.
+     * @group Props
+     */
+    indicatorsContentStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the indicators.
+     * @group Props
+     */
+    indicatorStyleClass: string;
+    /**
+     * Style of the indicators.
+     * @group Props
+     */
+    indicatorStyle: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * An array of objects to display.
+     * @defaultValue null
+     * @group Props
+     */
+    get value(): any[];
+    set value(val: any[]);
+    /**
+     * Defines if scrolling would be infinite.
+     * @group Props
+     */
+    circular: boolean;
+    /**
+     * Whether to display indicator container.
+     * @group Props
+     */
+    showIndicators: boolean;
+    /**
+     * Whether to display navigation buttons in container.
+     * @group Props
+     */
+    showNavigators: boolean;
+    /**
+     * Time in milliseconds to scroll items automatically.
+     * @group Props
+     */
+    autoplayInterval: number;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the viewport container.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Callback to invoke after scroll.
+     * @param {CarouselPageEvent} event - Custom page event.
+     * @group Emits
+     */
+    onPage: EventEmitter<CarouselPageEvent>;
+    itemsContainer: ElementRef | undefined;
+    indicatorContent: ElementRef | undefined;
+    headerFacet: QueryList<Header> | undefined;
+    footerFacet: QueryList<Footer> | undefined;
+    templates: QueryList<CaxTemplate> | undefined;
+    _numVisible: number;
+    _numScroll: number;
+    _oldNumScroll: number;
+    prevState: any;
+    defaultNumScroll: number;
+    defaultNumVisible: number;
+    _page: number;
+    _value: any[] | null | undefined;
+    carouselStyle: any;
+    id: string | undefined;
+    totalShiftedItems: any;
+    isRemainingItemsAdded: boolean;
+    animationTimeout: any;
+    translateTimeout: any;
+    remainingItems: number;
+    _items: any[] | undefined;
+    startPos: any;
+    documentResizeListener: any;
+    clonedItemsForStarting: any[] | undefined;
+    clonedItemsForFinishing: any[] | undefined;
+    allowAutoplay: boolean | undefined;
+    interval: any;
+    isCreated: boolean | undefined;
+    swipeThreshold: number;
+    itemTemplate: TemplateRef<any> | undefined;
+    headerTemplate: TemplateRef<any> | undefined;
+    footerTemplate: TemplateRef<any> | undefined;
+    previousIconTemplate: TemplateRef<any> | undefined;
+    nextIconTemplate: TemplateRef<any> | undefined;
+    window: Window;
+    constructor(el: ElementRef, zone: NgZone, cd: ChangeDetectorRef, renderer: Renderer2, document: Document, platformId: any, config: caxConfig);
+    ngOnChanges(simpleChange: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    createStyle(): void;
+    calculatePosition(): void;
+    setCloneItems(): void;
+    firstIndex(): number;
+    lastIndex(): number;
+    totalDots(): number;
+    totalDotsArray(): any[];
+    isVertical(): boolean;
+    isCircular(): boolean;
+    isAutoplay(): boolean;
+    isForwardNavDisabled(): boolean;
+    isBackwardNavDisabled(): boolean;
+    isEmpty(): boolean;
+    navForward(e: MouseEvent | TouchEvent, index?: number): void;
+    navBackward(e: MouseEvent | TouchEvent, index?: number): void;
+    onDotClick(e: MouseEvent, index: number): void;
+    onIndicatorKeydown(event: KeyboardEvent): void;
+    onRightKey(): void;
+    onLeftKey(): void;
+    onHomeKey(): void;
+    onEndKey(): void;
+    onTabKey(): void;
+    findFocusedIndicatorIndex(): number;
+    changedFocusedIndicator(prevInd: any, nextInd: any): void;
+    step(dir: number, page?: number): void;
+    startAutoplay(): void;
+    stopAutoplay(changeAllow?: boolean): void;
+    isPlaying(): boolean;
+    onTransitionEnd(): void;
+    onTouchStart(e: TouchEvent): void;
+    onTouchMove(e: TouchEvent | MouseEvent): void;
+    onTouchEnd(e: TouchEvent): void;
+    changePageOnTouch(e: TouchEvent | MouseEvent, diff: number): void;
+    ariaPrevButtonLabel(): string;
+    ariaSlideLabel(): string;
+    ariaNextButtonLabel(): string;
+    ariaSlideNumber(value: any): string;
+    ariaPageLabel(value: any): string;
+    bindDocumentListeners(): void;
+    unbindDocumentListeners(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Carousel, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Carousel, "p-carousel", never, { "page": { "alias": "page"; "required": false; }; "numVisible": { "alias": "numVisible"; "required": false; }; "numScroll": { "alias": "numScroll"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "verticalViewPortHeight": { "alias": "verticalViewPortHeight"; "required": false; }; "contentClass": { "alias": "contentClass"; "required": false; }; "indicatorsContentClass": { "alias": "indicatorsContentClass"; "required": false; }; "indicatorsContentStyle": { "alias": "indicatorsContentStyle"; "required": false; }; "indicatorStyleClass": { "alias": "indicatorStyleClass"; "required": false; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; }; "value": { "alias": "value"; "required": false; }; "circular": { "alias": "circular"; "required": false; }; "showIndicators": { "alias": "showIndicators"; "required": false; }; "showNavigators": { "alias": "showNavigators"; "required": false; }; "autoplayInterval": { "alias": "autoplayInterval"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, { "onPage": "onPage"; }, ["headerFacet", "footerFacet", "templates"], ["cax-header", "cax-footer"], false, never>;
+    static ngAcceptInputType_circular: unknown;
+    static ngAcceptInputType_showIndicators: unknown;
+    static ngAcceptInputType_showNavigators: unknown;
+    static ngAcceptInputType_autoplayInterval: unknown;
+}
+declare class CarouselModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CarouselModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<CarouselModule, [typeof Carousel], [typeof i1.CommonModule, typeof i2.SharedModule, typeof i3.RippleModule, typeof i4.ChevronRightIcon, typeof i5.ChevronLeftIcon, typeof i6.ChevronDownIcon, typeof i7.ChevronUpIcon], [typeof i1.CommonModule, typeof Carousel, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<CarouselModule>;
+}
+
+export { Carousel, CarouselModule };
+export type { CarouselPageEvent, CarouselResponsiveOptions, CarouselTemplates };