cmat 0.0.27 → 0.0.29

package/components/date-range/index.d.ts

@@ -1,5 +1,140 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cmat/components/date-range" />
-export * from './public-api';
+import { Overlay } from '@angular/cdk/overlay';
+import * as i0 from '@angular/core';
+import { OnInit, OnDestroy, EventEmitter, ViewContainerRef, ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor, FormControl } from '@angular/forms';
+import { Dayjs } from 'dayjs';
+
+declare class CmatDateRangeComponent implements ControlValueAccessor, OnInit, OnDestroy {
+    private _overlay;
+    private _viewContainerRef;
+    private _changeDetectorRef;
+    readonly rangeChanged: EventEmitter<{
+        start: string;
+        end: string;
+    }>;
+    private _matMonthView1;
+    private _matMonthView2;
+    private _pickerPanelOrigin;
+    private _pickerPanel;
+    activeDates: {
+        month1: Dayjs | null;
+        month2: Dayjs | null;
+    };
+    setWhichDate: 'start' | 'end';
+    startTimeFormControl: FormControl;
+    endTimeFormControl: FormControl;
+    private _dateFormat;
+    private _onChange;
+    private _onTouched;
+    private _programmaticChange;
+    private _range;
+    private _timeFormat;
+    private _timeRange;
+    private _readonly;
+    private readonly _timeRegExp;
+    private _unsubscribeAll;
+    constructor(_overlay: Overlay, _viewContainerRef: ViewContainerRef, _changeDetectorRef: ChangeDetectorRef);
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    get dateFormat(): string;
+    set dateFormat(value: string);
+    /**
+     * Setter & getter for timeFormat input */
+    get timeFormat(): string;
+    set timeFormat(value: string);
+    /**
+     * Setter & getter for timeRange input */
+    get timeRange(): boolean;
+    set timeRange(value: boolean);
+    /**
+     * Setter & getter for range input */
+    get range(): any;
+    set range(value: any);
+    /**
+     * Update the form model on change
+     *
+     * @param fn
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Update the form model on blur
+     *
+     * @param fn
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Write to view from model when the form model changes programmatically
+     *
+     * @param range
+     */
+    writeValue(range: {
+        start: string;
+        end: string;
+    }): void;
+    ngOnInit(): void;
+    /**
+     * On destroy
+     */
+    ngOnDestroy(): void;
+    /**
+     * Open the picker panel
+     */
+    openPickerPanel(): void;
+    /**
+     * Get month label
+     *
+     * @param month
+     */
+    getMonthLabel(month: number): string | void;
+    /**
+     * Date class function to add/remove class names to calendar days
+     */
+    dateClass(): any;
+    /**
+     * Date filter to enable/disable calendar days
+     */
+    dateFilter(): any;
+    /**
+     * On selected date change
+     *
+     * @param date
+     */
+    onSelectedDateChange(date: Dayjs): void;
+    /**
+     * Go to previous month on both views
+     */
+    prev(): void;
+    /**
+     * Go to next month on both views
+     */
+    next(): void;
+    /**
+     * Update the start time
+     *
+     * @param event
+     */
+    updateStartTime(event: any): void;
+    /**
+     * Update the end time
+     *
+     * @param event
+     */
+    updateEndTime(event: any): void;
+    /**
+     * Initialize
+     *
+     * @private
+     */
+    private _init;
+    /**
+     * Parse the time from the inputs
+     *
+     * @param value
+     * @private
+     */
+    private _parseTime;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDateRangeComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDateRangeComponent, "cmat-date-range", ["cmatDateRange"], { "readonly": { "alias": "readonly"; "required": false; }; "dateFormat": { "alias": "dateFormat"; "required": false; }; "timeFormat": { "alias": "timeFormat"; "required": false; }; "timeRange": { "alias": "timeRange"; "required": false; }; "range": { "alias": "range"; "required": false; }; }, { "rangeChanged": "rangeChanged"; }, never, never, true, never>;
+}
+
+export { CmatDateRangeComponent };

package/components/drawer/index.d.ts

@@ -1,5 +1,105 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cmat/components/drawer" />
-export * from './public-api';
+import { AnimationBuilder } from '@angular/animations';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { OnChanges, OnInit, OnDestroy, EventEmitter, ElementRef, Renderer2, SimpleChanges } from '@angular/core';
+import { CmatUtilsService } from 'cmat/services/utils';
+
+declare class CmatDrawerService {
+    private _componentRegistry;
+    /**
+     * Register drawer component
+     *
+     * @param name
+     * @param component
+     */
+    registerComponent(name: string, component: CmatDrawerComponent): void;
+    /**
+     * Deregister drawer component
+     *
+     * @param name
+     */
+    deregisterComponent(name: string): void;
+    /**
+     * Get drawer component from the registry
+     *
+     * @param name
+     */
+    getComponent(name: string): CmatDrawerComponent | void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDrawerService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatDrawerService>;
+}
+
+type CmatDrawerMode = 'over' | 'side';
+type CmatDrawerPosition = 'left' | 'right';
+
+declare class CmatDrawerComponent implements OnChanges, OnInit, OnDestroy {
+    private _animationBuilder;
+    private _elementRef;
+    private _renderer2;
+    private _cmatDrawerService;
+    private _cmatUtilsService;
+    static ngAcceptInputType_fixed: BooleanInput;
+    static ngAcceptInputType_opened: BooleanInput;
+    static ngAcceptInputType_transparentOverlay: BooleanInput;
+    fixed: boolean;
+    mode: CmatDrawerMode;
+    name: string;
+    opened: boolean;
+    position: CmatDrawerPosition;
+    transparentOverlay: boolean;
+    readonly fixedChanged: EventEmitter<boolean>;
+    readonly modeChanged: EventEmitter<CmatDrawerMode>;
+    readonly openedChanged: EventEmitter<boolean>;
+    readonly positionChanged: EventEmitter<CmatDrawerPosition>;
+    private _animationsEnabled;
+    private _hovered;
+    private _overlay;
+    private _player;
+    constructor(_animationBuilder: AnimationBuilder, _elementRef: ElementRef, _renderer2: Renderer2, _cmatDrawerService: CmatDrawerService, _cmatUtilsService: CmatUtilsService);
+    get classList(): any;
+    get styleList(): any;
+    onMouseenter(): void;
+    onMouseleave(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    open(): void;
+    close(): void;
+    toggle(): void;
+    /**
+     * Enable the animations
+     *
+     * @private
+     */
+    private _enableAnimations;
+    /**
+     * Disable the animations
+     *
+     * @private
+     */
+    private _disableAnimations;
+    /**
+     * Show the backdrop
+     *
+     * @private
+     */
+    private _showOverlay;
+    /**
+     * Hide the backdrop
+     *
+     * @private
+     */
+    private _hideOverlay;
+    /**
+     * Open/close the drawer
+     *
+     * @param open
+     * @private
+     */
+    private _toggleOpened;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatDrawerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatDrawerComponent, "cmat-drawer", ["cmatDrawer"], { "fixed": { "alias": "fixed"; "required": false; }; "mode": { "alias": "mode"; "required": false; }; "name": { "alias": "name"; "required": false; }; "opened": { "alias": "opened"; "required": false; }; "position": { "alias": "position"; "required": false; }; "transparentOverlay": { "alias": "transparentOverlay"; "required": false; }; }, { "fixedChanged": "fixedChanged"; "modeChanged": "modeChanged"; "openedChanged": "openedChanged"; "positionChanged": "positionChanged"; }, never, ["*"], true, never>;
+}
+
+export { CmatDrawerComponent, CmatDrawerService };
+export type { CmatDrawerMode, CmatDrawerPosition };

package/components/fullscreen/index.d.ts

@@ -1,5 +1,14 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cmat/components/fullscreen" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { TemplateRef } from '@angular/core';
+
+declare class CmatFullscreenComponent {
+    private _document;
+    iconTpl: TemplateRef<any>;
+    tooltip: string;
+    constructor(_document: Document);
+    toggleFullscreen(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFullscreenComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFullscreenComponent, "cmat-fullscreen", ["cmatFullscreen"], { "iconTpl": { "alias": "iconTpl"; "required": false; }; "tooltip": { "alias": "tooltip"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { CmatFullscreenComponent };

package/components/highlight/index.d.ts

@@ -1,5 +1,30 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cmat/components/highlight" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnChanges, AfterViewInit, TemplateRef, ElementRef, ViewContainerRef, SimpleChanges } from '@angular/core';
+import { DomSanitizer } from '@angular/platform-browser';
+
+declare class CmatHighlightService {
+    highlight(code: string, language: string): string;
+    private _format;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatHighlightService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<CmatHighlightService>;
+}
+
+declare class CmatHighlightComponent implements OnChanges, AfterViewInit {
+    private _domSanitizer;
+    private _elementRef;
+    private _cmatHighlightService;
+    private _viewContainerRef;
+    code: string;
+    lang: string;
+    templateRef: TemplateRef<any>;
+    highlightedCode: string | null;
+    private _viewRef;
+    constructor(_domSanitizer: DomSanitizer, _elementRef: ElementRef, _cmatHighlightService: CmatHighlightService, _viewContainerRef: ViewContainerRef);
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    private _highlightAndInsert;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatHighlightComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatHighlightComponent, "textarea[cmat-highlight]", ["cmatHighlight"], { "code": { "alias": "code"; "required": false; }; "lang": { "alias": "lang"; "required": false; }; }, {}, never, ["*"], true, never>;
+}
+
+export { CmatHighlightComponent, CmatHighlightService };

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

@@ -1,5 +1,79 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cmat/components/image-viewer" />
-export * from './public-api';
+import { AnimationEvent } from '@angular/animations';
+import * as i0 from '@angular/core';
+import { ElementRef, TemplateRef, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { SafeUrl } from '@angular/platform-browser';
+
+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;
+}
+
+export { CmatImageComponent };

package/components/json-editor/index.d.ts

@@ -1,5 +1,28 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cmat/components/json-editor" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnInit, OnChanges, OnDestroy, ElementRef, EventEmitter, ChangeDetectorRef, SimpleChanges } from '@angular/core';
+import { Content } from 'vanilla-jsoneditor';
+
+declare class CmatJsonEditorComponent implements OnInit, OnChanges, OnDestroy {
+    private _changeDetectorRef;
+    jsonEditorContainer: ElementRef;
+    options: any;
+    data: any;
+    contentChanged: EventEmitter<any>;
+    pathChanged: EventEmitter<string>;
+    id: string;
+    content: Content;
+    private _editor;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    ngOnDestroy(): void;
+    setSchema(schema: any): void;
+    setSelectionToPath(pathString: string): void;
+    get(): JSON | undefined;
+    set(json: any): void;
+    private _onSelect;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatJsonEditorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatJsonEditorComponent, "cmat-json-editor", never, { "options": { "alias": "options"; "required": false; }; "data": { "alias": "data"; "required": false; }; }, { "contentChanged": "contentChanged"; "pathChanged": "pathChanged"; }, never, never, true, never>;
+}
+
+export { CmatJsonEditorComponent };

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

@@ -1,5 +1,98 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cmat/components/knob-input" />
-export * from './public-api';
+import { BooleanInput } from '@angular/cdk/coercion';
+import * as i0 from '@angular/core';
+import { OnDestroy, EventEmitter, Renderer2, ChangeDetectorRef, ElementRef } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { Subject } from 'rxjs';
+
+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>;
+}
+
+export { CmatKnobInputComponent };

package/components/masonry/index.d.ts

@@ -1,5 +1,16 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cmat/components/masonry" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { OnChanges, AfterViewInit, TemplateRef, SimpleChanges } from '@angular/core';
+
+declare class CmatMasonryComponent implements OnChanges, AfterViewInit {
+    columnsTemplate: TemplateRef<any>;
+    columns: number;
+    items: any[];
+    distributedColumns: any[];
+    ngOnChanges(changes: SimpleChanges): void;
+    ngAfterViewInit(): void;
+    private _distributeItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatMasonryComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatMasonryComponent, "cmat-masonry", ["cmatMasonry"], { "columnsTemplate": { "alias": "columnsTemplate"; "required": true; }; "columns": { "alias": "columns"; "required": true; }; "items": { "alias": "items"; "required": false; }; }, {}, never, never, true, never>;
+}
+
+export { CmatMasonryComponent };

package/components/material-color-picker/index.d.ts

@@ -1,5 +1,46 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="cmat/components/material-color-picker" />
-export * from './public-api';
+import * as i0 from '@angular/core';
+import { EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { ControlValueAccessor } from '@angular/forms';
+
+declare class CmatSelectedColor {
+    palette: string;
+    hue: string;
+    color: string;
+}
+
+declare const CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR: any;
+declare class CmatMaterialColorPickerComponent implements ControlValueAccessor {
+    private _changeDetectorRef;
+    colorChanged: EventEmitter<any>;
+    palettes: string[];
+    hues: string[];
+    view: string;
+    selectedColor: CmatSelectedColor;
+    selectedPalette: string;
+    selectedHue: string;
+    private _color;
+    private _title;
+    private _readonly;
+    private _modelChange;
+    private _modelTouched;
+    constructor(_changeDetectorRef: ChangeDetectorRef);
+    get color(): string;
+    set color(value: string);
+    get title(): string;
+    set title(value: string);
+    get readonly(): boolean;
+    set readonly(value: boolean);
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    writeValue(color: any): void;
+    selectPalette(palette: string): void;
+    selectHue(hue: string): void;
+    removeColor(): void;
+    updateSelectedColor(): void;
+    goToPalettesView(): void;
+    onMenuOpen(opened: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CmatMaterialColorPickerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatMaterialColorPickerComponent, "cmat-material-color-picker", ["cmatMaterialColorPicker"], { "color": { "alias": "color"; "required": false; }; "title": { "alias": "title"; "required": false; }; "readonly": { "alias": "readonly"; "required": false; }; }, { "colorChanged": "colorChanged"; }, never, never, true, never>;
+}
+
+export { CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR, CmatMaterialColorPickerComponent, CmatSelectedColor };