cax-design-system 2.8.2 → 2.8.4

package/commentbox/index.d.ts

@@ -1,138 +1,5 @@
-import * as i0 from '@angular/core';
-import { EventEmitter, ElementRef, NgZone } from '@angular/core';
-import { DomSanitizer, SafeHtml } from '@angular/platform-browser';
-import * as i2 from '@angular/common';
-import * as i3 from '@angular/forms';
-import * as i4 from 'cax-design-system/sidebar';
-import * as i5 from 'cax-design-system/inputtext';
-import * as i6 from 'cax-design-system/button';
-import * as i7 from 'cax-design-system/chip';
-import * as i8 from 'cax-design-system/overlay';
-import * as i9 from 'cax-design-system/avatar';
-import * as i10 from 'cax-design-system/ripple';
-import * as i11 from 'cax-design-system/api';
-
-interface Comment {
-    text: string;
-    date: Date;
-    files?: Array<{
-        name: string;
-        size: string;
-    }>;
-    isAdmin?: boolean;
-    sender?: string;
-}
-interface GroupedComments {
-    date: Date;
-    items: Comment[];
-}
-declare class CommentboxComponent {
-    private sanitizer;
-    private ngZone;
-    private _comments;
-    set comments(value: Comment[]);
-    get comments(): Comment[];
-    mentionSuggestions: any[];
-    hashtagSuggestions: any[];
-    sidebarHeader: string;
-    isAdmin: boolean;
-    placeholder: string;
-    commentAdded: EventEmitter<any>;
-    fileSelected: EventEmitter<File>;
-    fileDownload: EventEmitter<{
-        name: string;
-        size: string;
-    }>;
-    visibleChange: EventEmitter<boolean>;
-    onSidebarHide: EventEmitter<void>;
-    newComment: string;
-    isMentioning: boolean;
-    isHashtagging: boolean;
-    suggestions: any[];
-    selectedSuggestion: any;
-    selectedSuggestionIndex: number;
-    filteredSuggestions: any[];
-    currentTokenType: 'mention' | 'hashtag' | null;
-    cursorPosition: number;
-    fileInput: ElementRef<HTMLInputElement>;
-    suggestionPanel: ElementRef;
-    inputText: ElementRef;
-    private commentsList;
-    countChip: ElementRef;
-    selectedFiles: Array<{
-        name: string;
-        size: string;
-    }>;
-    selectedFilesMap: Map<number, {
-        name: string;
-        size: string;
-    }>;
-    today: Date;
-    groupedCommentsCache: GroupedComments[];
-    overlayVisible: boolean;
-    filesOverlayVisible: boolean;
-    overlayPosition: {
-        top: number;
-        left: number;
-    };
-    private dateUpdateInterval;
-    private shouldAutoScroll;
-    private isUserScrolling;
-    private observer;
-    private scrollQueued;
-    constructor(sanitizer: DomSanitizer, ngZone: NgZone);
-    ngAfterViewInit(): void;
-    ngOnDestroy(): void;
-    private updateCurrentDate;
-    formatDate(date: Date): string;
-    formatMessageWithTags(text: string): SafeHtml;
-    addComment(): void;
-    private forceScrollToBottom;
-    private scrollToBottom;
-    set visible(value: boolean);
-    get visible(): boolean;
-    private _visible;
-    toggleComments(): void;
-    showComments(): void;
-    hideComments(): void;
-    handleSidebarHide(): void;
-    onDocumentClick(event: MouseEvent): void;
-    handleKeyUp(event: any): void;
-    getTokenAtCursor(text: string, cursorPos: number): string | null;
-    getWordAtPosition(text: string, position: number): string;
-    selectSuggestion(suggestion: any): void;
-    onSuggestionSelect(item: any): void;
-    onSuggestionPanelHide(): void;
-    getCursorPosition(input: HTMLInputElement): {
-        left: number;
-        top: number;
-    };
-    onFileIconClick(event: Event): void;
-    onFileSelect(event: Event): void;
-    private updateFileState;
-    removeFile(index: number, fromChip?: boolean): void;
-    getOverflowCount(): number;
-    showFilesOverlay(event: MouseEvent): void;
-    hideFilesOverlay(): void;
-    private handleClickOutside;
-    formatFileSize(bytes: number): string;
-    showSuggestions(_event: any, type: 'mention' | 'hashtag'): void;
-    onKeyDown(event: KeyboardEvent): void;
-    private scrollSuggestionIntoView;
-    onFileDownload(file: {
-        name: string;
-        size: string;
-    }): void;
-    private recomputeGroupedComments;
-    getShortFileName(filename: string): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CommentboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CommentboxComponent, "cax-comments", never, { "comments": { "alias": "comments"; "required": false; }; "mentionSuggestions": { "alias": "mentionSuggestions"; "required": false; }; "hashtagSuggestions": { "alias": "hashtagSuggestions"; "required": false; }; "sidebarHeader": { "alias": "sidebarHeader"; "required": false; }; "isAdmin": { "alias": "isAdmin"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; }, { "commentAdded": "commentAdded"; "fileSelected": "fileSelected"; "fileDownload": "fileDownload"; "visibleChange": "visibleChange"; "onSidebarHide": "onSidebarHide"; }, never, never, false, never>;
-}
-
-declare class CommentboxModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CommentboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CommentboxModule, [typeof CommentboxComponent], [typeof i2.CommonModule, typeof i3.FormsModule, typeof i4.Sidebar, typeof i5.InputTextModule, typeof i6.ButtonModule, typeof i7.ChipModule, typeof i8.OverlayModule, typeof i9.AvatarModule, typeof i10.RippleModule, typeof i11.SharedModule], [typeof CommentboxComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CommentboxModule>;
-}
-
-export { CommentboxComponent, CommentboxModule };
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cax-design-system/commentbox" />
+export * from './public_api';

package/commentbox/public_api.d.ts

@@ -0,0 +1,2 @@
+export * from './commentbox';
+export * from './commentbox.module';

package/confirmdialog/confirmdialog.d.ts

@@ -0,0 +1,281 @@
+import { AnimationEvent } from '@angular/animations';
+import { AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnDestroy, OnInit, QueryList, Renderer2, TemplateRef } from '@angular/core';
+import { ConfirmEventType, Confirmation, ConfirmationService, caxConfig, CaxTemplate } from 'cax-design-system/api';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import { Subscription } from 'rxjs';
+import * as i0 from "@angular/core";
+/**
+ * ConfirmDialog uses a Dialog UI that is integrated with the Confirmation API.
+ * @group Components
+ */
+export declare class ConfirmDialog implements AfterContentInit, OnInit, OnDestroy {
+    el: ElementRef;
+    renderer: Renderer2;
+    private confirmationService;
+    zone: NgZone;
+    private cd;
+    config: caxConfig;
+    private document;
+    /**
+     * Title text of the dialog.
+     * @group Props
+     */
+    header: string | undefined;
+    /**
+     * Icon to display next to message.
+     * @group Props
+     */
+    icon: string | undefined;
+    /**
+     * Message of the confirmation.
+     * @group Props
+     */
+    message: string | undefined;
+    /**
+     * Inline style of the element.
+     * @group Props
+     */
+    get style(): {
+        [klass: string]: any;
+    } | null | undefined;
+    set style(value: {
+        [klass: string]: any;
+    } | null | undefined);
+    /**
+     * Class of the element.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Specify the CSS class(es) for styling the mask element
+     * @group Props
+     */
+    maskStyleClass: string | undefined;
+    /**
+     * Icon of the accept button.
+     * @group Props
+     */
+    acceptIcon: string | undefined;
+    /**
+     * Label of the accept button.
+     * @group Props
+     */
+    acceptLabel: string | undefined;
+    /**
+     * Defines a string that labels the close button for accessibility.
+     * @group Props
+     */
+    closeAriaLabel: string | undefined;
+    /**
+     * Defines a string that labels the accept button for accessibility.
+     * @group Props
+     */
+    acceptAriaLabel: string | undefined;
+    /**
+     * Visibility of the accept button.
+     * @group Props
+     */
+    acceptVisible: boolean;
+    /**
+     * Icon of the reject button.
+     * @group Props
+     */
+    rejectIcon: string | undefined;
+    /**
+     * Label of the reject button.
+     * @group Props
+     */
+    rejectLabel: string | undefined;
+    /**
+     * Defines a string that labels the reject button for accessibility.
+     * @group Props
+     */
+    rejectAriaLabel: string | undefined;
+    /**
+     * Visibility of the reject button.
+     * @group Props
+     */
+    rejectVisible: boolean;
+    /**
+     * Style class of the accept button.
+     * @group Props
+     */
+    acceptButtonStyleClass: string | undefined;
+    /**
+     * Style class of the reject button.
+     * @group Props
+     */
+    rejectButtonStyleClass: string | undefined;
+    /**
+     * Specifies if pressing escape key should hide the dialog.
+     * @group Props
+     */
+    closeOnEscape: boolean;
+    /**
+     * Specifies if clicking the modal background should hide the dialog.
+     * @group Props
+     */
+    dismissableMask: boolean | undefined;
+    /**
+     * Determines whether scrolling behavior should be blocked within the component.
+     * @group Props
+     */
+    blockScroll: boolean;
+    /**
+     * When enabled dialog is displayed in RTL direction.
+     * @group Props
+     */
+    rtl: boolean;
+    /**
+     * Adds a close icon to the header to hide the dialog.
+     * @group Props
+     */
+    closable: boolean;
+    /**
+     *  Target element to attach the dialog, valid values are "body" or a local ng-template variable of another element (note: use binding with brackets for template variables, e.g. [appendTo]="mydiv" for a div element having #mydiv as variable name).
+     * @group Props
+     */
+    appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined | any;
+    /**
+     * Optional key to match the key of confirm object, necessary to use when component tree has multiple confirm dialogs.
+     * @group Props
+     */
+    key: string | undefined;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex: boolean;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex: number;
+    /**
+     * Transition options of the animation.
+     * @group Props
+     */
+    transitionOptions: string;
+    /**
+     * When enabled, can only focus on elements inside the confirm dialog.
+     * @group Props
+     */
+    focusTrap: boolean;
+    /**
+     * Element to receive the focus when the dialog gets visible.
+     * @group Props
+     */
+    defaultFocus: 'accept' | 'reject' | 'close' | 'none';
+    /**
+     * Object literal to define widths per screen size.
+     * @group Props
+     */
+    breakpoints: any;
+    /**
+     * Current visible state as a boolean.
+     * @group Props
+     */
+    headerIcon: string | undefined;
+    headerIconStyle: any;
+    showCheckbox: boolean;
+    checkboxLabel: string;
+    showCancelButton: boolean;
+    showAcceptButton: boolean;
+    dontAskAgain: boolean;
+    showDialog: boolean;
+    dontShowAgain: boolean;
+    get visible(): any;
+    set visible(value: any);
+    /**
+     *  Allows getting the position of the component.
+     * @group Props
+     */
+    get position(): string;
+    set position(value: string);
+    /**
+     * Callback to invoke when dialog is hidden.
+     * @param {ConfirmEventType} enum - Custom confirm event.
+     * @group Emits
+     */
+    onHide: EventEmitter<ConfirmEventType>;
+    footer: Nullable<TemplateRef<any>>;
+    contentViewChild: Nullable<ElementRef>;
+    templates: QueryList<CaxTemplate> | undefined;
+    ngAfterContentInit(): void;
+    headerTemplate: Nullable<TemplateRef<any>>;
+    footerTemplate: Nullable<TemplateRef<any>>;
+    rejectIconTemplate: Nullable<TemplateRef<any>>;
+    acceptIconTemplate: Nullable<TemplateRef<any>>;
+    messageTemplate: Nullable<TemplateRef<any>>;
+    iconTemplate: Nullable<TemplateRef<any>>;
+    headlessTemplate: Nullable<TemplateRef<any>>;
+    confirmation: Nullable<Confirmation>;
+    _visible: boolean | undefined;
+    _style: {
+        [klass: string]: any;
+    } | null | undefined;
+    maskVisible: boolean | undefined;
+    documentEscapeListener: any;
+    container: Nullable<HTMLDivElement>;
+    wrapper: Nullable<HTMLElement>;
+    contentContainer: Nullable<HTMLDivElement>;
+    subscription: Subscription;
+    maskClickListener: Function | null | undefined;
+    preWidth: number | undefined;
+    _position: string;
+    transformOptions: any;
+    styleElement: any;
+    id: string;
+    ariaLabelledBy: string;
+    confirmationOptions: Nullable<Confirmation>;
+    translationSubscription: Subscription | undefined;
+    constructor(el: ElementRef, renderer: Renderer2, confirmationService: ConfirmationService, zone: NgZone, cd: ChangeDetectorRef, config: caxConfig, document: Document);
+    ngOnInit(): void;
+    getAriaLabelledBy(): string;
+    option(name: string): any;
+    onAnimationStart(event: AnimationEvent): void;
+    onAnimationEnd(event: AnimationEvent): void;
+    getElementToFocus(): any;
+    appendContainer(): void;
+    restoreAppend(): void;
+    enableModality(): void;
+    disableModality(): void;
+    createStyle(): void;
+    close(event: Event): void;
+    hide(type?: ConfirmEventType): void;
+    moveOnTop(): void;
+    getMaskClass(): {
+        [key: string]: boolean;
+    };
+    getPositionClass(): string;
+    bindGlobalListeners(): void;
+    unbindGlobalListeners(): void;
+    unbindMaskClickListener(): void;
+    onOverlayHide(): void;
+    destroyStyle(): void;
+    ngOnDestroy(): void;
+    onChange(event: any): void;
+    accept(): void;
+    reject(): void;
+    get isShowCheckbox(): boolean;
+    get isHeaderIcon(): boolean;
+    get computedHeaderIcon(): string;
+    get computedHeaderIconStyle(): {
+        [klass: string]: any;
+    };
+    get isClosable(): boolean;
+    get acceptButtonLabel(): string;
+    get rejectButtonLabel(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialog, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ConfirmDialog, "cax-confirmDialog", never, { "header": { "alias": "header"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "message": { "alias": "message"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "maskStyleClass": { "alias": "maskStyleClass"; "required": false; }; "acceptIcon": { "alias": "acceptIcon"; "required": false; }; "acceptLabel": { "alias": "acceptLabel"; "required": false; }; "closeAriaLabel": { "alias": "closeAriaLabel"; "required": false; }; "acceptAriaLabel": { "alias": "acceptAriaLabel"; "required": false; }; "acceptVisible": { "alias": "acceptVisible"; "required": false; }; "rejectIcon": { "alias": "rejectIcon"; "required": false; }; "rejectLabel": { "alias": "rejectLabel"; "required": false; }; "rejectAriaLabel": { "alias": "rejectAriaLabel"; "required": false; }; "rejectVisible": { "alias": "rejectVisible"; "required": false; }; "acceptButtonStyleClass": { "alias": "acceptButtonStyleClass"; "required": false; }; "rejectButtonStyleClass": { "alias": "rejectButtonStyleClass"; "required": false; }; "closeOnEscape": { "alias": "closeOnEscape"; "required": false; }; "dismissableMask": { "alias": "dismissableMask"; "required": false; }; "blockScroll": { "alias": "blockScroll"; "required": false; }; "rtl": { "alias": "rtl"; "required": false; }; "closable": { "alias": "closable"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "key": { "alias": "key"; "required": false; }; "autoZIndex": { "alias": "autoZIndex"; "required": false; }; "baseZIndex": { "alias": "baseZIndex"; "required": false; }; "transitionOptions": { "alias": "transitionOptions"; "required": false; }; "focusTrap": { "alias": "focusTrap"; "required": false; }; "defaultFocus": { "alias": "defaultFocus"; "required": false; }; "breakpoints": { "alias": "breakpoints"; "required": false; }; "headerIcon": { "alias": "headerIcon"; "required": false; }; "headerIconStyle": { "alias": "headerIconStyle"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "checkboxLabel": { "alias": "checkboxLabel"; "required": false; }; "showCancelButton": { "alias": "showCancelButton"; "required": false; }; "showAcceptButton": { "alias": "showAcceptButton"; "required": false; }; "visible": { "alias": "visible"; "required": false; }; "position": { "alias": "position"; "required": false; }; }, { "onHide": "onHide"; }, ["footer", "templates"], ["cax-footer"], false, never>;
+    static ngAcceptInputType_acceptVisible: unknown;
+    static ngAcceptInputType_rejectVisible: unknown;
+    static ngAcceptInputType_closeOnEscape: unknown;
+    static ngAcceptInputType_dismissableMask: unknown;
+    static ngAcceptInputType_blockScroll: unknown;
+    static ngAcceptInputType_rtl: unknown;
+    static ngAcceptInputType_closable: unknown;
+    static ngAcceptInputType_autoZIndex: unknown;
+    static ngAcceptInputType_baseZIndex: unknown;
+    static ngAcceptInputType_focusTrap: unknown;
+}

package/confirmdialog/confirmdialog.interface.d.ts

@@ -0,0 +1,39 @@
+import { TemplateRef } from '@angular/core';
+/**
+ * Defines valid templates in ConfirmDialog.
+ * @group Templates
+ */
+export interface ConfirmDialogTemplates {
+    /**
+     * Custom template of header.
+     */
+    header(): TemplateRef<any>;
+    /**
+     * Custom template of footer.
+     */
+    footer(): TemplateRef<any>;
+    /**
+     * Custom template of message.
+     */
+    message(context: {
+        $implicit?: any;
+    }): TemplateRef<any>;
+    /**
+     * Custom template of icon.
+     */
+    icon(): TemplateRef<any>;
+    /**
+     * Custom template of rejecticon.
+     */
+    rejecticon(): TemplateRef<any>;
+    /**
+     * Custom template of accepticon.
+     */
+    accepticon(): TemplateRef<any>;
+    /**
+     * Headless template.
+     */
+    headless(context: {
+        $implicit?: any;
+    }): TemplateRef<any>;
+}

package/confirmdialog/confirmdialog.module.d.ts

@@ -0,0 +1,15 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./confirmdialog";
+import * as i2 from "@angular/common";
+import * as i3 from "cax-design-system/button";
+import * as i4 from "cax-design-system/ripple";
+import * as i5 from "cax-design-system/icons/times";
+import * as i6 from "cax-design-system/icons/check";
+import * as i7 from "@angular/forms";
+import * as i8 from "cax-design-system/checkbox";
+import * as i9 from "cax-design-system/api";
+export declare class ConfirmDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ConfirmDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ConfirmDialogModule, [typeof i1.ConfirmDialog], [typeof i2.CommonModule, typeof i3.ButtonModule, typeof i4.RippleModule, typeof i5.TimesIcon, typeof i6.CheckIcon, typeof i7.FormsModule, typeof i8.CheckboxModule], [typeof i1.ConfirmDialog, typeof i3.ButtonModule, typeof i9.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ConfirmDialogModule>;
+}