cax-design-system 2.8.2 → 2.8.4

package/styleclass/styleclass.d.ts

@@ -0,0 +1,108 @@
+import { ElementRef, NgZone, OnDestroy, Renderer2 } from '@angular/core';
+import { VoidListener } from 'cax-design-system/ts-helpers';
+import * as i0 from "@angular/core";
+import * as i1 from "@angular/common";
+/**
+ * StyleClass manages css classes declaratively to during enter/leave animations or just to toggle classes on an element.
+ * @group Components
+ */
+export declare class StyleClass implements OnDestroy {
+    el: ElementRef;
+    renderer: Renderer2;
+    private zone;
+    constructor(el: ElementRef, renderer: Renderer2, zone: NgZone);
+    /**
+     * Selector to define the target element. Available selectors are '@next', '@prev', '@parent' and '@grandparent'.
+     * @group Props
+     */
+    selector: string | undefined;
+    /**
+     * Style class to add when item begins to get displayed.
+     * @group Props
+     * @deprecated Use enterFromClass instead
+     */
+    set enterClass(value: string);
+    get enterClass(): string;
+    /**
+     * Style class to add when item begins to get displayed.
+     * @group Props
+     */
+    enterFromClass: string | undefined;
+    /**
+     * Style class to add during enter animation.
+     * @group Props
+     */
+    enterActiveClass: string | undefined;
+    /**
+     * Style class to add when item begins to get displayed.
+     * @group Props
+     */
+    enterToClass: string | undefined;
+    /**
+     * Style class to add when item begins to get hidden.
+     * @group Props
+     * @deprecated Use leaveFromClass instead
+     */
+    set leaveClass(value: string);
+    get leaveClass(): string;
+    /**
+     * Style class to add when item begins to get hidden.
+     * @group Props
+     */
+    leaveFromClass: string | undefined;
+    /**
+     * Style class to add during leave animation.
+     * @group Props
+     */
+    leaveActiveClass: string | undefined;
+    /**
+     * Style class to add when leave animation is completed.
+     * @group Props
+     */
+    leaveToClass: string | undefined;
+    /**
+     * Whether to trigger leave animation when outside of the element is clicked.
+     * @group Props
+     */
+    hideOnOutsideClick: boolean | undefined;
+    /**
+     * Adds or removes a class when no enter-leave animation is required.
+     * @group Props
+     */
+    toggleClass: string | undefined;
+    /**
+     * Whether to trigger leave animation when escape key pressed.
+     * @group Props
+     */
+    hideOnEscape: boolean | undefined;
+    eventListener: VoidListener;
+    documentClickListener: VoidListener;
+    documentKeydownListener: VoidListener;
+    target: HTMLElement | null | undefined;
+    enterListener: VoidListener;
+    leaveListener: VoidListener;
+    animating: boolean | undefined;
+    _enterClass: string | undefined;
+    _leaveClass: string | undefined;
+    clickListener(): void;
+    toggle(): void;
+    enter(): void;
+    leave(): void;
+    resolveTarget(): any;
+    bindDocumentClickListener(): void;
+    bindDocumentKeydownListener(): void;
+    isVisible(): boolean;
+    isOutsideClick(event: MouseEvent): boolean;
+    unbindDocumentClickListener(): void;
+    unbindDocumentKeydownListener(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<StyleClass, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<StyleClass, "[pStyleClass]", never, { "selector": { "alias": "pStyleClass"; "required": false; }; "enterClass": { "alias": "enterClass"; "required": false; }; "enterFromClass": { "alias": "enterFromClass"; "required": false; }; "enterActiveClass": { "alias": "enterActiveClass"; "required": false; }; "enterToClass": { "alias": "enterToClass"; "required": false; }; "leaveClass": { "alias": "leaveClass"; "required": false; }; "leaveFromClass": { "alias": "leaveFromClass"; "required": false; }; "leaveActiveClass": { "alias": "leaveActiveClass"; "required": false; }; "leaveToClass": { "alias": "leaveToClass"; "required": false; }; "hideOnOutsideClick": { "alias": "hideOnOutsideClick"; "required": false; }; "toggleClass": { "alias": "toggleClass"; "required": false; }; "hideOnEscape": { "alias": "hideOnEscape"; "required": false; }; }, {}, never, never, false, never>;
+    static ngAcceptInputType_hideOnOutsideClick: unknown;
+    static ngAcceptInputType_hideOnEscape: unknown;
+}
+export declare class StyleClassModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<StyleClassModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<StyleClassModule, [typeof StyleClass], [typeof i1.CommonModule], [typeof StyleClass]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<StyleClassModule>;
+}

package/table/columnfilter.interface.d.ts

@@ -0,0 +1,247 @@
+import { TemplateRef } from '@angular/core';
+import { SelectItem } from 'cax-design-system/api';
+/**
+ * Defines valid templates in Column Filter.
+ * @group Templates
+ */
+export interface TableColumnFilterTemplates {
+    /**
+     * Custom filter template.
+     */
+    filter(context: {
+        /**
+         * filterConstraint.value.
+         */
+        $implicit?: string;
+        /**
+         * filter callback.
+         */
+        filterCallback?: (value: string) => void;
+        /**
+         * Type of the input.
+         */
+        type?: string;
+        /**
+         * Filter constraint.
+         */
+        filterConstraint?: string;
+        /**
+         * Input placeholder.
+         */
+        placeholder?: boolean;
+        /**
+         * Minimum fraction of digits.
+         */
+        minFractionDigits?: number;
+        /**
+         * Maximum fraction of digits.
+         */
+        maxFractionDigits?: number;
+        /**
+         * Input prefix.
+         */
+        prefix?: string;
+        /**
+         * Input suffix.
+         */
+        suffix?: string;
+        /**
+         * Locale.
+         */
+        locale?: string;
+        /**
+         * Locale matcher.
+         */
+        localeMatcher?: string;
+        /**
+         * Enables currency input.
+         */
+        currency?: boolean;
+        /**
+         * Display of the currency input.
+         */
+        currencyDisplay?: boolean;
+        /**
+         * Defines if filter grouping will be enabled.
+         */
+        useGrouping?: boolean;
+        /**
+         * Defines the visibility of buttons.
+         */
+        showButtons?: boolean;
+    }): TemplateRef<any>;
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<any>;
+    /**
+     * Custom footer template.
+     */
+    footer(): TemplateRef<any>;
+    /**
+     * Custom filter icon template.
+     */
+    filtericon(): TemplateRef<any>;
+    /**
+     * Custom remove rule icon template.
+     */
+    removeruleicon(): TemplateRef<any>;
+    /**
+     * Custom add rule icon template.
+     */
+    addruleicon(): TemplateRef<any>;
+    /**
+     * Custom clear filter icon template.
+     */
+    clearfiltericon(): TemplateRef<any>;
+}
+/**
+ * Defines valid properties in ColumnFilter component.
+ * @group Components
+ */
+export interface ColumnFilterProps {
+    /**
+     * Property represented by the column.
+     * @defaultValue text
+     * @group Props
+     */
+    field: string | undefined;
+    /**
+     * Type of the input.
+     * @defaultValue text
+     * @group Props
+     */
+    type: string;
+    /**
+     * Filter display.
+     * @defaultValue row
+     * @group Props
+     */
+    display: string;
+    /**
+     * Decides whether to display filter menu popup.
+     * @defaultValue true
+     * @group Props
+     */
+    showMenu: boolean;
+    /**
+     * Filter match mode.
+     * @group Props
+     */
+    matchMode: string | undefined;
+    /**
+     * Filter operator.
+     * @defaultValue 'AND'
+     * @group Props
+     */
+    operator: string;
+    /**
+     * Decides whether to display filter operator.
+     * @defaultValue true
+     * @group Props
+     */
+    showOperator: boolean;
+    /**
+     * Decides whether to display clear filter button.
+     * @defaultValue true
+     * @group Props
+     */
+    showClearButton: boolean;
+    /**
+     * Decides whether to display apply filter button.
+     * @defaultValue true
+     * @group Props
+     */
+    showApplyButton: boolean;
+    /**
+     * Decides whether to display filter match modes.
+     * @defaultValue true
+     * @group Props
+     */
+    showMatchModes: boolean;
+    /**
+     * Decides whether to display add filter button.
+     * @defaultValue true
+     * @group Props
+     */
+    showAddButton: boolean;
+    /**
+     * Decides whether to close popup on clear button click.
+     * @defaultValue true
+     * @group Props
+     */
+    hideOnClear: boolean;
+    /**
+     * Filter placeholder.
+     * @group Props
+     */
+    placeholder: string | undefined;
+    /**
+     * Filter match mode options.
+     * @group Props
+     */
+    matchModeOptions: SelectItem[] | undefined;
+    /**
+     * Defines maximum amount of constraints.
+     * @defaultValue 2
+     * @group Props
+     */
+    maxConstraints: number;
+    /**
+     * Defines minimum fraction of digits.
+     * @group Props
+     */
+    minFractionDigits: number | undefined;
+    /**
+     * Defines maximum fraction of digits.
+     * @group Props
+     */
+    maxFractionDigits: number | undefined;
+    /**
+     * Defines prefix of the filter.
+     * @group Props
+     */
+    prefix: string | undefined;
+    /**
+     * Defines suffix of the filter.
+     * @group Props
+     */
+    suffix: string | undefined;
+    /**
+     * Defines filter locale.
+     * @group Props
+     */
+    locale: string | undefined;
+    /**
+     * Defines filter locale matcher.
+     * @group Props
+     */
+    localeMatcher: string | undefined;
+    /**
+     * Enables currency input.
+     * @group Props
+     */
+    currency: boolean | undefined;
+    /**
+     * Defines the display of the currency input.
+     * @group Props
+     */
+    currencyDisplay: string | undefined;
+    /**
+     * Defines if filter grouping will be enabled.
+     * @defaultValue true
+     * @group Props
+     */
+    useGrouping: boolean;
+    /**
+     * Defines the visibility of buttons.
+     * @defaultValue true
+     * @group Props
+     */
+    showButtons: boolean;
+    /**
+     * Defines the aria-label of the form element.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+}

package/table/components/cell-editor/cell-editor.d.ts

@@ -0,0 +1,20 @@
+import { AfterContentInit, QueryList, TemplateRef } from '@angular/core';
+import { CaxTemplate } from 'cax-design-system/api';
+import { Table } from '../../table';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import { EditableColumn } from '../../directives/editable-column.directive';
+import { EditableRow } from '../../directives/editable-row.directive';
+import * as i0 from "@angular/core";
+export declare class CellEditor implements AfterContentInit {
+    dt: Table;
+    editableColumn: EditableColumn;
+    editableRow: EditableRow;
+    templates: Nullable<QueryList<CaxTemplate>>;
+    inputTemplate: Nullable<TemplateRef<any>>;
+    outputTemplate: Nullable<TemplateRef<any>>;
+    constructor(dt: Table, editableColumn: EditableColumn, editableRow: EditableRow);
+    ngAfterContentInit(): void;
+    get editing(): boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CellEditor, [null, { optional: true; }, { optional: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CellEditor, "cax-cellEditor", never, {}, {}, ["templates"], never, true, never>;
+}

package/table/components/column-filter/column-filter.d.ts

@@ -0,0 +1,291 @@
+import { AnimationEvent } from '@angular/animations';
+import { AfterContentInit, EventEmitter, ElementRef, QueryList, TemplateRef, Renderer2, ChangeDetectorRef } from '@angular/core';
+import { SelectItem, FilterMetadata, caxConfig, OverlayService } from 'cax-design-system/api';
+import { ConnectedOverlayScrollHandler } from 'cax-design-system/dom';
+import { Table } from '../../table';
+import { Nullable, VoidListener } from 'cax-design-system/ts-helpers';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class ColumnFilter implements AfterContentInit {
+    private document;
+    el: ElementRef;
+    dt: Table;
+    renderer: Renderer2;
+    config: caxConfig;
+    overlayService: OverlayService;
+    private cd;
+    /**
+     * Property represented by the column.
+     * @group Props
+     */
+    field: string | undefined;
+    /**
+     * Type of the input.
+     * @group Props
+     */
+    type: string;
+    disabled: boolean;
+    /**
+     * Filter display.
+     * @group Props
+     */
+    display: string;
+    /**
+     * Decides whether to display filter menu popup.
+     * @group Props
+     */
+    showMenu: boolean;
+    /**
+     * Filter match mode.
+     * @group Props
+     */
+    matchMode: string | undefined;
+    /**
+     * Filter operator.
+     * @defaultValue 'AND'
+     * @group Props
+     */
+    operator: string;
+    /**
+     * Decides whether to display filter operator.
+     * @group Props
+     */
+    showOperator: boolean;
+    /**
+     * Decides whether to display clear filter button.
+     * @group Props
+     */
+    showClearButton: boolean;
+    /**
+     * Decides whether to display apply filter button.
+     * @group Props
+     */
+    showApplyButton: boolean;
+    /**
+     * Decides whether to display filter match modes.
+     * @group Props
+     */
+    showMatchModes: boolean;
+    /**
+     * Decides whether to display add filter button.
+     * @group Props
+     */
+    showAddButton: boolean;
+    /**
+     * Decides whether to close popup on clear button click.
+     * @group Props
+     */
+    hideOnClear: boolean;
+    /**
+     * Filter placeholder.
+     * @group Props
+     */
+    placeholder: string | undefined;
+    /**
+     * Filter match mode options.
+     * @group Props
+     */
+    matchModeOptions: SelectItem[] | undefined;
+    /**
+     * Defines maximum amount of constraints.
+     * @group Props
+     */
+    maxConstraints: number;
+    /**
+     * Defines minimum fraction of digits.
+     * @group Props
+     */
+    minFractionDigits: number | undefined;
+    /**
+     * Defines maximum fraction of digits.
+     * @group Props
+     */
+    maxFractionDigits: number | undefined;
+    /**
+     * Defines prefix of the filter.
+     * @group Props
+     */
+    prefix: string | undefined;
+    /**
+     * Defines suffix of the filter.
+     * @group Props
+     */
+    suffix: string | undefined;
+    /**
+     * Defines filter locale.
+     * @group Props
+     */
+    locale: string | undefined;
+    /**
+     * Defines filter locale matcher.
+     * @group Props
+     */
+    localeMatcher: string | undefined;
+    /**
+     * Enables currency input.
+     * @group Props
+     */
+    currency: string | undefined;
+    /**
+     * Defines the display of the currency input.
+     * @group Props
+     */
+    currencyDisplay: string | undefined;
+    /**
+     * Defines if filter grouping will be enabled.
+     * @group Props
+     */
+    useGrouping: boolean;
+    /**
+     * Defines the visibility of buttons.
+     * @group Props
+     */
+    showButtons: boolean;
+    /**
+     * Defines the aria-label of the form element.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    /**
+     * Callback to invoke on overlay is shown.
+     * @param {AnimationEvent} originalEvent - animation event.
+     * @group Emits
+     */
+    onShow: EventEmitter<{
+        originalEvent: AnimationEvent;
+    }>;
+    /**
+     * Callback to invoke on overlay is hidden.
+     * @param {AnimationEvent} originalEvent - animation event.
+     * @group Emits
+     */
+    onHide: EventEmitter<{
+        originalEvent: AnimationEvent;
+    }>;
+    icon: Nullable<ElementRef>;
+    clearButtonViewChild: Nullable<ElementRef>;
+    templates: Nullable<QueryList<any>>;
+    overlaySubscription: Subscription | undefined;
+    headerTemplate: Nullable<TemplateRef<any>>;
+    filterTemplate: Nullable<TemplateRef<any>>;
+    footerTemplate: Nullable<TemplateRef<any>>;
+    filterIconTemplate: Nullable<TemplateRef<any>>;
+    removeRuleIconTemplate: Nullable<TemplateRef<any>>;
+    addRuleIconTemplate: Nullable<TemplateRef<any>>;
+    clearFilterIconTemplate: Nullable<TemplateRef<any>>;
+    operatorOptions: any[] | undefined;
+    overlayVisible: boolean | undefined;
+    overlay: HTMLElement | undefined | null;
+    scrollHandler: ConnectedOverlayScrollHandler | null | undefined;
+    documentClickListener: VoidListener;
+    documentResizeListener: VoidListener;
+    matchModes: SelectItem[] | undefined;
+    translationSubscription: Subscription | undefined;
+    resetSubscription: Subscription | undefined;
+    selfClick: boolean | undefined;
+    overlayEventListener: any;
+    private window;
+    overlayId: any;
+    get fieldConstraints(): FilterMetadata[] | undefined | null;
+    get showRemoveIcon(): boolean;
+    get showMenuButton(): boolean;
+    get isShowOperator(): boolean;
+    get isShowAddConstraint(): boolean | undefined | null;
+    get showMenuButtonLabel(): any;
+    get applyButtonLabel(): string;
+    get clearButtonLabel(): string;
+    get addRuleButtonLabel(): string;
+    get removeRuleButtonLabel(): string;
+    get noFilterLabel(): string;
+    get filterMenuButtonAriaLabel(): string;
+    get removeRuleButtonAriaLabel(): string;
+    get filterOperatorAriaLabel(): string;
+    get filterConstraintAriaLabel(): string;
+    customFilterListVisible: boolean;
+    selectedCustomFilter: any;
+    commonFilterOptions: {
+        label: string;
+        key: string;
+    }[];
+    stringFilterOptions: {
+        label: string;
+        key: string;
+    }[];
+    numberFilterOptions: {
+        label: string;
+        key: string;
+    }[];
+    dateFilterOptions: {
+        label: string;
+        key: string;
+    }[];
+    customInputFilter: string;
+    customNumberFilter1: number;
+    customNumberFilter2: number;
+    customDateFilter: any;
+    constructor(document: Document, el: ElementRef, dt: Table, renderer: Renderer2, config: caxConfig, overlayService: OverlayService, cd: ChangeDetectorRef);
+    ngOnInit(): void;
+    getSelectedFilter(key: string): {
+        label: string;
+        key: string;
+    } | undefined;
+    generateMatchModeOptions(): void;
+    generateOperatorOptions(): void;
+    ngAfterContentInit(): void;
+    initFieldFilterConstraint(): void;
+    onMenuMatchModeChange(value: any, filterMeta: FilterMetadata): void;
+    onRowMatchModeChange(matchMode: string): void;
+    onRowMatchModeKeyDown(event: KeyboardEvent): void;
+    onRowClearItemClick(): void;
+    isRowMatchModeSelected(matchMode: string): boolean;
+    addConstraint(): void;
+    removeConstraint(filterMeta: FilterMetadata): void;
+    onOperatorChange(value: any): void;
+    toggleMenu(): void;
+    onToggleButtonKeyDown(event: KeyboardEvent): void;
+    onEscape(): void;
+    findNextItem(item: HTMLLIElement): any;
+    findPrevItem(item: HTMLLIElement): any;
+    onContentClick(): void;
+    onOverlayAnimationStart(event: AnimationEvent): void;
+    onOverlayAnimationEnd(event: AnimationEvent): void;
+    focusOnFirstElement(): void;
+    getDefaultMatchMode(): string;
+    getDefaultOperator(): string | undefined;
+    hasRowFilter(): boolean;
+    hasFilter(): boolean;
+    isOutsideClicked(event: any): boolean;
+    bindDocumentClickListener(): void;
+    unbindDocumentClickListener(): void;
+    bindDocumentResizeListener(): void;
+    unbindDocumentResizeListener(): void;
+    bindScrollListener(): void;
+    unbindScrollListener(): void;
+    hide(): void;
+    onOverlayHide(): void;
+    clearFilter(): void;
+    applyFilter(): void;
+    ngOnDestroy(): void;
+    toggleCustomFilterList(): void;
+    selectCustomFilter(option: any): void;
+    get isCustomCommonFilterSelected(): boolean;
+    get isCustomStringFilterSelected(): boolean;
+    get isCustomNumberFilterSelected(): boolean;
+    get isCustomDateFilterSelected(): boolean;
+    onClearCustomFilters(): void;
+    onApplyCustomFilters(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ColumnFilter, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ColumnFilter, "cax-columnFilter", never, { "field": { "alias": "field"; "required": false; }; "type": { "alias": "type"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "display": { "alias": "display"; "required": false; }; "showMenu": { "alias": "showMenu"; "required": false; }; "matchMode": { "alias": "matchMode"; "required": false; }; "operator": { "alias": "operator"; "required": false; }; "showOperator": { "alias": "showOperator"; "required": false; }; "showClearButton": { "alias": "showClearButton"; "required": false; }; "showApplyButton": { "alias": "showApplyButton"; "required": false; }; "showMatchModes": { "alias": "showMatchModes"; "required": false; }; "showAddButton": { "alias": "showAddButton"; "required": false; }; "hideOnClear": { "alias": "hideOnClear"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "matchModeOptions": { "alias": "matchModeOptions"; "required": false; }; "maxConstraints": { "alias": "maxConstraints"; "required": false; }; "minFractionDigits": { "alias": "minFractionDigits"; "required": false; }; "maxFractionDigits": { "alias": "maxFractionDigits"; "required": false; }; "prefix": { "alias": "prefix"; "required": false; }; "suffix": { "alias": "suffix"; "required": false; }; "locale": { "alias": "locale"; "required": false; }; "localeMatcher": { "alias": "localeMatcher"; "required": false; }; "currency": { "alias": "currency"; "required": false; }; "currencyDisplay": { "alias": "currencyDisplay"; "required": false; }; "useGrouping": { "alias": "useGrouping"; "required": false; }; "showButtons": { "alias": "showButtons"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, { "onShow": "onShow"; "onHide": "onHide"; }, ["templates"], never, true, never>;
+    static ngAcceptInputType_showMenu: unknown;
+    static ngAcceptInputType_showOperator: unknown;
+    static ngAcceptInputType_showClearButton: unknown;
+    static ngAcceptInputType_showApplyButton: unknown;
+    static ngAcceptInputType_showMatchModes: unknown;
+    static ngAcceptInputType_showAddButton: unknown;
+    static ngAcceptInputType_hideOnClear: unknown;
+    static ngAcceptInputType_maxConstraints: unknown;
+    static ngAcceptInputType_minFractionDigits: unknown;
+    static ngAcceptInputType_maxFractionDigits: unknown;
+    static ngAcceptInputType_useGrouping: unknown;
+    static ngAcceptInputType_showButtons: unknown;
+}