cmat 0.0.86 → 0.0.88

package/types/cmat-components-filter-toolbar.d.ts

@@ -1,25 +1,25 @@
-import * as i0 from '@angular/core';
-import { OnInit, EventEmitter } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnInit } from '@angular/core';
 import { FormControl } from '@angular/forms';
 
 declare class CmatFilterToolbarComponent implements OnInit {
-    title: string;
-    description: string;
-    searchPlaceholder: string;
-    showSearch: boolean;
-    searchText: string;
-    clearable: boolean;
-    searchTextChange: EventEmitter<string>;
-    clear: EventEmitter<void>;
-    searchSubmit: EventEmitter<string>;
-    hostClass: string;
-    searchControl: FormControl<string | null>;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly description: _angular_core.InputSignal<string>;
+    readonly searchPlaceholder: _angular_core.InputSignal<string>;
+    readonly showSearch: _angular_core.InputSignal<boolean>;
+    readonly searchText: _angular_core.InputSignal<string>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly searchTextChange: _angular_core.OutputEmitterRef<string>;
+    readonly clear: _angular_core.OutputEmitterRef<void>;
+    readonly searchSubmit: _angular_core.OutputEmitterRef<string>;
+    readonly searchControl: FormControl<string | null>;
     private readonly _destroyRef;
+    constructor();
     ngOnInit(): void;
     submitSearch(): void;
     clearSearch(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFilterToolbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFilterToolbarComponent, "cmat-filter-toolbar", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; }; "showSearch": { "alias": "showSearch"; "required": false; }; "searchText": { "alias": "searchText"; "required": false; }; "clearable": { "alias": "clearable"; "required": false; }; }, { "searchTextChange": "searchTextChange"; "clear": "clear"; "searchSubmit": "searchSubmit"; }, never, ["[cmatFilterToolbarActions]"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatFilterToolbarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatFilterToolbarComponent, "cmat-filter-toolbar", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "showSearch": { "alias": "showSearch"; "required": false; "isSignal": true; }; "searchText": { "alias": "searchText"; "required": false; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; }, { "searchTextChange": "searchTextChange"; "clear": "clear"; "searchSubmit": "searchSubmit"; }, never, ["[cmatFilterToolbarActions]"], true, never>;
 }
 
 export { CmatFilterToolbarComponent };

package/types/cmat-components-form-actions.d.ts

@@ -1,10 +1,10 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 declare class CmatFormActionsComponent {
-    align: 'start' | 'center' | 'end';
-    divider: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatFormActionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatFormActionsComponent, "cmat-form-actions", never, { "align": { "alias": "align"; "required": false; }; "divider": { "alias": "divider"; "required": false; }; }, {}, never, ["[cmatFormActionsLeft]", "[cmatFormActions]"], true, never>;
+    readonly align: _angular_core.InputSignal<"start" | "center" | "end">;
+    readonly divider: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatFormActionsComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatFormActionsComponent, "cmat-form-actions", never, { "align": { "alias": "align"; "required": false; "isSignal": true; }; "divider": { "alias": "divider"; "required": false; "isSignal": true; }; }, {}, never, ["[cmatFormActionsLeft]", "[cmatFormActions]"], true, never>;
 }
 
 export { CmatFormActionsComponent };

package/types/cmat-components-fullscreen.d.ts

@@ -1,13 +1,13 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { TemplateRef } from '@angular/core';
 
 declare class CmatFullscreenComponent {
-    iconTpl: TemplateRef<unknown>;
-    tooltip: string;
+    readonly iconTpl: _angular_core.InputSignal<TemplateRef<unknown> | undefined>;
+    readonly tooltip: _angular_core.InputSignal<string | undefined>;
     private _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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatFullscreenComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatFullscreenComponent, "cmat-fullscreen", ["cmatFullscreen"], { "iconTpl": { "alias": "iconTpl"; "required": false; "isSignal": true; }; "tooltip": { "alias": "tooltip"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { CmatFullscreenComponent };

package/types/cmat-components-highlight.d.ts

@@ -1,21 +1,20 @@
 import * as i0 from '@angular/core';
-import { OnChanges, AfterViewInit, TemplateRef, SimpleChanges } from '@angular/core';
 
-declare class CmatHighlightComponent implements OnChanges, AfterViewInit {
-    code: string;
-    lang: string;
-    templateRef: TemplateRef<unknown>;
-    highlightedCode: string | null;
+declare class CmatHighlightComponent {
+    readonly code: i0.InputSignal<string | undefined>;
+    readonly lang: i0.InputSignal<string | undefined>;
+    private readonly templateRef;
+    private readonly _highlightedCode;
     private _viewRef;
-    private _domSanitizer;
-    private _elementRef;
-    private _cmatHighlightService;
-    private _viewContainerRef;
-    ngOnChanges(changes: SimpleChanges): void;
-    ngAfterViewInit(): void;
-    private _highlightAndInsert;
+    private readonly _domSanitizer;
+    private readonly _elementRef;
+    private readonly _cmatHighlightService;
+    private readonly _viewContainerRef;
+    constructor();
+    private _processHighlight;
+    private _clearView;
     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>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CmatHighlightComponent, "textarea[cmat-highlight]", ["cmatHighlight"], { "code": { "alias": "code"; "required": false; "isSignal": true; }; "lang": { "alias": "lang"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 declare class CmatHighlightService {

package/types/cmat-components-image-viewer.d.ts

@@ -1,42 +1,42 @@
 import * as _angular_core from '@angular/core';
-import { ElementRef, TemplateRef, EventEmitter } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { SafeUrl } from '@angular/platform-browser';
 
 declare class CmatImageComponent {
-    imageClass: string | undefined;
-    imageStyle: Record<string, string> | null | undefined;
-    src: SafeUrl | undefined;
-    srcSet: SafeUrl | undefined;
-    previewImageSrc: SafeUrl | undefined;
-    previewImageSrcSet: SafeUrl | undefined;
-    alt: string | undefined;
-    width: number | undefined;
-    height: number | undefined;
-    loading: 'lazy' | 'eager' | undefined;
-    appendTo: HTMLElement | ElementRef<HTMLElement> | TemplateRef<unknown> | string | null | undefined;
-    preview: boolean;
-    previewShowChange: EventEmitter<boolean>;
-    imageErrorEvent: EventEmitter<Event>;
-    el: ElementRef<HTMLElement>;
+    readonly maskRef: _angular_core.Signal<HTMLDivElement | undefined>;
+    readonly previewButtonRef: _angular_core.Signal<HTMLButtonElement | undefined>;
+    readonly closeButtonRef: _angular_core.Signal<HTMLButtonElement | undefined>;
+    readonly imageClass: _angular_core.InputSignal<string | undefined>;
+    readonly imageStyle: _angular_core.InputSignal<Record<string, string> | null | undefined>;
+    readonly src: _angular_core.InputSignal<SafeUrl | undefined>;
+    readonly srcSet: _angular_core.InputSignal<SafeUrl | undefined>;
+    readonly previewImageSrc: _angular_core.InputSignal<SafeUrl | undefined>;
+    readonly previewImageSrcSet: _angular_core.InputSignal<SafeUrl | undefined>;
+    readonly alt: _angular_core.InputSignal<string | undefined>;
+    readonly width: _angular_core.InputSignal<number | undefined>;
+    readonly height: _angular_core.InputSignal<number | undefined>;
+    readonly loading: _angular_core.InputSignal<"lazy" | "eager" | undefined>;
+    readonly appendTo: _angular_core.InputSignal<string | HTMLElement | ElementRef<HTMLElement> | null | undefined>;
+    readonly preview: _angular_core.InputSignalWithTransform<boolean, string | boolean>;
+    readonly previewShowChange: _angular_core.OutputEmitterRef<boolean>;
+    readonly imageErrorEvent: _angular_core.OutputEmitterRef<Event>;
     readonly maskVisible: _angular_core.WritableSignal<boolean>;
     readonly previewVisible: _angular_core.WritableSignal<boolean>;
-    rotate: number;
-    scale: number;
+    readonly rotate: _angular_core.WritableSignal<number>;
+    readonly scale: _angular_core.WritableSignal<number>;
+    readonly isZoomOutDisabled: _angular_core.Signal<boolean>;
+    readonly isZoomInDisabled: _angular_core.Signal<boolean>;
+    readonly imagePreviewStyle: _angular_core.Signal<{
+        transform: string;
+    }>;
+    private readonly _document;
     private readonly _animationDuration;
     private _loadingPreview;
     private _closePreviewByEscape;
     private _closePreviewTimeoutId;
-    private _document;
     private _originalOverflow;
     private _zoomSettings;
-    get isZoomOutDisabled(): boolean;
-    get isZoomInDisabled(): boolean;
-    private _mask?;
-    set mask(value: ElementRef<HTMLDivElement> | undefined);
-    private _previewButton?;
-    set previewButton(value: ElementRef<HTMLButtonElement> | undefined);
-    private _closeButton?;
-    set closeButton(value: ElementRef<HTMLButtonElement> | undefined);
+    constructor();
     onKeydownHandler(): void;
     onImageClick(): void;
     onMaskKeydown(event: KeyboardEvent): void;
@@ -46,17 +46,13 @@ declare class CmatImageComponent {
     zoomIn(): void;
     zoomOut(): void;
     handleToolbarClick(event: MouseEvent): void;
-    appendContainer(): void;
-    imagePreviewStyle(): {
-        transform: string;
-    };
+    appendContainer(maskElement?: HTMLElement): void;
     closePreview(): void;
     imageError(event: Event): void;
     private _disableBackgroundScroll;
     private _enableBackgroundScroll;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatImageComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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; }; }, { "previewShowChange": "previewShowChange"; "imageErrorEvent": "imageErrorEvent"; }, never, never, true, never>;
-    static ngAcceptInputType_preview: unknown;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatImageComponent, "cmat-image", never, { "imageClass": { "alias": "imageClass"; "required": false; "isSignal": true; }; "imageStyle": { "alias": "imageStyle"; "required": false; "isSignal": true; }; "src": { "alias": "src"; "required": false; "isSignal": true; }; "srcSet": { "alias": "srcSet"; "required": false; "isSignal": true; }; "previewImageSrc": { "alias": "previewImageSrc"; "required": false; "isSignal": true; }; "previewImageSrcSet": { "alias": "previewImageSrcSet"; "required": false; "isSignal": true; }; "alt": { "alias": "alt"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "preview": { "alias": "preview"; "required": false; "isSignal": true; }; }, { "previewShowChange": "previewShowChange"; "imageErrorEvent": "imageErrorEvent"; }, never, never, true, never>;
 }
 
 export { CmatImageComponent };

package/types/cmat-components-inline-loading.d.ts

@@ -1,11 +1,11 @@
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 
 declare class CmatInlineLoadingComponent {
-    message: string;
-    diameter: number;
-    showText: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatInlineLoadingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatInlineLoadingComponent, "cmat-inline-loading", never, { "message": { "alias": "message"; "required": false; }; "diameter": { "alias": "diameter"; "required": false; }; "showText": { "alias": "showText"; "required": false; }; }, {}, never, never, true, never>;
+    readonly message: _angular_core.InputSignal<string>;
+    readonly diameter: _angular_core.InputSignal<number>;
+    readonly showText: _angular_core.InputSignal<boolean>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatInlineLoadingComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatInlineLoadingComponent, "cmat-inline-loading", never, { "message": { "alias": "message"; "required": false; "isSignal": true; }; "diameter": { "alias": "diameter"; "required": false; "isSignal": true; }; "showText": { "alias": "showText"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { CmatInlineLoadingComponent };

package/types/cmat-components-json-editor.d.ts

@@ -1,21 +1,19 @@
-import * as i0 from '@angular/core';
-import { OnInit, OnChanges, OnDestroy, EventEmitter, ElementRef, SimpleChanges } from '@angular/core';
-import { JSONEditorPropsOptional, Content } from 'vanilla-jsoneditor';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, ElementRef } from '@angular/core';
+import { Content, JSONEditorPropsOptional } from 'vanilla-jsoneditor';
 
-declare class CmatJsonEditorComponent implements OnInit, OnChanges, OnDestroy {
-    options: JSONEditorPropsOptional;
-    data: unknown;
-    contentChanged: EventEmitter<Content>;
-    pathChanged: EventEmitter<string>;
+declare class CmatJsonEditorComponent implements OnDestroy {
+    readonly jsonEditorContainer: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    readonly contentChanged: _angular_core.OutputEmitterRef<Content>;
+    readonly pathChanged: _angular_core.OutputEmitterRef<string>;
+    readonly options: _angular_core.InputSignal<JSONEditorPropsOptional>;
+    readonly data: _angular_core.InputSignal<unknown>;
     id: string;
-    content: Content;
-    private _editor?;
-    private _jsonEditorContainer?;
-    private _destroyed;
+    private _content;
+    private readonly _editorSignal;
     private readonly _document;
-    set jsonEditorContainer(value: ElementRef<HTMLElement> | undefined);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
+    private _destroyed;
+    constructor();
     ngOnDestroy(): void;
     setSchema(schema: unknown): void;
     setSelectionToPath(pathString: string): void;
@@ -23,8 +21,8 @@ declare class CmatJsonEditorComponent implements OnInit, OnChanges, OnDestroy {
     set(json: unknown): void;
     private _onSelect;
     private _initializeEditor;
-    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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatJsonEditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatJsonEditorComponent, "cmat-json-editor", never, { "options": { "alias": "options"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; }, { "contentChanged": "contentChanged"; "pathChanged": "pathChanged"; }, never, never, true, never>;
 }
 
 export { CmatJsonEditorComponent };

package/types/cmat-components-knob-input.d.ts

@@ -1,79 +1,82 @@
-import * as i0 from '@angular/core';
-import { OnDestroy, EventEmitter } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnDestroy, ElementRef } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 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 {
-    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 knobElementRef: _angular_core.Signal<ElementRef<HTMLDivElement> | undefined>;
+    readonly valueColor: _angular_core.InputSignal<string>;
+    readonly rangeColor: _angular_core.InputSignal<string>;
+    readonly textColor: _angular_core.InputSignal<string>;
+    readonly valueTemplate: _angular_core.InputSignal<string>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    readonly size: _angular_core.InputSignal<number>;
+    readonly step: _angular_core.InputSignal<number>;
+    readonly min: _angular_core.InputSignal<number>;
+    readonly max: _angular_core.InputSignal<number>;
+    readonly strokeWidth: _angular_core.InputSignal<number>;
+    readonly showValue: _angular_core.InputSignal<boolean>;
+    readonly valueChange: _angular_core.OutputEmitterRef<number | null>;
+    readonly id: string;
+    userAriaDescribedBy?: string;
     readonly stateChanges: Subject<void>;
-    focused: boolean;
-    touched: boolean;
-    readonly refreshVersion: i0.WritableSignal<number>;
-    ngControl: NgControl;
-    private _document;
-    private _renderer;
-    private _el;
-    constructor();
-    ngOnDestroy(): void;
-    get placeholder(): string;
-    set placeholder(value: string);
-    private _placeholder;
+    private readonly _valueSignal;
+    private readonly _placeholderSignal;
+    private readonly _requiredSignal;
+    private readonly _disabledSignal;
+    private _focused;
+    readonly touched: _angular_core.WritableSignal<boolean>;
+    readonly refreshVersion: _angular_core.WritableSignal<number>;
     get value(): number;
-    set value(value: number);
-    protected _value: number | null;
+    set value(val: number);
+    get placeholder(): string;
+    set placeholder(plh: string);
+    get required(): boolean;
+    set required(req: boolean);
+    get disabled(): boolean;
+    set disabled(val: BooleanInput);
     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;
+    get focused(): boolean;
+    readonly radius = 40;
+    readonly midX = 50;
+    readonly midY = 50;
+    readonly minRadians: number;
+    readonly maxRadians: number;
+    ngControl: NgControl;
+    private readonly _document;
+    private readonly _renderer;
+    private readonly _el;
+    private windowMouseMoveListener;
+    private windowMouseUpListener;
+    private windowTouchMoveListener;
+    private windowTouchEndListener;
+    constructor();
+    ngOnDestroy(): void;
+    private _cleanupListeners;
+    writeValue(value: number | null): void;
+    registerOnChange(fn: (value: number) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(val: boolean): void;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(): void;
     onKeyDown(event: Event): 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;
+    mapRange(x: number, inMin: number, inMax: number, outMin: number, outMax: number): number;
+    onClick(event: MouseEvent): 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: number | null): void;
-    registerOnChange(fn: (value: number) => void): void;
-    registerOnTouched(fn: () => void): void;
-    setDisabledState(val: boolean): void;
     rangePath(): string;
     valuePath(): string;
     zeroRadians(): number;
@@ -91,8 +94,8 @@ declare class CmatKnobInputComponent implements MatFormFieldControl<any>, OnDest
     valueToDisplay(): string;
     private _onModelChange;
     private _onTouchedChange;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatKnobInputComponent, never>;
-    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>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatKnobInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatKnobInputComponent, "cmat-knob-input", ["cmatKnobInput"], { "valueColor": { "alias": "valueColor"; "required": false; "isSignal": true; }; "rangeColor": { "alias": "rangeColor"; "required": false; "isSignal": true; }; "textColor": { "alias": "textColor"; "required": false; "isSignal": true; }; "valueTemplate": { "alias": "valueTemplate"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "strokeWidth": { "alias": "strokeWidth"; "required": false; "isSignal": true; }; "showValue": { "alias": "showValue"; "required": false; "isSignal": true; }; "value": { "alias": "value"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 export { CmatKnobInputComponent };

package/types/cmat-components-masonry.d.ts

@@ -1,19 +1,16 @@
-import * as i0 from '@angular/core';
-import { OnChanges, AfterViewInit, TemplateRef, SimpleChanges } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { TemplateRef } from '@angular/core';
 
 interface MasonryColumn {
     items: unknown[];
 }
-declare class CmatMasonryComponent implements OnChanges, AfterViewInit {
-    columnsTemplate: TemplateRef<unknown>;
-    columns: number;
-    items: unknown[];
-    readonly distributedColumns: i0.WritableSignal<MasonryColumn[]>;
-    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>;
+declare class CmatMasonryComponent {
+    readonly columnsTemplate: _angular_core.InputSignal<TemplateRef<unknown>>;
+    readonly columns: _angular_core.InputSignal<number>;
+    readonly items: _angular_core.InputSignal<unknown[]>;
+    readonly distributedColumns: _angular_core.Signal<MasonryColumn[]>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatMasonryComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatMasonryComponent, "cmat-masonry", ["cmatMasonry"], { "columnsTemplate": { "alias": "columnsTemplate"; "required": true; "isSignal": true; }; "columns": { "alias": "columns"; "required": true; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
 
 export { CmatMasonryComponent };

package/types/cmat-components-material-color-picker.d.ts

@@ -1,5 +1,4 @@
 import * as _angular_core from '@angular/core';
-import { EventEmitter } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 
 declare class CmatSelectedColor {
@@ -14,36 +13,32 @@ declare const CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR: {
     multi: boolean;
 };
 declare class CmatMaterialColorPickerComponent implements ControlValueAccessor {
-    colorChanged: EventEmitter<string>;
-    palettes: string[];
-    hues: string[];
-    view: string;
-    readonly selectedColor: _angular_core.WritableSignal<CmatSelectedColor>;
-    selectedPalette: string;
-    selectedHue: string;
-    private _color;
-    private _title;
-    private _readonly;
-    private _modelChange;
-    private _modelTouched;
+    readonly title: _angular_core.InputSignal<string>;
+    readonly readonly: _angular_core.InputSignal<boolean>;
+    readonly color: _angular_core.InputSignal<string | null>;
+    readonly colorChanged: _angular_core.OutputEmitterRef<string>;
+    readonly palettes: _angular_core.WritableSignal<string[]>;
+    readonly hues: _angular_core.WritableSignal<string[]>;
+    readonly view: _angular_core.WritableSignal<"palettes" | "hues">;
+    readonly selectedPalette: _angular_core.WritableSignal<string>;
+    readonly selectedHue: _angular_core.WritableSignal<string>;
+    readonly selectedColor: _angular_core.Signal<CmatSelectedColor>;
+    private _isProcessingExternalChange;
     constructor();
-    get color(): string;
-    set color(value: string);
-    get title(): string;
-    set title(value: string);
-    get readonly(): boolean;
-    set readonly(value: boolean);
     registerOnChange(fn: (value: string) => void): void;
     registerOnTouched(fn: (value: string) => void): void;
     writeValue(color: string | null): void;
     selectPalette(palette: string): void;
     selectHue(hue: string): void;
     removeColor(): void;
-    updateSelectedColor(): void;
     goToPalettesView(): void;
     onMenuOpen(opened: boolean): void;
+    private _modelChange;
+    private _modelTouched;
+    private _notifyChange;
+    private _parseAndSetColor;
     static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatMaterialColorPickerComponent, never>;
-    static ɵcmp: _angular_core.ɵɵ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>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatMaterialColorPickerComponent, "cmat-material-color-picker", ["cmatMaterialColorPicker"], { "title": { "alias": "title"; "required": false; "isSignal": true; }; "readonly": { "alias": "readonly"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; }, { "colorChanged": "colorChanged"; }, never, never, true, never>;
 }
 
 export { CMAT_MATERIAL_COLOR_PICKER_VALUE_ACCESSOR, CmatMaterialColorPickerComponent, CmatSelectedColor };