cax-design-system 3.0.0 → 3.0.2

package/tristatecheckbox/index.d.ts

@@ -1,5 +1,157 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, ChangeDetectorRef, EventEmitter, QueryList } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i2 from 'cax-design-system/api';
+import { caxConfig, CaxTemplate } from 'cax-design-system/api';
+import { Nullable } from 'cax-design-system/ts-helpers';
+
 /**
- * Generated bundle index. Do not edit.
+ * Defines valid templates in TriStateCheckbox.
+ * @group Templates
  */
-/// <amd-module name="cax-design-system/tristatecheckbox" />
-export * from './public_api';
+interface TriStateCheckboxTemplates {
+    /**
+     * Custom check icon template.
+     */
+    checkicon(): TemplateRef<any>;
+    /**
+     * Custom uncheck icon template.
+     */
+    uncheckicon(): TemplateRef<any>;
+}
+/**
+ * Custom change event.
+ * @see {@link TriStateCheckbox.onChange}
+ * @group Events
+ */
+interface TriStateCheckboxChangeEvent {
+    /**
+     * Browser event.
+     */
+    originalEvent: Event;
+    /**
+     * Value of the checkbox.
+     */
+    value: boolean | null;
+}
+
+declare const TRISTATECHECKBOX_VALUE_ACCESSOR: any;
+/**
+ * TriStateCheckbox is used to select either 'true', 'false' or 'null' as the value.
+ * @group Components
+ */
+declare class TriStateCheckbox implements ControlValueAccessor {
+    private cd;
+    config: caxConfig;
+    constructor(cd: ChangeDetectorRef, config: caxConfig);
+    /**
+     * When present, it specifies that the element should be disabled.
+     * @group Props
+     */
+    disabled: boolean | undefined;
+    /**
+     * Name of the component.
+     * @group Props
+     */
+    name: string | undefined;
+    /**
+     * Defines a string that labels the input for accessibility.
+     * @group Props
+     */
+    ariaLabel: string | undefined;
+    /**
+     * Establishes relationships between the component and label(s) where its value should be one or more element IDs.
+     * @group Props
+     */
+    ariaLabelledBy: string | undefined;
+    /**
+     * Specifies the input variant of the component.
+     * @group Props
+     */
+    variant: 'filled' | 'outlined';
+    /**
+     * Index of the element in tabbing order.
+     * @group Props
+     */
+    tabindex: number | undefined;
+    /**
+     * Identifier of the focus input to match a label defined for the component.
+     * @group Props
+     */
+    inputId: string | undefined;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Label of the checkbox.
+     * @group Props
+     */
+    label: string | undefined;
+    /**
+     * When present, it specifies that the component cannot be edited.
+     * @group Props
+     */
+    readonly: boolean | undefined;
+    /**
+     * Specifies the icon for checkbox true value.
+     * @group Props
+     */
+    checkboxTrueIcon: string | undefined;
+    /**
+     * Specifies the icon for checkbox false value.
+     * @group Props
+     */
+    checkboxFalseIcon: string | undefined;
+    /**
+     * When present, it specifies that the component should automatically get focus on load.
+     * @group Props
+     */
+    autofocus: boolean | undefined;
+    /**
+     * Callback to invoke on value change.
+     * @param {TriStateCheckboxChangeEvent} event - Custom change event.
+     * @group Emits
+     */
+    onChange: EventEmitter<TriStateCheckboxChangeEvent>;
+    templates: QueryList<CaxTemplate>;
+    checkIconTemplate: Nullable<TemplateRef<any>>;
+    uncheckIconTemplate: Nullable<TemplateRef<any>>;
+    focused: Nullable<boolean>;
+    value: Nullable<boolean>;
+    onModelChange: Function;
+    onModelTouched: Function;
+    onClick(event: Event, input: HTMLInputElement): void;
+    onKeyDown(event: KeyboardEvent): void;
+    toggle(event: Event): void;
+    ngAfterContentInit(): void;
+    onFocus(): void;
+    onBlur(): void;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    writeValue(value: any): void;
+    setDisabledState(disabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TriStateCheckbox, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TriStateCheckbox, "cax-triStateCheckbox", never, { "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "label": { "alias": "label"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; "checkboxTrueIcon": { "alias": "checkboxTrueIcon"; "required": false; }; "checkboxFalseIcon": { "alias": "checkboxFalseIcon"; "required": false; }; "autofocus": { "alias": "autofocus"; "required": false; }; }, { "onChange": "onChange"; }, ["templates"], never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_tabindex: unknown;
+    static ngAcceptInputType_readonly: unknown;
+    static ngAcceptInputType_autofocus: unknown;
+}
+
+declare class TriStateCheckboxModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<TriStateCheckboxModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<TriStateCheckboxModule, never, [typeof TriStateCheckbox, typeof i2.SharedModule], [typeof TriStateCheckbox, typeof i2.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<TriStateCheckboxModule>;
+}
+
+export { TRISTATECHECKBOX_VALUE_ACCESSOR, TriStateCheckbox, TriStateCheckboxModule };
+export type { TriStateCheckboxChangeEvent, TriStateCheckboxTemplates };

package/ts-helpers/index.d.ts

@@ -1,5 +1,6 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cax-design-system/ts-helpers" />
-export * from './public_api';
+declare type Booleanish = boolean | 'true' | 'false';
+declare type Numberish = number | string;
+declare type Nullable<T = void> = T | null | undefined;
+declare type VoidListener = VoidFunction | null | undefined;
+
+export type { Booleanish, Nullable, Numberish, VoidListener };

package/upload/index.d.ts

@@ -1,5 +1,113 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cax-design-system/upload" />
-export * from './public_api';
+import * as i0 from '@angular/core';
+import { OnInit, AfterViewInit, QueryList, ElementRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import * as i2 from '@angular/common';
+import * as i3 from '@angular/forms';
+import * as i4 from 'cax-design-system/progressspinner';
+import * as i5 from 'cax-design-system/button';
+
+type UploadFileStatus = 'queued' | 'uploading' | 'complete' | 'canceled' | 'error';
+type UploadFile = {
+    file: File;
+    status: UploadFileStatus;
+    progress?: number;
+    errorMessage?: string;
+};
+declare class UploadComponent implements OnInit, AfterViewInit {
+    private cdr;
+    previewItems: QueryList<ElementRef>;
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    maxFileSize: number;
+    labelText: string;
+    uploadString: string;
+    allowMultiple: boolean;
+    allowedFileTypes: string[];
+    aspectRatios: string[];
+    onSelect: EventEmitter<File[]>;
+    onUpload: EventEmitter<File>;
+    onRemove: EventEmitter<File>;
+    onClear: EventEmitter<void>;
+    onError: EventEmitter<{
+        file: File;
+        error: string;
+    }>;
+    onStatusChange: EventEmitter<"uploading" | "complete" | "idle">;
+    onFileListChange: EventEmitter<{
+        successful: File[];
+        failed: {
+            file: File;
+            error: string;
+        }[];
+    }>;
+    isDragging: boolean;
+    uploadedFiles: UploadFile[];
+    uploadStatus: 'idle' | 'uploading' | 'complete';
+    isProcessingQueue: boolean;
+    uniqueId: string;
+    isExpanded: boolean;
+    dynamicMaxHeight: string;
+    constructor(cdr: ChangeDetectorRef);
+    get acceptFileTypes(): string;
+    private get activeFilesCount();
+    get failedFilesCount(): number;
+    ngOnInit(): void;
+    ngAfterViewInit(): void;
+    /**
+     * Calculates the dynamic max-height to show exactly 6.5 items
+     */
+    calculateMaxHeight(): void;
+    onDragOver(event: DragEvent): void;
+    onDragLeave(event: DragEvent): void;
+    onDrop(event: DragEvent): Promise<void>;
+    handleFileInput(event: any): Promise<void>;
+    private getValidationError;
+    /**
+     * Checks if an image file matches the required aspect ratios
+     */
+    private checkAspectRatio;
+    private getFileExtension;
+    private queueFile;
+    private updateUploadStatus;
+    /**
+     * Emits the current state of the file list categorized by success/failure
+     */
+    private emitFileListUpdate;
+    private processQueue;
+    openFileSelector(): void;
+    private emitError;
+    private processFile;
+    cancelUpload(index: number): void;
+    cancelCurrentUpload(): void;
+    cancelAllUploads(): void;
+    removeFile(index: number): void;
+    removeAllFiles(): void;
+    get hasUploading(): boolean;
+    get hasQueuedOrUploading(): boolean;
+    get hasErrors(): boolean;
+    get allUploadsComplete(): boolean;
+    get uploadingProgressText(): string;
+    get overallProgress(): number;
+    /**
+     * Formats bytes into a human-readable string (KB, MB, GB, etc.)
+     * @param bytes The number of bytes to format
+     * @param decimals Number of decimal places
+     * @returns A formatted string
+     */
+    formatBytes(bytes: number, decimals?: number): string;
+    /**
+     * Toggles the expanded state of the file list preview
+     */
+    toggleExpand(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadComponent, "cax-upload", never, { "style": { "alias": "style"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "uploadString": { "alias": "uploadString"; "required": false; }; "allowMultiple": { "alias": "allowMultiple"; "required": false; }; "allowedFileTypes": { "alias": "allowedFileTypes"; "required": false; }; "aspectRatios": { "alias": "aspectRatios"; "required": false; }; }, { "onSelect": "onSelect"; "onUpload": "onUpload"; "onRemove": "onRemove"; "onClear": "onClear"; "onError": "onError"; "onStatusChange": "onStatusChange"; "onFileListChange": "onFileListChange"; }, never, never, false, never>;
+}
+
+declare class UploadModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<UploadModule, [typeof UploadComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.ProgressSpinnerModule, typeof i5.Button], [typeof UploadComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<UploadModule>;
+}
+
+export { UploadComponent, UploadModule };
+export type { UploadFile, UploadFileStatus };

package/utils/index.d.ts

@@ -1,5 +1,35 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cax-design-system/utils" />
-export * from './public_api';
+declare class ObjectUtils {
+    static isArray(value: any, empty?: boolean): boolean;
+    static isObject(value: any, empty?: boolean): boolean;
+    static equals(obj1: any, obj2: any, field?: string): boolean;
+    static equalsByValue(obj1: any, obj2: any): boolean;
+    static resolveFieldData(data: any, field: any): any;
+    static isFunction(obj: any): boolean;
+    static reorderArray(value: any[], from: number, to: number): void;
+    static insertIntoOrderedArray(item: any, index: number, arr: any[], sourceArr: any[]): void;
+    static findIndexInList(item: any, list: any): number;
+    static contains(value: any, list: any): boolean;
+    static removeAccents(str: any): any;
+    static isDate(input: any): boolean;
+    static isEmpty(value: any): boolean;
+    static isNotEmpty(value: any): boolean;
+    static compare(value1: any, value2: any, locale: any, order?: number): number;
+    static sort(value1: any, value2: any, order: number, locale: any, nullSortOrder?: number): number;
+    static merge(obj1?: any, obj2?: any): any;
+    static isPrintableCharacter(char?: string): RegExpMatchArray;
+    static getItemValue(obj: any, ...params: any[]): any;
+    static findLastIndex(arr: any, callback: any): number;
+    static findLast(arr: any, callback: any): any;
+    static deepEquals(a: any, b: any): boolean;
+}
+
+declare function UniqueComponentId(prefix?: string): string;
+
+declare const _default: {
+    get: (el: any) => number;
+    set: (key: any, el: any, baseZIndex: any) => void;
+    clear: (el: any) => void;
+    getCurrent: () => any;
+};
+
+export { ObjectUtils, UniqueComponentId, _default as ZIndexUtils };

package/virtualscroller/index.d.ts

@@ -1,5 +1,163 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterContentInit, ElementRef, ChangeDetectorRef, EventEmitter, QueryList } from '@angular/core';
+import * as i2 from 'cax-design-system/api';
+import { ScrollerOptions, BlockableUI, Header, Footer, CaxTemplate } from 'cax-design-system/api';
+import * as i3 from 'cax-design-system/scroller';
+import { Scroller } from 'cax-design-system/scroller';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import * as i1 from '@angular/common';
+
 /**
- * Generated bundle index. Do not edit.
+ * Custom lazy load event.
+ * @see {@link VirtualScroller.onLazyLoad}
  */
-/// <amd-module name="cax-design-system/virtualscroller" />
-export * from './public_api';
+interface VirtualScrollerLazyLoadEvent {
+    /**
+     * Index of the first element in viewport.
+     */
+    first?: number;
+    /**
+     * Index of the last element in viewport.
+     */
+    last?: number;
+    /**
+     * Row count.
+     */
+    rows?: number;
+    /**
+     * Manually triggers change detection.
+     */
+    forceUpdate?: Function;
+}
+/**
+ * Defines valid templates in VirtualScroller.
+ * @group Templates
+ */
+interface VirtualScrollerTemplates {
+    /**
+     * Custom item template.
+     * @param {Object} context - item data.
+     */
+    item(context: {
+        /**
+         * Item instance.
+         */
+        $implicit: any;
+        /**
+         * Scroller options.
+         */
+        options: ScrollerOptions;
+    }): TemplateRef<{
+        $implicit: any;
+        options: ScrollerOptions;
+    }>;
+    /**
+     * Custom loading item template.
+     * @param {Object} context - item data.
+     */
+    item(context: {
+        /**
+         * Item instance.
+         */
+        $implicit: any;
+        /**
+         * Scroller options.
+         */
+        options: ScrollerOptions;
+    }): TemplateRef<{
+        $implicit: any;
+        options: ScrollerOptions;
+    }>;
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<any>;
+    /**
+     * Custom header template.
+     */
+    footer(): TemplateRef<any>;
+}
+
+/**
+ * VirtualScroller is a performant approach to handle huge data efficiently.
+ * @group Components
+ */
+declare class VirtualScroller implements AfterContentInit, BlockableUI {
+    el: ElementRef;
+    cd: ChangeDetectorRef;
+    /**
+     * An array of objects to display.
+     * @group Props
+     */
+    value: any[] | undefined;
+    /**
+     * Height of an item in the list.
+     * @group Props
+     */
+    itemSize: number | undefined;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Max height of the content area in inline mode.
+     * @group Props
+     */
+    scrollHeight: any;
+    /**
+     * Defines if data is loaded and interacted with in lazy manner.
+     * @group Props
+     */
+    lazy: boolean | undefined;
+    /**
+     * Whether to use the scroller feature. The properties of scroller component can be used like an object in it.
+     * @group Props
+     */
+    options: ScrollerOptions | undefined;
+    /**
+     * Threshold in milliseconds to delay lazy loading during scrolling.
+     * @group Props
+     */
+    delay: number;
+    /**
+     * Callback to invoke in lazy mode to load new data.
+     * @param {VirtualScrollerLazyLoadEvent} event - custom lazy load event.
+     * @group Emits
+     */
+    onLazyLoad: EventEmitter<VirtualScrollerLazyLoadEvent>;
+    header: Header | undefined;
+    footer: Footer | undefined;
+    templates: Nullable<QueryList<CaxTemplate>>;
+    scroller: Nullable<Scroller>;
+    itemTemplate: Nullable<TemplateRef<any>>;
+    headerTemplate: Nullable<TemplateRef<any>>;
+    footerTemplate: Nullable<TemplateRef<any>>;
+    loadingItemTemplate: Nullable<TemplateRef<any>>;
+    virtualScrollTimeout: any;
+    constructor(el: ElementRef, cd: ChangeDetectorRef);
+    ngAfterContentInit(): void;
+    onLazyItemLoad(event: VirtualScrollerLazyLoadEvent): void;
+    getBlockableElement(): HTMLElement;
+    scrollToIndex(index: number, mode?: ScrollBehavior): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScroller, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VirtualScroller, "p-virtualScroller", never, { "value": { "alias": "value"; "required": false; }; "itemSize": { "alias": "itemSize"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "scrollHeight": { "alias": "scrollHeight"; "required": false; }; "lazy": { "alias": "lazy"; "required": false; }; "options": { "alias": "options"; "required": false; }; "delay": { "alias": "delay"; "required": false; }; }, { "onLazyLoad": "onLazyLoad"; }, ["header", "footer", "templates"], ["cax-header", "cax-footer"], false, never>;
+    static ngAcceptInputType_itemSize: unknown;
+    static ngAcceptInputType_lazy: unknown;
+    static ngAcceptInputType_delay: unknown;
+}
+declare class VirtualScrollerModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VirtualScrollerModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<VirtualScrollerModule, [typeof VirtualScroller], [typeof i1.CommonModule, typeof i2.SharedModule, typeof i3.ScrollerModule], [typeof VirtualScroller, typeof i2.SharedModule, typeof i3.ScrollerModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<VirtualScrollerModule>;
+}
+
+export { VirtualScroller, VirtualScrollerModule };
+export type { VirtualScrollerLazyLoadEvent, VirtualScrollerTemplates };