cax-design-system 3.0.0 → 3.0.1

package/dynamicdialog/index.d.ts

@@ -1,5 +1,492 @@
+import * as i0 from '@angular/core';
+import { Type, ViewContainerRef, AfterViewInit, OnDestroy, Renderer2, NgZone, ComponentRef, ElementRef, ChangeDetectorRef, ApplicationRef, Injector, ProviderToken, InjectOptions } from '@angular/core';
+import { AnimationEvent } from '@angular/animations';
+import * as i6 from 'cax-design-system/api';
+import { caxConfig } from 'cax-design-system/api';
+import { Nullable, VoidListener } from 'cax-design-system/ts-helpers';
+import { Observable, Subject } from 'rxjs';
+import * as i2 from '@angular/common';
+import * as i3 from 'cax-design-system/icons/windowmaximize';
+import * as i4 from 'cax-design-system/icons/windowminimize';
+import * as i5 from 'cax-design-system/icons/times';
+import * as i7 from 'cax-design-system/focustrap';
+
 /**
- * Generated bundle index. Do not edit.
+ * Dialogs can be created dynamically with any component as the content using a DialogService.
+ * @group Components
  */
-/// <amd-module name="cax-design-system/dynamicdialog" />
-export * from './public_api';
+declare class DynamicDialogConfig<T = any> {
+    /**
+     * An object to pass to the component loaded inside the Dialog.
+     * @group Props
+     */
+    data?: T;
+    /**
+     * Header text of the dialog.
+     * @group Props
+     */
+    header?: string;
+    /**
+     * Identifies the element (or elements) that labels the element it is applied to.
+     * @group Props
+     */
+    ariaLabelledBy?: string;
+    /**
+     * Footer text of the dialog.
+     * @group Props
+     */
+    footer?: string;
+    /**
+     * Width of the dialog.
+     * @group Props
+     */
+    width?: string;
+    /**
+     * Height of the dialog.
+     * @group Props
+     */
+    height?: string;
+    /**
+     * Specifies if pressing escape key should hide the dialog.
+     * @group Props
+     */
+    closeOnEscape?: boolean;
+    /**
+     * Specifies if autofocus should happen on show.
+     * @group Props
+     */
+    focusOnShow?: boolean;
+    /**
+     * Specifies if autofocus should happen on close.
+     * @group Props
+     */
+    focusOnClose?: boolean;
+    /**
+     * When enabled, can only focus on elements inside the dialog.
+     * @group Props
+     */
+    focusTrap?: boolean;
+    /**
+     * Base zIndex value to use in layering.
+     * @group Props
+     */
+    baseZIndex?: number;
+    /**
+     * Whether to automatically manage layering.
+     * @group Props
+     */
+    autoZIndex?: boolean;
+    /**
+     * Specifies if clicking the modal background should hide the dialog.
+     * @group Props
+     */
+    dismissableMask?: boolean;
+    /**
+     * Inline style of the component.
+     * @group Props
+     */
+    rtl?: boolean;
+    /**
+     * Inline style of the comopnent.
+     * @group Props
+     */
+    style?: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Inline style of the content.
+     * @group Props
+     */
+    contentStyle?: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the component.
+     * @group Props
+     */
+    styleClass?: string;
+    /**
+     * Transition options of the animation.
+     * @group Props
+     */
+    transitionOptions?: string;
+    /**
+     * Adds a close icon to the header to hide the dialog.
+     * @group Props
+     */
+    closable?: boolean;
+    /**
+     * Whether to show the header or not.
+     * @group Props
+     */
+    showHeader?: boolean;
+    /**
+     * Defines if background should be blocked when dialog is displayed.
+     * @group Props
+     */
+    modal?: boolean;
+    /**
+     * Style class of the mask.
+     * @group Props
+     */
+    maskStyleClass?: string;
+    /**
+     * Enables resizing of the content.
+     * @group Props
+     */
+    resizable?: boolean;
+    /**
+     * Enables dragging to change the position using header.
+     * @group Props
+     */
+    draggable?: boolean;
+    /**
+     * Keeps dialog in the viewport.
+     * @group Props
+     */
+    keepInViewport?: boolean;
+    /**
+     * Minimum value for the left coordinate of dialog in dragging.
+     * @group Props
+     */
+    minX?: number;
+    /**
+     * Minimum value for the top coordinate of dialog in dragging.
+     * @group Props
+     */
+    minY?: number;
+    /**
+     * Whether the dialog can be displayed full screen.
+     * @group Props
+     */
+    maximizable?: boolean;
+    /**
+     * Name of the maximize icon.
+     * @group Props
+     */
+    maximizeIcon?: string;
+    /**
+     * Name of the minimize icon.
+     * @group Props
+     */
+    minimizeIcon?: string;
+    /**
+     * Position of the dialog, options are "center", "top", "bottom", "left", "right", "top-left", "top-right", "bottom-left" or "bottom-right".
+     * @group Props
+     */
+    position?: string;
+    /**
+     * Defines a string that labels the close button for accessibility.
+     * @group Props
+     */
+    closeAriaLabel?: string;
+    /**
+     * Target element to attach the overlay, 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?: any;
+    /**
+     * A boolean to determine if it can be duplicate.
+     * @group Props
+     */
+    duplicate?: boolean;
+    /**
+     * Object literal to define widths per screen size.
+     * @group Props
+     */
+    breakpoints?: any;
+    /**
+     * Dialog templates.
+     * @group Props
+     */
+    templates?: DynamicDialogTemplates;
+}
+/**
+ * Defines valid templates in Dynamic Dialog.
+ * @group Interface
+ */
+interface DynamicDialogTemplates {
+    /**
+     * Template of the header.
+     */
+    header?: Type<any>;
+    /**
+     * Template of the content.
+     */
+    content?: Type<any>;
+    /**
+     * Template of the footer.
+     */
+    footer?: Type<any>;
+    /**
+     * Template of the minimize icon.
+     */
+    minimizeicon?: Type<any>;
+    /**
+     * Template of the maximize icon.
+     */
+    maximizeicon?: Type<any>;
+    /**
+     * Template of the close icon.
+     */
+    closeicon?: Type<any>;
+}
+
+/**
+ * Dynamic Dialog instance.
+ * @group Components
+ */
+declare class DynamicDialogRef<ComponentType = any> {
+    constructor();
+    /**
+     * Closes dialog.
+     * @group Method
+     */
+    close(result?: any): void;
+    /**
+     * Destroys the dialog instance.
+     * @group Method
+     */
+    destroy(): void;
+    /**
+     * Callback to invoke on drag start.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Method
+     */
+    dragStart(event: MouseEvent): void;
+    /**
+     * Callback to invoke on drag end.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Method
+     */
+    dragEnd(event: MouseEvent): void;
+    /**
+     * Callback to invoke on resize start.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Method
+     */
+    resizeInit(event: MouseEvent): void;
+    /**
+     * Callback to invoke on resize start.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Method
+     */
+    resizeEnd(event: MouseEvent): void;
+    /**
+     * Callback to invoke on dialog is maximized.
+     * @param {*} value - Size value.
+     * @group Method
+     */
+    maximize(value: any): void;
+    private readonly _onClose;
+    /**
+     * Event triggered on dialog is closed.
+     * @group Events
+     */
+    onClose: Observable<any>;
+    private readonly _onDestroy;
+    /**
+     * Event triggered on dialog instance is destroyed.
+     * @group Events
+     */
+    onDestroy: Observable<any>;
+    private readonly _onDragStart;
+    /**
+     * Event triggered on drag start.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Events
+     */
+    onDragStart: Observable<any>;
+    private readonly _onDragEnd;
+    /**
+     * Event triggered on drag end.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Events
+     */
+    onDragEnd: Observable<any>;
+    private readonly _onResizeInit;
+    /**
+     * Event triggered on resize start.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Events
+     */
+    onResizeInit: Observable<any>;
+    private readonly _onResizeEnd;
+    /**
+     * Event triggered on resize end.
+     * @param {MouseEvent} event - Mouse event.
+     * @group Events
+     */
+    onResizeEnd: Observable<any>;
+    private readonly _onMaximize;
+    /**
+     * Event triggered on dialog is maximized.
+     * @param {*} value - Size value.
+     * @group Events
+     */
+    onMaximize: Observable<any>;
+    /**
+     * Event triggered on child component load.
+     * @param {*} value - Chi.
+     * @group Events
+     */
+    readonly onChildComponentLoaded: Subject<ComponentType>;
+}
+
+declare class DynamicDialogContent {
+    viewContainerRef: ViewContainerRef;
+    constructor(viewContainerRef: ViewContainerRef);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicDialogContent, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DynamicDialogContent, "[pDynamicDialogContent]", never, {}, {}, never, never, false, never>;
+}
+
+declare class DynamicDialogComponent implements AfterViewInit, OnDestroy {
+    private document;
+    private platformId;
+    private cd;
+    renderer: Renderer2;
+    config: DynamicDialogConfig;
+    private dialogRef;
+    zone: NgZone;
+    caxConfig: caxConfig;
+    private parentDialog;
+    visible: boolean;
+    componentRef: Nullable<ComponentRef<any>>;
+    mask: Nullable<HTMLDivElement>;
+    resizing: boolean | undefined;
+    dragging: boolean | undefined;
+    maximized: boolean | undefined;
+    _style: any;
+    originalStyle: any;
+    lastPageX: number | undefined;
+    lastPageY: number | undefined;
+    ariaLabelledBy: string | undefined;
+    id: string;
+    styleElement: any;
+    insertionPoint: Nullable<DynamicDialogContent>;
+    maskViewChild: Nullable<ElementRef>;
+    contentViewChild: Nullable<ElementRef>;
+    footerViewChild: Nullable<ElementRef>;
+    headerViewChild: Nullable<ElementRef>;
+    childComponentType: Nullable<Type<any>>;
+    container: Nullable<HTMLDivElement>;
+    wrapper: Nullable<HTMLElement>;
+    documentKeydownListener: VoidListener;
+    documentEscapeListener: VoidListener;
+    maskClickListener: VoidListener;
+    transformOptions: string;
+    documentResizeListener: VoidListener;
+    documentResizeEndListener: VoidListener;
+    documentDragListener: VoidListener;
+    documentDragEndListener: VoidListener;
+    get minX(): number;
+    get minY(): number;
+    get keepInViewport(): boolean;
+    get maximizable(): boolean;
+    get maximizeIcon(): string;
+    get minimizeIcon(): string;
+    get style(): any;
+    get position(): string;
+    get closeAriaLabel(): string;
+    set style(value: any);
+    get parent(): Element;
+    get parentContent(): any;
+    get header(): string;
+    get data(): any;
+    get breakpoints(): any;
+    get footerTemplate(): Type<any>;
+    get headerTemplate(): Type<any>;
+    get contentTemplate(): Type<any>;
+    get minimizeIconTemplate(): Type<any>;
+    get maximizeIconTemplate(): Type<any>;
+    get closeIconTemplate(): Type<any>;
+    get dynamicDialogCount(): number;
+    get containerStyle(): {
+        width: string;
+        height: string;
+    };
+    constructor(document: Document, platformId: any, cd: ChangeDetectorRef, renderer: Renderer2, config: DynamicDialogConfig, dialogRef: DynamicDialogRef, zone: NgZone, caxConfig: caxConfig, parentDialog: DynamicDialogComponent);
+    ngOnInit(): void;
+    createStyle(): void;
+    destroyStyle(): void;
+    ngAfterViewInit(): void;
+    getAriaLabelledBy(): string;
+    loadChildComponent(componentType: Type<any>): void;
+    moveOnTop(): void;
+    onAnimationStart(event: AnimationEvent): void;
+    onAnimationEnd(event: AnimationEvent): void;
+    onContainerDestroy(): void;
+    close(): void;
+    hide(): void;
+    enableModality(): void;
+    disableModality(): void;
+    focus(focusParentElement?: any): void;
+    maximize(): void;
+    initResize(event: MouseEvent): void;
+    onResize(event: MouseEvent): void;
+    resizeEnd(event: MouseEvent): void;
+    initDrag(event: MouseEvent): void;
+    onDrag(event: MouseEvent): void;
+    endDrag(event: MouseEvent): void;
+    resetPosition(): void;
+    bindDocumentDragListener(): void;
+    bindDocumentDragEndListener(): void;
+    unbindDocumentDragEndListener(): void;
+    unbindDocumentDragListener(): void;
+    bindDocumentResizeListeners(): void;
+    unbindDocumentResizeListeners(): void;
+    bindGlobalListeners(): void;
+    unbindGlobalListeners(): void;
+    bindDocumentEscapeListener(): void;
+    unbindDocumentEscapeListener(): void;
+    unbindMaskClickListener(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicDialogComponent, [null, null, null, null, null, null, null, null, { optional: true; skipSelf: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DynamicDialogComponent, "p-dynamicDialog", never, {}, {}, never, never, false, never>;
+}
+declare class DynamicDialogModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DynamicDialogModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DynamicDialogModule, [typeof DynamicDialogComponent, typeof DynamicDialogContent], [typeof i2.CommonModule, typeof i3.WindowMaximizeIcon, typeof i4.WindowMinimizeIcon, typeof i5.TimesIcon, typeof i6.SharedModule, typeof i7.FocusTrapModule], [typeof i6.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DynamicDialogModule>;
+}
+
+/**
+ * Dynamic Dialog component methods.
+ * @group Service
+ */
+declare class DialogService {
+    private appRef;
+    private injector;
+    private document;
+    dialogComponentRefMap: Map<DynamicDialogRef<any>, ComponentRef<DynamicDialogComponent>>;
+    constructor(appRef: ApplicationRef, injector: Injector, document: Document);
+    /**
+     * Displays the dialog using the dynamic dialog object options.
+     * @param {*} componentType - Dynamic component for content template.
+     * @param {DynamicDialogConfig} config - DynamicDialog object.
+     * @returns {DynamicDialogRef} DynamicDialog instance.
+     * @group Method
+     */
+    open<T>(componentType: Type<T>, config: DynamicDialogConfig): DynamicDialogRef<T>;
+    /**
+     * Returns the dynamic dialog component instance.
+     * @param {ref} DynamicDialogRef - DynamicDialog instance.
+     * @group Method
+     */
+    getInstance(ref: DynamicDialogRef<any>): DynamicDialogComponent;
+    private appendDialogComponentToBody;
+    private removeDialogComponentFromBody;
+    private duplicationPermission;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
+}
+
+declare class DynamicDialogInjector implements Injector {
+    private _parentInjector;
+    private _additionalTokens;
+    constructor(_parentInjector: Injector, _additionalTokens: WeakMap<any, any>);
+    get<T>(token: ProviderToken<T>, notFoundValue?: T, options?: InjectOptions): T;
+}
+
+export { DialogService, DynamicDialogComponent, DynamicDialogConfig, DynamicDialogInjector, DynamicDialogModule, DynamicDialogRef };
+export type { DynamicDialogTemplates };

package/editor/index.d.ts

@@ -1,5 +1,184 @@
+import * as i0 from '@angular/core';
+import { TemplateRef, AfterContentInit, ElementRef, EventEmitter, QueryList } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import * as i3 from 'cax-design-system/api';
+import { CaxTemplate } from 'cax-design-system/api';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import * as i2 from '@angular/common';
+
 /**
- * Generated bundle index. Do not edit.
+ * Custom text change event.
+ * @see {@link Editor.onTextChange}
+ * @group Events
  */
-/// <amd-module name="cax-design-system/editor" />
-export * from './public_api';
+interface EditorTextChangeEvent {
+    /**
+     * Current value as html.
+     */
+    htmlValue: string;
+    /**
+     * Current value as text.
+     */
+    textValue: string;
+    /**
+     * Representation of the change.
+     */
+    delta: string;
+    /**
+     * Source of change. Will be either 'user' or 'api'.
+     */
+    source: string;
+}
+/**
+ * Custom selection change event.
+ * @see {@link Editor.onSelectionChange}
+ * @group Events
+ */
+interface EditorSelectionChangeEvent {
+    /**
+     * Representation of the selection boundaries.
+     */
+    range: string;
+    /**
+     * Representation of the previous selection boundaries.
+     */
+    oldRange: string;
+    /**
+     * Source of change. Will be either 'user' or 'api'.
+     */
+    source: string;
+}
+/**
+ * Custom load event.
+ * @see {@link Editor.onInit}
+ * @group Events
+ */
+interface EditorInitEvent {
+    /**
+     * Text editor instance.
+     */
+    editor: any;
+}
+/**
+ * Defines valid templates in Editor.
+ * @group Templates
+ */
+interface EditorTemplates {
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<any>;
+}
+
+declare const EDITOR_VALUE_ACCESSOR: any;
+/**
+ * Editor groups a collection of contents in tabs.
+ * @group Components
+ */
+declare class Editor implements AfterContentInit, ControlValueAccessor {
+    el: ElementRef;
+    private platformId;
+    /**
+     * Inline style of the container.
+     * @group Props
+     */
+    style: {
+        [klass: string]: any;
+    } | null | undefined;
+    /**
+     * Style class of the container.
+     * @group Props
+     */
+    styleClass: string | undefined;
+    /**
+     * Placeholder text to show when editor is empty.
+     * @group Props
+     */
+    placeholder: string | undefined;
+    set disabled(value: boolean);
+    /**
+     * Whitelist of formats to display, see here for available options.
+     * @group Props
+     */
+    formats: string[] | undefined;
+    /**
+     * Modules configuration of Editor, see here for available options.
+     * @group Props
+     */
+    modules: object | undefined;
+    /**
+     * DOM Element or a CSS selector for a DOM Element, within which the editor’s p elements (i.e. tooltips, etc.) should be confined. Currently, it only considers left and right boundaries.
+     * @group Props
+     */
+    bounds: HTMLElement | string | undefined;
+    /**
+     * DOM Element or a CSS selector for a DOM Element, specifying which container has the scrollbars (i.e. overflow-y: auto), if is has been changed from the default ql-editor with custom CSS. Necessary to fix scroll jumping bugs when Quill is set to auto grow its height, and another ancestor container is responsible from the scrolling..
+     * @group Props
+     */
+    scrollingContainer: HTMLElement | string | undefined;
+    /**
+     * Shortcut for debug. Note debug is a static method and will affect other instances of Quill editors on the page. Only warning and error messages are enabled by default.
+     * @group Props
+     */
+    debug: string | undefined;
+    /**
+     * Whether to instantiate the editor to read-only mode.
+     * @group Props
+     */
+    get readonly(): boolean;
+    set readonly(val: boolean);
+    /**
+     * Callback to invoke when the quill modules are loaded.
+     * @param {EditorInitEvent} event - custom event.
+     * @group Emits
+     */
+    onInit: EventEmitter<EditorInitEvent>;
+    /**
+     * Callback to invoke when text of editor changes.
+     * @param {EditorTextChangeEvent} event - custom event.
+     * @group Emits
+     */
+    onTextChange: EventEmitter<EditorTextChangeEvent>;
+    /**
+     * Callback to invoke when selection of the text changes.
+     * @param {EditorSelectionChangeEvent} event - custom event.
+     * @group Emits
+     */
+    onSelectionChange: EventEmitter<EditorSelectionChangeEvent>;
+    templates: QueryList<CaxTemplate>;
+    toolbar: any;
+    value: Nullable<string>;
+    delayedCommand: Function | null;
+    _readonly: boolean;
+    onModelChange: Function;
+    onModelTouched: Function;
+    quill: any;
+    dynamicQuill: any;
+    headerTemplate: Nullable<TemplateRef<any>>;
+    private get isAttachedQuillEditorToDOM();
+    private _disabled;
+    private quillElements;
+    constructor(el: ElementRef, platformId: object);
+    ngAfterContentInit(): void;
+    writeValue(value: any): void;
+    get disabled(): boolean;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    getQuill(): any;
+    private initQuillEditor;
+    private createQuillEditor;
+    private imageHandler;
+    private initQuillElements;
+    private updateQuillState;
+    static ɵfac: i0.ɵɵFactoryDeclaration<Editor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<Editor, "cax-editor", never, { "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "formats": { "alias": "formats"; "required": false; }; "modules": { "alias": "modules"; "required": false; }; "bounds": { "alias": "bounds"; "required": false; }; "scrollingContainer": { "alias": "scrollingContainer"; "required": false; }; "debug": { "alias": "debug"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "onInit": "onInit"; "onTextChange": "onTextChange"; "onSelectionChange": "onSelectionChange"; }, ["toolbar", "templates"], ["cax-header"], false, never>;
+}
+
+declare class EditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorModule, [typeof Editor], [typeof i2.CommonModule, typeof i3.SharedModule], [typeof Editor, typeof i3.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EditorModule>;
+}
+
+export { EDITOR_VALUE_ACCESSOR, Editor, EditorModule };
+export type { EditorInitEvent, EditorSelectionChangeEvent, EditorTemplates, EditorTextChangeEvent };