cmat 0.0.17 → 0.0.19

package/components/carousel/carousel.component.d.ts

@@ -0,0 +1,136 @@
+import { AfterContentChecked, AfterContentInit, ChangeDetectorRef, ElementRef, EventEmitter, NgZone, OnChanges, OnDestroy, QueryList, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
+import { CmatCarouselPageEvent, CmatCarouselResponsiveOptions } from './carousel.interface';
+import * as i0 from "@angular/core";
+export declare class CmatCarouselHeaderComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCarouselHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatCarouselHeaderComponent, "cmat-carousel-header", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class CmatCarouselFooterComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCarouselFooterComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatCarouselFooterComponent, "cmat-carousel-footer", never, {}, {}, never, ["*"], true, never>;
+}
+export declare class CmatCarouselTemplateDirective {
+    template: TemplateRef<any>;
+    type: string | undefined;
+    name: string | undefined;
+    constructor(template: TemplateRef<any>);
+    getType(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCarouselTemplateDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CmatCarouselTemplateDirective, "[cmatCarouselTemplate]", never, { "type": { "alias": "type"; "required": false; }; "name": { "alias": "cmatCarouselTemplate"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare class CmatCarouselComponent implements AfterContentInit, OnChanges, AfterContentChecked, OnDestroy {
+    el: ElementRef;
+    zone: NgZone;
+    cd: ChangeDetectorRef;
+    private renderer;
+    private _document;
+    private _platformId;
+    get page(): number;
+    set page(val: number);
+    get numVisible(): number;
+    set numVisible(val: number);
+    get numScroll(): number;
+    set numScroll(val: number);
+    responsiveOptions: CmatCarouselResponsiveOptions[] | undefined;
+    orientation: 'horizontal' | 'vertical';
+    navigatorsType: 'normal' | 'arrow';
+    verticalViewPortHeight: string;
+    arrowSelector: string;
+    contentClass: string;
+    indicatorsContentClass: string;
+    indicatorsContentStyle: Record<string, any> | null | undefined;
+    indicatorStyleClass: string;
+    indicatorStyle: Record<string, any> | null | undefined;
+    get data(): any[];
+    set data(val: any[]);
+    circular: boolean;
+    showIndicators: boolean;
+    showNavigators: boolean;
+    autoplayInterval: number;
+    style: Record<string, any> | null | undefined;
+    styleClass: string;
+    pageEvent: EventEmitter<CmatCarouselPageEvent>;
+    itemsContainer: ElementRef | undefined;
+    indicatorContent: ElementRef | undefined;
+    headerFacet: QueryList<CmatCarouselHeaderComponent> | undefined;
+    footerFacet: QueryList<CmatCarouselFooterComponent> | undefined;
+    templates: QueryList<CmatCarouselTemplateDirective> | undefined;
+    prevState: any;
+    defaultNumScroll: number;
+    defaultNumVisible: number;
+    carouselStyle: any;
+    id: string | undefined;
+    totalShiftedItems: number;
+    isRemainingItemsAdded: boolean;
+    animationTimeout: any;
+    translateTimeout: any;
+    remainingItems: number;
+    startPos: any;
+    documentResizeListener: any;
+    clonedItemsForStarting: any[] | undefined;
+    clonedItemsForFinishing: any[] | undefined;
+    allowAutoplay: boolean | undefined;
+    interval: any;
+    isCreated: boolean | undefined;
+    swipeThreshold: number;
+    itemTemplate: TemplateRef<any> | null;
+    headerTemplate: TemplateRef<any> | null;
+    footerTemplate: TemplateRef<any> | null;
+    previousIconTemplate: TemplateRef<any> | null;
+    nextIconTemplate: TemplateRef<any> | null;
+    window: Window;
+    private _numVisible;
+    private _numScroll;
+    private _oldNumScroll;
+    private _page;
+    private _data;
+    constructor(el: ElementRef, zone: NgZone, cd: ChangeDetectorRef, renderer: Renderer2, _document: Document, _platformId: any);
+    ngOnChanges(simpleChange: SimpleChanges): void;
+    ngAfterContentInit(): void;
+    ngAfterContentChecked(): void;
+    ngOnDestroy(): void;
+    firstIndex(): number;
+    lastIndex(): number;
+    totalDots(): number;
+    totalDotsArray(): number[];
+    isVertical(): boolean;
+    isCircular(): boolean;
+    isAutoplay(): boolean | undefined;
+    isForwardNavDisabled(): boolean;
+    isBackwardNavDisabled(): boolean;
+    isEmpty(): boolean;
+    navForward(e: MouseEvent | TouchEvent | null, index?: number): void;
+    navBackward(e: MouseEvent | TouchEvent | null, index?: number): void;
+    onDotClick(e: MouseEvent, index: number): void;
+    onIndicatorKeydown(event: KeyboardEvent): void;
+    isPlaying(): boolean;
+    onTransitionEnd(): void;
+    onTouchStart(e: TouchEvent): void;
+    onTouchMove(e: TouchEvent | MouseEvent): void;
+    onTouchEnd(e: TouchEvent): void;
+    arrowCursorClick(cursorSide: string | null): void;
+    private _changePageOnTouch;
+    private _bindDocumentListeners;
+    private _unbindDocumentListeners;
+    private _onRightKey;
+    private _onLeftKey;
+    private _onHomeKey;
+    private _onEndKey;
+    private _onTabKey;
+    private _changedFocusedIndicator;
+    private _step;
+    private _startAutoplay;
+    private _stopAutoplay;
+    private _findFocusedIndicatorIndex;
+    private _createStyle;
+    private _calculatePosition;
+    private _updateSlideAccessibility;
+    private _updateCarouselItemsAccessibility;
+    private _setCloneItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCarouselComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatCarouselComponent, "cmat-carousel", never, { "page": { "alias": "page"; "required": false; }; "numVisible": { "alias": "numVisible"; "required": false; }; "numScroll": { "alias": "numScroll"; "required": false; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; "navigatorsType": { "alias": "navigatorsType"; "required": false; }; "verticalViewPortHeight": { "alias": "verticalViewPortHeight"; "required": false; }; "arrowSelector": { "alias": "arrowSelector"; "required": false; }; "contentClass": { "alias": "contentClass"; "required": false; }; "indicatorsContentClass": { "alias": "indicatorsContentClass"; "required": false; }; "indicatorsContentStyle": { "alias": "indicatorsContentStyle"; "required": false; }; "indicatorStyleClass": { "alias": "indicatorStyleClass"; "required": false; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; }; "data": { "alias": "data"; "required": false; }; "circular": { "alias": "circular"; "required": false; }; "showIndicators": { "alias": "showIndicators"; "required": false; }; "showNavigators": { "alias": "showNavigators"; "required": false; }; "autoplayInterval": { "alias": "autoplayInterval"; "required": false; }; "style": { "alias": "style"; "required": false; }; "styleClass": { "alias": "styleClass"; "required": false; }; }, { "pageEvent": "pageEvent"; }, ["headerFacet", "footerFacet", "templates"], ["cmat-carousel-header", "cmat-carousel-footer"], true, never>;
+    static ngAcceptInputType_circular: unknown;
+    static ngAcceptInputType_showIndicators: unknown;
+    static ngAcceptInputType_showNavigators: unknown;
+    static ngAcceptInputType_autoplayInterval: unknown;
+}

package/components/carousel/carousel.interface.d.ts

@@ -0,0 +1,38 @@
+import { TemplateRef } from '@angular/core';
+export interface CmatCarouselResponsiveOptions {
+    /**
+     * 响应模式的断点。
+     */
+    breakpoint: string;
+    /**
+     * 断点上可见项目的数量。
+     */
+    numVisible: number;
+    /**
+     * 断点上滚动的项目数。
+     */
+    numScroll: number;
+}
+export interface CmatCarouselPageEvent {
+    page?: number;
+}
+export interface CmatCarouselTemplates {
+    header(): TemplateRef<any>;
+    item(context: {
+        $implicit: any;
+    }): TemplateRef<{
+        $implicit: any;
+    }>;
+    /**
+     * previousicon自定义模板。
+     */
+    previousicon(): TemplateRef<any>;
+    /**
+     * nexticon自定义模板。
+     */
+    nexticon(): TemplateRef<any>;
+    /**
+     * footer自定义模板。
+     */
+    footer(): TemplateRef<any>;
+}

package/components/carousel/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cmat/components/carousel" />
+export * from './public-api';

package/components/carousel/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './carousel.component';
+export * from './carousel.interface';

package/components/custom-formly/public-api.d.ts

@@ -18,6 +18,7 @@ export * from './types/radio/radio.component';
 export * from './types/repeat/repeat.component';
 export * from './types/select/select.component';
 export * from './types/select-tree/select-tree.component';
+export * from './types/select-table/select-table.component';
 export * from './types/stepper/horizontal/stepper.component';
 export * from './types/stepper/vertical/stepper.component';
 export * from './types/table/table.component';
@@ -26,3 +27,4 @@ export * from './types/tags/tags.component';
 export * from './types/textarea/textarea.component';
 export * from './types/upload/upload.component';
 export * from './types/quill/quill.component';
+export * from './types/knob/knob.component';

package/components/custom-formly/types/knob/knob.component.d.ts

@@ -0,0 +1,36 @@
+import { FieldTypeConfig } from '@ngx-formly/core';
+import { FieldType } from '@ngx-formly/material/form-field';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
+import * as i0 from "@angular/core";
+interface KnobProps extends CustomFormFieldProps {
+    valueColor: string;
+    rangeColor: string;
+    textColor: string;
+    valueTemplate: string;
+    name?: string;
+    size: number;
+    step: number;
+    min: number;
+    max: number;
+    strokeWidth: number;
+    showValue: boolean;
+}
+export declare class CmatKnobTypeComponent extends FieldType<FieldTypeConfig<KnobProps>> {
+    defaultOptions: {
+        props: {
+            valueColor: string;
+            rangeColor: string;
+            textColor: string;
+            valueTemplate: string;
+            size: number;
+            step: number;
+            min: number;
+            max: number;
+            strokeWidth: number;
+            showValue: boolean;
+        };
+    };
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatKnobTypeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatKnobTypeComponent, "cmat-knob-type", never, {}, {}, never, never, true, never>;
+}
+export {};

package/components/custom-formly/types/select-table/select-table.component.d.ts

@@ -0,0 +1,40 @@
+import { HttpClient } from '@angular/common/http';
+import { ChangeDetectorRef, OnDestroy, OnInit } from '@angular/core';
+import { FieldTypeConfig } from '@ngx-formly/core';
+import { FormlyFieldSelectProps } from '@ngx-formly/core/select';
+import { FieldType } from '@ngx-formly/material';
+import { CmatSelectTableDataSource, CmatSelectTableRow } from 'cmat/components/select-table';
+import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
+import * as i0 from "@angular/core";
+interface SelectTableProps extends CustomFormFieldProps, FormlyFieldSelectProps {
+    multiple: boolean;
+    search: boolean;
+    canNull: boolean;
+    customTriggerLabelTemplate: string;
+    domain?: {
+        url?: string;
+        code?: string;
+        key?: string;
+        value?: string;
+    };
+}
+export declare class CmatSelectTableTypeComponent extends FieldType<FieldTypeConfig<SelectTableProps>> implements OnInit, OnDestroy {
+    private _http;
+    private _changeDetectorRef;
+    defaultOptions: {
+        props: {
+            multiple: boolean;
+            search: boolean;
+            canNull: boolean;
+            customTriggerLabelTemplate: string;
+        };
+    };
+    urlData: CmatSelectTableDataSource<CmatSelectTableRow>;
+    private _unsubscribeAll;
+    constructor(_http: HttpClient, _changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatSelectTableTypeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatSelectTableTypeComponent, "cmat-select-table-type", never, {}, {}, never, never, true, never>;
+}
+export {};

package/components/custom-formly/types/table/table.component.d.ts

@@ -1,16 +1,14 @@
-import { OnInit, TemplateRef, ChangeDetectorRef, OnDestroy } from '@angular/core';
+import { OnInit, TemplateRef, ChangeDetectorRef } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import { MatTable } from '@angular/material/table';
 import { FieldArrayType, FieldTypeConfig, FormlyFieldConfig } from '@ngx-formly/core';
-import { CmatMediaWatcherService } from 'cmat/services/media-watcher';
 import { CustomFormFieldProps } from '../../wrappers/form-field/form-field.component';
 import * as i0 from "@angular/core";
 interface TableProps extends CustomFormFieldProps {
     addText: string;
     showColumn?: boolean;
 }
-export declare class CmatTableTypeComponent extends FieldArrayType<FieldTypeConfig<TableProps>> implements OnInit, OnDestroy {
-    private _cmatMediaWatcherService;
+export declare class CmatTableTypeComponent extends FieldArrayType<FieldTypeConfig<TableProps>> implements OnInit {
     private _changeDetectorRef;
     dialogRef: TemplateRef<any>;
     table: MatTable<any>;
@@ -28,16 +26,13 @@ export declare class CmatTableTypeComponent extends FieldArrayType<FieldTypeConf
             addText: string;
         };
     };
-    isScreenSmall: boolean;
     private readonly _dialog;
     private readonly _viewContainerRef;
     private _dialogRef;
-    private _unsubscribeAll;
-    constructor(_cmatMediaWatcherService: CmatMediaWatcherService, _changeDetectorRef: ChangeDetectorRef);
+    constructor(_changeDetectorRef: ChangeDetectorRef);
     get fieldArray(): FormlyFieldConfig[];
     get key(): string;
     ngOnInit(): void;
-    ngOnDestroy(): void;
     addRow(): void;
     editRow(item: any, index: number): void;
     deleteRow(id: number): void;

package/components/custom-formly/wrappers/form-field/form-field.component.d.ts

@@ -11,11 +11,11 @@ export interface CustomFormFieldProps extends FormlyFieldProps {
     showValidationMessage?: boolean;
 }
 export declare class CmatFormFieldWrapperComponent extends FieldWrapper<MatFormlyFieldConfig> implements OnInit, OnDestroy, AfterViewInit {
-    private renderer;
-    private elementRef;
-    private focusMonitor;
+    private _renderer;
+    private _elementRef;
+    private _focusMonitor;
     formField: MatFormField;
-    constructor(renderer: Renderer2, elementRef: ElementRef, focusMonitor: FocusMonitor);
+    constructor(_renderer: Renderer2, _elementRef: ElementRef, _focusMonitor: FocusMonitor);
     ngOnInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;

package/components/image-viewer/image-viewer.component.d.ts

@@ -0,0 +1,76 @@
+import { AnimationEvent } from '@angular/animations';
+import { ChangeDetectorRef, ElementRef, EventEmitter, TemplateRef } from '@angular/core';
+import { SafeUrl } from '@angular/platform-browser';
+import * as i0 from "@angular/core";
+export declare class CmatImageComponent {
+    private _document;
+    private _changeDetectorRef;
+    el: ElementRef;
+    imageClass: string | undefined;
+    imageStyle: Record<string, any> | null | undefined;
+    src: string | SafeUrl | undefined;
+    srcSet: string | SafeUrl | undefined;
+    previewImageSrc: string | SafeUrl | undefined;
+    previewImageSrcSet: string | SafeUrl | undefined;
+    alt: string | undefined;
+    width: number | undefined;
+    height: number | undefined;
+    loading: 'lazy' | 'eager' | undefined;
+    /**
+     * 要附加对话框的目标元素，有效值是“body”或另一个元素的本地ng模板变量（注意：使用带括号的绑定来绑定模板变量，例如[appedTo]=“mydiv”用于变量名为#mydiv的div元素）。
+     */
+    appendTo: HTMLElement | ElementRef | TemplateRef<any> | string | null | undefined;
+    /**
+     * 启动预览功能。
+     */
+    preview: boolean;
+    /**
+     * 切换时显示动画
+     */
+    showTransitionOptions: string;
+    /**
+     * 切换时隐藏动画
+     */
+    hideTransitionOptions: string;
+    /**
+     * 监听预览显示/隐藏.
+     */
+    previewShowChange: EventEmitter<boolean>;
+    /**
+     * 如果加载图像文件时发生错误，则会触发此事件.
+     */
+    imageErrorEvent: EventEmitter<Event>;
+    mask: ElementRef | undefined;
+    previewButton: ElementRef | undefined;
+    closeButton: ElementRef | undefined;
+    maskVisible: boolean;
+    previewVisible: boolean;
+    rotate: number;
+    scale: number;
+    container: HTMLElement | void | null | undefined;
+    wrapper: HTMLElement | void | null | undefined;
+    private _zoomSettings;
+    constructor(_document: Document, _changeDetectorRef: ChangeDetectorRef, el: ElementRef);
+    get isZoomOutDisabled(): boolean;
+    get isZoomInDisabled(): boolean;
+    onKeydownHandler(): void;
+    onImageClick(): void;
+    onMaskKeydown(event: KeyboardEvent): void;
+    onPreviewImageClick(event: MouseEvent): void;
+    rotateRight(): void;
+    rotateLeft(): void;
+    zoomIn(): void;
+    zoomOut(): void;
+    onAnimationStart(event: AnimationEvent): void;
+    onAnimationEnd(event: AnimationEvent): void;
+    handleToolbarClick(event: MouseEvent): void;
+    appendContainer(): void;
+    imagePreviewStyle(): {
+        transform: string;
+    };
+    closePreview(): void;
+    imageError(event: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatImageComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatImageComponent, "cmat-image", never, { "imageClass": { "alias": "imageClass"; "required": false; }; "imageStyle": { "alias": "imageStyle"; "required": false; }; "src": { "alias": "src"; "required": false; }; "srcSet": { "alias": "srcSet"; "required": false; }; "previewImageSrc": { "alias": "previewImageSrc"; "required": false; }; "previewImageSrcSet": { "alias": "previewImageSrcSet"; "required": false; }; "alt": { "alias": "alt"; "required": false; }; "width": { "alias": "width"; "required": false; }; "height": { "alias": "height"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "appendTo": { "alias": "appendTo"; "required": false; }; "preview": { "alias": "preview"; "required": false; }; "showTransitionOptions": { "alias": "showTransitionOptions"; "required": false; }; "hideTransitionOptions": { "alias": "hideTransitionOptions"; "required": false; }; }, { "previewShowChange": "previewShowChange"; "imageErrorEvent": "imageErrorEvent"; }, never, never, true, never>;
+    static ngAcceptInputType_preview: unknown;
+}

package/components/image-viewer/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cmat/components/image-viewer" />
+export * from './public-api';

package/components/image-viewer/public-api.d.ts

@@ -0,0 +1 @@
+export * from './image-viewer.component';

package/components/knob-input/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cmat/components/knob-input" />
+export * from './public-api';

package/components/knob-input/knob-input.component.d.ts

@@ -0,0 +1,95 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, Renderer2 } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+import * as i0 from "@angular/core";
+export declare class CmatKnobInputComponent implements MatFormFieldControl<any>, OnDestroy, ControlValueAccessor {
+    ngControl: NgControl;
+    private _document;
+    private _renderer;
+    private _changeDetectorRef;
+    private _el;
+    private _knobElementRef;
+    id: string;
+    valueColor: string;
+    rangeColor: string;
+    textColor: string;
+    valueTemplate: string;
+    name: string | undefined;
+    size: number;
+    step: number;
+    min: number;
+    max: number;
+    strokeWidth: number;
+    showValue: boolean;
+    valueChange: EventEmitter<number | null>;
+    radius: number;
+    midX: number;
+    midY: number;
+    minRadians: number;
+    maxRadians: number;
+    windowMouseMoveListener: VoidFunction | null;
+    windowMouseUpListener: VoidFunction | null;
+    windowTouchMoveListener: VoidFunction | null;
+    windowTouchEndListener: VoidFunction | null;
+    readonly stateChanges: Subject<void>;
+    focused: boolean;
+    touched: boolean;
+    constructor(ngControl: NgControl, _document: Document, _renderer: Renderer2, _changeDetectorRef: ChangeDetectorRef, _el: ElementRef);
+    ngOnDestroy(): void;
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    get value(): number;
+    set value(value: number);
+    protected _value: number | null;
+    get empty(): boolean;
+    get errorState(): boolean;
+    get shouldLabelFloat(): boolean;
+    get required(): boolean;
+    set required(value: boolean);
+    protected _required: boolean;
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    protected _disabled: boolean;
+    onKeyDown(event: KeyboardEvent): void;
+    onMouseDown(event: MouseEvent): void;
+    onMouseUp(event: MouseEvent): void;
+    onTouchStart(event: TouchEvent): void;
+    onTouchEnd(event: TouchEvent): void;
+    mapRange(x: number, inMin: number, inMax: number, outMin: number, outMax: number): number;
+    onClick(event: MouseEvent): void;
+    onFocusIn(): void;
+    onFocusOut(event: FocusEvent): void;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(): void;
+    updateValue(offsetX: number, offsetY: number): void;
+    updateModel(angle: number, start: number): void;
+    onMouseMove(event: MouseEvent): void;
+    onTouchMove(event: Event): void;
+    updateModelValue(newValue: number): void;
+    writeValue(value: any): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(val: boolean): void;
+    rangePath(): string;
+    valuePath(): string;
+    zeroRadians(): number;
+    valueRadians(): number;
+    minX(): number;
+    minY(): number;
+    maxX(): number;
+    maxY(): number;
+    zeroX(): number;
+    zeroY(): number;
+    valueX(): number;
+    valueY(): number;
+    largeArc(): number;
+    sweep(): number;
+    valueToDisplay(): string;
+    private _onModelChange;
+    private _onTouchedChange;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatKnobInputComponent, [{ optional: true; self: true; }, null, null, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatKnobInputComponent, "cmat-knob-input", ["cmatKnobInput"], { "id": { "alias": "id"; "required": false; }; "valueColor": { "alias": "valueColor"; "required": false; }; "rangeColor": { "alias": "rangeColor"; "required": false; }; "textColor": { "alias": "textColor"; "required": false; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; }; "name": { "alias": "name"; "required": false; }; "size": { "alias": "size"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
+}

package/components/knob-input/public-api.d.ts

@@ -0,0 +1 @@
+export * from './knob-input.component';

package/components/material-datetimepicker/datetimepicker-input.d.ts

@@ -62,7 +62,7 @@ export declare class CmatDatetimepickerInputDirective<D> implements AfterContent
     set disabled(value: any);
     ngAfterContentInit(): void;
     ngOnDestroy(): void;
-    registerOnValidatorChange(fn: () => void): void;
+    registerOnValidatorChange(fn: VoidFunction): void;
     validate(c: AbstractControl): ValidationErrors | null;
     /**
      * Gets the element that the datepicker popup should be connected to.
@@ -74,7 +74,7 @@ export declare class CmatDatetimepickerInputDirective<D> implements AfterContent
     getOverlayLabelId(): string | null;
     writeValue(value: D): void;
     registerOnChange(fn: (value: any) => void): void;
-    registerOnTouched(fn: () => void): void;
+    registerOnTouched(fn: VoidFunction): void;
     setDisabledState(disabled: boolean): void;
     onKeydown(event: KeyboardEvent): void;
     onInput(value: string): void;

package/components/opt-input/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="cmat/components/opt-input" />
+export * from './public-api';

package/components/opt-input/models/config.d.ts

@@ -0,0 +1,14 @@
+export declare class OptInputConfig {
+    inputStyles?: Record<string, any>;
+    containerStyles?: Record<string, any>;
+    length: number;
+    allowNumbersOnly?: boolean;
+    inputClass?: string;
+    containerClass?: string;
+    isPasswordInput?: boolean;
+    disableAutoFocus?: boolean;
+    placeholder?: string;
+    letterCase?: 'Upper' | 'Lower';
+    separator?: string;
+    showError?: boolean;
+}

package/components/opt-input/otp-input.component.d.ts

@@ -0,0 +1,70 @@
+import { BooleanInput } from '@angular/cdk/coercion';
+import { AfterViewInit, OnDestroy, OnChanges, SimpleChanges } from '@angular/core';
+import { FormControl, ControlValueAccessor, FormBuilder, UntypedFormGroup, NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+import { OptInputConfig } from './models/config';
+import * as i0 from "@angular/core";
+export declare class CmatOtpInputComponent implements MatFormFieldControl<any>, AfterViewInit, OnDestroy, OnChanges, ControlValueAccessor {
+    ngControl: NgControl;
+    private _document;
+    private _formBuilder;
+    id: string;
+    onBlur: Subject<void>;
+    onInputChange: Subject<string | null>;
+    config: OptInputConfig;
+    otpForm: UntypedFormGroup;
+    currentVal: string | null;
+    componentKey: string;
+    readonly stateChanges: Subject<void>;
+    focused: boolean;
+    private _unsubscribeAll;
+    private _activeFocusCount;
+    constructor(ngControl: NgControl, _document: Document, _formBuilder: FormBuilder);
+    get inputType(): string;
+    get controlKeys(): string[];
+    get errorState(): boolean;
+    ngOnChanges(changes: SimpleChanges): void;
+    setDisabledState(isDisabled: boolean): void;
+    writeValue(value: string): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    onFocusIn(): void;
+    onFocusOut(): void;
+    ngAfterViewInit(): void;
+    ngOnDestroy(): void;
+    get placeholder(): string;
+    set placeholder(value: string);
+    private _placeholder;
+    get value(): any;
+    set value(value: any);
+    protected _value: any;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get required(): boolean;
+    set required(value: any);
+    protected _required: boolean;
+    get disabled(): boolean;
+    set disabled(value: BooleanInput);
+    protected _disabled: boolean;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(): void;
+    onKeyDown($event: any, inputIdx: number): any;
+    onInput($event: any, inputIdx: number): void;
+    onKeyUp($event: any, inputIdx: number): void;
+    validateNumber(val: string): boolean | string;
+    getBoxId(idx: string | number): string;
+    focusTo(eleId: string): void;
+    setValue(value: any): void;
+    handlePaste(e: any): void;
+    getFormControl(key: string): FormControl;
+    private _onModelChange;
+    private _onTouchedChange;
+    private _getControlName;
+    private _clearInput;
+    private _setSelected;
+    private ifValidKeyCode;
+    private _rebuildValue;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatOtpInputComponent, [{ optional: true; self: true; }, null, null]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatOtpInputComponent, "cmat-otp-input", ["cmatOtpInput"], { "id": { "alias": "id"; "required": false; }; "config": { "alias": "config"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onBlur": "onBlur"; "onInputChange": "onInputChange"; }, never, never, true, never>;
+}

package/components/opt-input/public-api.d.ts

@@ -0,0 +1 @@
+export * from './otp-input.component';

package/components/opt-input/utils/keyboard-util.d.ts

@@ -0,0 +1,9 @@
+export declare class KeyboardUtil {
+    static ifTab(event: KeyboardEvent): boolean;
+    static ifDelete(event: KeyboardEvent): boolean;
+    static ifBackspace(event: KeyboardEvent): boolean;
+    static ifRightArrow(event: KeyboardEvent): boolean;
+    static ifLeftArrow(event: KeyboardEvent): boolean;
+    static ifSpacebar(event: KeyboardEvent): boolean;
+    static ifKey(event: KeyboardEvent, keys: string): boolean;
+}

package/components/opt-input/utils/object-util.d.ts

@@ -0,0 +1,3 @@
+export declare class ObjectUtil {
+    static keys(obj: any): string[];
+}