cax-design-system 2.8.2 → 2.8.4

package/dynamicdialog/index.d.ts

@@ -1,492 +1,5 @@
-import * as i0 from '@angular/core';
-import { Type, ViewContainerRef, AfterViewInit, OnDestroy, Renderer2, NgZone, ComponentRef, ElementRef, ChangeDetectorRef, ApplicationRef, Injector, ProviderToken, InjectOptions, InjectFlags } 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';
-
 /**
- * Dialogs can be created dynamically with any component as the content using a DialogService.
- * @group Components
+ * Generated bundle index. Do not edit.
  */
-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 | InjectFlags): T;
-}
-
-export { DialogService, DynamicDialogComponent, DynamicDialogConfig, DynamicDialogInjector, DynamicDialogModule, DynamicDialogRef };
-export type { DynamicDialogTemplates };
+/// <amd-module name="cax-design-system/dynamicdialog" />
+export * from './public_api';

package/dynamicdialog/public_api.d.ts

@@ -0,0 +1,6 @@
+export * from './dialogservice';
+export * from './dynamicdialog';
+export * from './dynamicdialog-config';
+export * from './dynamicdialog-injector';
+export * from './dynamicdialog-ref';
+export * from './dynamicdialog';

package/editor/editor.d.ts

@@ -0,0 +1,104 @@
+import { AfterContentInit, ElementRef, EventEmitter, QueryList, TemplateRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+import { CaxTemplate } from 'cax-design-system/api';
+import { Nullable } from 'cax-design-system/ts-helpers';
+import { EditorInitEvent, EditorSelectionChangeEvent, EditorTextChangeEvent } from './editor.interface';
+import * as i0 from "@angular/core";
+export declare const EDITOR_VALUE_ACCESSOR: any;
+/**
+ * Editor groups a collection of contents in tabs.
+ * @group Components
+ */
+export 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;
+    /**
+     * 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 quillElements;
+    constructor(el: ElementRef, platformId: object);
+    ngAfterContentInit(): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: Function): void;
+    registerOnTouched(fn: Function): void;
+    getQuill(): any;
+    private initQuillEditor;
+    private createQuillEditor;
+    private initQuillElements;
+    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; }; "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>;
+}

package/editor/editor.interface.d.ts

@@ -0,0 +1,64 @@
+import { TemplateRef } from '@angular/core';
+/**
+ * Custom text change event.
+ * @see {@link Editor.onTextChange}
+ * @group Events
+ */
+export 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
+ */
+export 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
+ */
+export interface EditorInitEvent {
+    /**
+     * Text editor instance.
+     */
+    editor: any;
+}
+/**
+ * Defines valid templates in Editor.
+ * @group Templates
+ */
+export interface EditorTemplates {
+    /**
+     * Custom header template.
+     */
+    header(): TemplateRef<any>;
+}

package/editor/editor.module.d.ts

@@ -0,0 +1,9 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./editor";
+import * as i2 from "@angular/common";
+import * as i3 from "cax-design-system/api";
+export declare class EditorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EditorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<EditorModule, [typeof i1.Editor], [typeof i2.CommonModule, typeof i3.SharedModule], [typeof i1.Editor, typeof i3.SharedModule]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<EditorModule>;
+}