cmat 0.0.86 → 0.0.88

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

@@ -1,5 +1,5 @@
-import * as i0 from '@angular/core';
-import { TemplateRef, AfterContentInit, OnChanges, AfterContentChecked, OnDestroy, ElementRef, NgZone, EventEmitter, QueryList, SimpleChanges } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { TemplateRef, AfterContentInit, OnDestroy, ElementRef } from '@angular/core';
 
 interface CmatCarouselResponsiveOptions {
     breakpoint: string;
@@ -22,144 +22,118 @@ interface CmatCarouselTemplates {
 }
 
 declare class CmatCarouselHeaderComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCarouselHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatCarouselHeaderComponent, "cmat-carousel-header", never, {}, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatCarouselHeaderComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatCarouselHeaderComponent, "cmat-carousel-header", never, {}, {}, never, ["*"], true, never>;
 }
 declare class CmatCarouselFooterComponent {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCarouselFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatCarouselFooterComponent, "cmat-carousel-footer", never, {}, {}, never, ["*"], true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatCarouselFooterComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatCarouselFooterComponent, "cmat-carousel-footer", never, {}, {}, never, ["*"], true, never>;
 }
 declare class CmatCarouselTemplateDirective {
     template: TemplateRef<unknown>;
-    type: string | undefined;
-    name: string | undefined;
-    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>;
+    readonly type: _angular_core.InputSignal<string | undefined>;
+    readonly name: _angular_core.InputSignal<string | undefined>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatCarouselTemplateDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<CmatCarouselTemplateDirective, "[cmatCarouselTemplate]", never, { "type": { "alias": "type"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }
-declare class CmatCarouselComponent implements AfterContentInit, OnChanges, AfterContentChecked, OnDestroy {
+declare class CmatCarouselComponent implements AfterContentInit, OnDestroy {
     el: ElementRef<HTMLElement>;
-    zone: NgZone;
-    readonly refreshVersion: i0.WritableSignal<number>;
-    private renderer;
-    private _document;
-    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, unknown> | null | undefined;
-    indicatorStyleClass: string;
-    indicatorStyle: Record<string, unknown> | null | undefined;
-    get data(): Record<string, unknown>[];
-    set data(val: Record<string, unknown>[]);
-    circular: boolean;
-    showIndicators: boolean;
-    showNavigators: boolean;
-    suspendAutoPlay: boolean;
-    autoplayInterval: number;
-    style: Record<string, unknown> | null | undefined;
-    styleClass: string;
-    pageEvent: EventEmitter<CmatCarouselPageEvent>;
-    itemsContainer: ElementRef<HTMLElement> | undefined;
-    indicatorContent: ElementRef<HTMLElement> | undefined;
-    headerFacet: QueryList<CmatCarouselHeaderComponent> | undefined;
-    footerFacet: QueryList<CmatCarouselFooterComponent> | undefined;
-    templates: QueryList<CmatCarouselTemplateDirective> | undefined;
-    prevState: {
-        numScroll: number;
-        numVisible: number;
-        value: Record<string, unknown>[];
-    };
-    defaultNumScroll: number;
-    defaultNumVisible: number;
-    carouselStyle: HTMLStyleElement | null;
-    id: string | undefined;
-    totalShiftedItems: number;
-    isRemainingItemsAdded: boolean;
-    animationTimeout: number | null;
-    translateTimeout: number | null;
-    remainingItems: number;
-    startPos: {
+    readonly page: _angular_core.ModelSignal<number>;
+    readonly numVisible: _angular_core.ModelSignal<number>;
+    readonly numScroll: _angular_core.ModelSignal<number>;
+    readonly autoplayInterval: _angular_core.InputSignalWithTransform<number, unknown>;
+    readonly responsiveOptions: _angular_core.InputSignal<CmatCarouselResponsiveOptions[] | undefined>;
+    readonly orientation: _angular_core.InputSignal<"horizontal" | "vertical">;
+    readonly navigatorsType: _angular_core.InputSignal<"normal" | "arrow">;
+    readonly verticalViewPortHeight: _angular_core.InputSignal<string>;
+    readonly arrowSelector: _angular_core.InputSignal<string>;
+    readonly contentClass: _angular_core.InputSignal<string>;
+    readonly indicatorsContentClass: _angular_core.InputSignal<string>;
+    readonly indicatorsContentStyle: _angular_core.InputSignal<Record<string, unknown> | null | undefined>;
+    readonly indicatorStyleClass: _angular_core.InputSignal<string>;
+    readonly indicatorStyle: _angular_core.InputSignal<Record<string, unknown> | null | undefined>;
+    readonly data: _angular_core.InputSignal<Record<string, unknown>[]>;
+    readonly circular: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showIndicators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly showNavigators: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly suspendAutoPlay: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly style: _angular_core.InputSignal<Record<string, unknown> | null | undefined>;
+    readonly styleClass: _angular_core.InputSignal<string>;
+    readonly pageEvent: _angular_core.OutputEmitterRef<CmatCarouselPageEvent>;
+    readonly itemsContainer: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    readonly indicatorContent: _angular_core.Signal<ElementRef<HTMLElement> | undefined>;
+    readonly headerFacet: _angular_core.Signal<CmatCarouselHeaderComponent | undefined>;
+    readonly footerFacet: _angular_core.Signal<CmatCarouselFooterComponent | undefined>;
+    readonly templates: _angular_core.Signal<readonly CmatCarouselTemplateDirective[]>;
+    readonly id: string;
+    readonly carouselStyle: _angular_core.WritableSignal<HTMLStyleElement | null>;
+    readonly startPos: _angular_core.WritableSignal<{
         x: number;
         y: number;
-    } | null;
-    documentResizeListener: VoidFunction | null;
-    clonedItemsForStarting: Record<string, unknown>[];
-    clonedItemsForFinishing: Record<string, unknown>[];
-    allowAutoplay: boolean | undefined;
-    interval: number | null;
-    isCreated: boolean | undefined;
-    swipeThreshold: number;
-    itemTemplate: TemplateRef<unknown> | null;
-    headerTemplate: TemplateRef<unknown> | null;
-    footerTemplate: TemplateRef<unknown> | null;
-    previousIconTemplate: TemplateRef<unknown> | null;
-    nextIconTemplate: TemplateRef<unknown> | null;
-    window: Window;
-    private _numVisible;
-    private _numScroll;
-    private _oldNumScroll;
-    private _page;
-    private _data;
+    } | null>;
+    readonly clonedItemsForStarting: _angular_core.WritableSignal<Record<string, unknown>[]>;
+    readonly clonedItemsForFinishing: _angular_core.WritableSignal<Record<string, unknown>[]>;
+    readonly isUserInteracted: _angular_core.WritableSignal<boolean>;
+    readonly swipeThreshold: _angular_core.WritableSignal<number>;
+    readonly itemTemplate: _angular_core.WritableSignal<TemplateRef<unknown> | null>;
+    readonly headerTemplate: _angular_core.WritableSignal<TemplateRef<unknown> | null>;
+    readonly footerTemplate: _angular_core.WritableSignal<TemplateRef<unknown> | null>;
+    readonly previousIconTemplate: _angular_core.WritableSignal<TemplateRef<unknown> | null>;
+    readonly nextIconTemplate: _angular_core.WritableSignal<TemplateRef<unknown> | null>;
+    readonly isVertical: _angular_core.Signal<boolean>;
+    readonly allowAutoplay: _angular_core.Signal<boolean>;
+    readonly verticalViewContainerHeight: _angular_core.Signal<string | undefined>;
+    readonly totalShiftedItems: _angular_core.Signal<number>;
+    readonly remainingItems: _angular_core.Signal<number>;
+    readonly totalDots: _angular_core.Signal<number>;
+    readonly isRemainingItemsAdded: _angular_core.Signal<boolean>;
+    readonly isCircular: _angular_core.Signal<boolean>;
+    readonly isEmpty: _angular_core.Signal<boolean>;
+    readonly getTotalDotsArray: _angular_core.Signal<number[]>;
+    readonly firstIndex: _angular_core.Signal<number>;
+    readonly lastIndex: _angular_core.Signal<number>;
+    private readonly _document;
+    private renderer;
+    private documentResizeListener;
     constructor();
-    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;
+    onTransitionEnd(): void;
+    stopAutoplay(): void;
+    startAutoplay(): void;
+    isFirstItemActive(index: number): boolean;
+    isLastItemActive(index: number): boolean;
+    isMiddleItemActive(index: number): boolean;
+    onIndicatorKeydown(event: KeyboardEvent): void;
+    private _handleInteractionStopAutoplay;
     private _changePageOnTouch;
+    private _step;
+    private _applyTransform;
+    private _initResponsiveEffect;
+    private _initCloneItemsEffect;
+    private _initAutoplayEffect;
     private _bindDocumentListeners;
     private _unbindDocumentListeners;
+    private _createStyle;
+    private _calculatePosition;
+    private _updateCarouselItemsAccessibility;
+    private _setCloneItems;
+    private _findFocusedIndicatorIndex;
+    private _changedFocusedIndicator;
     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; }; "suspendAutoPlay": { "alias": "suspendAutoPlay"; "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_suspendAutoPlay: unknown;
-    static ngAcceptInputType_autoplayInterval: unknown;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatCarouselComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatCarouselComponent, "cmat-carousel", never, { "page": { "alias": "page"; "required": false; "isSignal": true; }; "numVisible": { "alias": "numVisible"; "required": false; "isSignal": true; }; "numScroll": { "alias": "numScroll"; "required": false; "isSignal": true; }; "autoplayInterval": { "alias": "autoplayInterval"; "required": false; "isSignal": true; }; "responsiveOptions": { "alias": "responsiveOptions"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; "navigatorsType": { "alias": "navigatorsType"; "required": false; "isSignal": true; }; "verticalViewPortHeight": { "alias": "verticalViewPortHeight"; "required": false; "isSignal": true; }; "arrowSelector": { "alias": "arrowSelector"; "required": false; "isSignal": true; }; "contentClass": { "alias": "contentClass"; "required": false; "isSignal": true; }; "indicatorsContentClass": { "alias": "indicatorsContentClass"; "required": false; "isSignal": true; }; "indicatorsContentStyle": { "alias": "indicatorsContentStyle"; "required": false; "isSignal": true; }; "indicatorStyleClass": { "alias": "indicatorStyleClass"; "required": false; "isSignal": true; }; "indicatorStyle": { "alias": "indicatorStyle"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": true; "isSignal": true; }; "circular": { "alias": "circular"; "required": false; "isSignal": true; }; "showIndicators": { "alias": "showIndicators"; "required": false; "isSignal": true; }; "showNavigators": { "alias": "showNavigators"; "required": false; "isSignal": true; }; "suspendAutoPlay": { "alias": "suspendAutoPlay"; "required": false; "isSignal": true; }; "style": { "alias": "style"; "required": false; "isSignal": true; }; "styleClass": { "alias": "styleClass"; "required": false; "isSignal": true; }; }, { "page": "pageChange"; "numVisible": "numVisibleChange"; "numScroll": "numScrollChange"; "pageEvent": "pageEvent"; }, ["headerFacet", "footerFacet", "templates"], ["cmat-carousel-header", "cmat-carousel-footer"], true, never>;
 }
 
 export { CmatCarouselComponent, CmatCarouselFooterComponent, CmatCarouselHeaderComponent, CmatCarouselTemplateDirective };

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

@@ -1,70 +1,101 @@
-import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
-import * as i0 from '@angular/core';
-import { OnDestroy, OnInit, OnChanges, SimpleChanges } from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { Signal, OnDestroy, OnInit, ElementRef } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { CdkOverlayOrigin, OverlayRef } from '@angular/cdk/overlay';
 import { CdkPortal } from '@angular/cdk/portal';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { MatBottomSheetRef } from '@angular/material/bottom-sheet';
 import { MatFormFieldControl } from '@angular/material/form-field';
 import { Subject } from 'rxjs';
 
 interface CmatCascadeOptionsInterface {
-    [propName: string]: unknown;
+    [propName: string]: any;
     label?: string;
     value: string;
     children?: CmatCascadeOptionsInterface[];
     disabled?: boolean;
-    active?: boolean;
 }
-
-declare class CmatCascadeListComponent implements MatFormFieldControl<any>, OnDestroy, OnInit, OnChanges, ControlValueAccessor {
-    ngControl: NgControl;
-    private _overlay;
-    private _breakpointObserver;
-    private _bottomSheet;
-    private readonly _destroyRef;
-    id: string;
+interface CmatCascadeStepItem extends CmatCascadeOptionsInterface {
+    active: boolean;
+}
+interface CascadeBottomSheetData {
     options: CmatCascadeOptionsInterface[];
-    clearable: boolean;
-    fullLevels: boolean;
+    steps: Signal<CmatCascadeStepItem[][]>;
+    currentLabels: Signal<CmatCascadeOptionsInterface[]>;
+    selectHandle: (event: Event, step: number, index: number) => void;
     changeOnSelect: boolean;
-    allowLabelValue: boolean;
-    overlayOrigin: CdkOverlayOrigin;
-    menuTemplate: CdkPortal;
-    private _inputElement;
-    overlayRef: OverlayRef;
-    bottomSheetRef: MatBottomSheetRef;
-    steps: CmatCascadeOptionsInterface[][];
-    menuVisible: boolean;
-    currentLabels: CmatCascadeOptionsInterface[];
-    readonly stateChanges: Subject<void>;
-    focused: boolean;
-    touched: boolean;
-    controlType: string;
-    readonly refreshVersion: i0.WritableSignal<number>;
+    placeholder: string;
+}
+
+declare class CmatCascadeBottomSheetComponent {
+    readonly data: CascadeBottomSheetData;
+    readonly selectedTab: _angular_core.WritableSignal<number>;
+    readonly labels: _angular_core.Signal<string[]>;
+    private readonly _bottomSheetRef;
     constructor();
-    private _touchUi;
-    get touchUi(): boolean;
-    set touchUi(value: boolean);
+    resetTabIndex(): void;
+    clickHandle(event: Event): void;
+    dismiss(): void;
+    select(disabled: boolean | undefined): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatCascadeBottomSheetComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatCascadeBottomSheetComponent, "cmat-cascade-bottom-sheet", ["cmatCascadeBottomSheet"], {}, {}, never, never, true, never>;
+}
+
+declare class CmatCascadeListComponent implements MatFormFieldControl<any>, OnDestroy, OnInit, ControlValueAccessor {
+    readonly id: string;
+    readonly options: _angular_core.InputSignal<CmatCascadeOptionsInterface[]>;
+    readonly clearable: _angular_core.InputSignal<boolean>;
+    readonly fullLevels: _angular_core.InputSignal<boolean>;
+    readonly changeOnSelect: _angular_core.InputSignal<boolean>;
+    readonly allowLabelValue: _angular_core.InputSignal<boolean>;
+    readonly touchUi: _angular_core.InputSignalWithTransform<boolean, any>;
+    readonly overlayOrigin: _angular_core.Signal<CdkOverlayOrigin>;
+    readonly menuTemplate: _angular_core.Signal<CdkPortal>;
+    readonly _inputElement: _angular_core.Signal<ElementRef<HTMLInputElement> | undefined>;
+    private readonly _placeholderSignal;
+    private readonly _disabledSignal;
+    private readonly _requiredSignal;
     get placeholder(): string;
     set placeholder(value: string);
-    private _placeholder;
-    get value(): CmatCascadeOptionsInterface[] | null;
-    set value(value: CmatCascadeOptionsInterface[] | null);
-    protected _value: CmatCascadeOptionsInterface[] | null;
-    get empty(): boolean;
-    get errorState(): boolean;
-    get shouldLabelFloat(): boolean;
-    get required(): boolean;
-    set required(value: BooleanInput);
-    protected _required: boolean;
     get disabled(): boolean;
     set disabled(value: BooleanInput);
-    protected _disabled: boolean;
-    onTouched: () => void;
-    controlChange: (value: CmatCascadeOptionsInterface[] | null) => void;
+    get required(): boolean;
+    set required(value: BooleanInput);
+    readonly ngControl: NgControl | null;
+    readonly stateChanges: Subject<void>;
+    controlType: string;
+    overlayRef: OverlayRef;
+    bottomSheetRef: MatBottomSheetRef;
+    private readonly _overlay;
+    private readonly _breakpointObserver;
+    private readonly _bottomSheet;
+    private readonly _destroyRef;
+    private readonly _value;
+    private readonly _focused;
+    private readonly _touched;
+    readonly currentLabels: _angular_core.Signal<CmatCascadeOptionsInterface[]>;
+    readonly steps: _angular_core.Signal<{
+        active: boolean;
+        label?: string;
+        value: string;
+        children?: CmatCascadeOptionsInterface[];
+        disabled?: boolean;
+    }[][]>;
+    readonly showClearIcon: _angular_core.Signal<boolean>;
+    readonly menuVisible: _angular_core.Signal<boolean>;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get errorState(): boolean;
+    private _onChange;
+    private _onTouched;
+    constructor();
+    get value(): CmatCascadeOptionsInterface[] | null;
+    set value(val: CmatCascadeOptionsInterface[] | null);
+    get focused(): boolean;
+    set focused(val: boolean);
+    get touched(): boolean;
+    set touched(val: boolean);
     ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
     ngOnDestroy(): void;
     writeValue(value: CmatCascadeOptionsInterface[] | null): void;
     registerOnChange(fn: (value: CmatCascadeOptionsInterface[] | null) => void): void;
@@ -74,29 +105,17 @@ declare class CmatCascadeListComponent implements MatFormFieldControl<any>, OnDe
     onContainerClick(): void;
     clickHandle(event: MouseEvent): void;
     clearValue(event?: Event): void;
-    showClearIcon(): boolean;
     selectHandle(event: Event, step: number, index: number): void;
     onFocusIn(): void;
     onFocusOut(event: FocusEvent): void;
-    private _initSteps;
-    private _changeLabels;
+    private _findLabelsByValue;
+    private _buildStepsFromLabels;
+    private _updateInputValue;
     private _openBottomSheet;
-    private _init;
-    private _setInputValue;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCascadeListComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatCascadeListComponent, "cmat-cascade-list", ["cmatCascadeList"], { "id": { "alias": "id"; "required": false; }; "options": { "alias": "options"; "required": true; }; "clearable": { "alias": "clearable"; "required": false; }; "fullLevels": { "alias": "fullLevels"; "required": false; }; "changeOnSelect": { "alias": "changeOnSelect"; "required": false; }; "allowLabelValue": { "alias": "allowLabelValue"; "required": false; }; "touchUi": { "alias": "touchUi"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
-}
-
-declare class CmatCascadeBottomSheetComponent {
-    root: CmatCascadeListComponent;
-    selected: FormControl<number | null>;
-    labels: string[];
-    constructor();
-    clickHandle(event: Event): void;
-    select(disabled: boolean, label: string): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCascadeBottomSheetComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatCascadeBottomSheetComponent, "cmat-cascade-bottom-sheet", ["cmatCascadeBottomSheet"], {}, {}, never, never, true, never>;
+    private _getLabelText;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatCascadeListComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatCascadeListComponent, "cmat-cascade-list", ["cmatCascadeList"], { "options": { "alias": "options"; "required": true; "isSignal": true; }; "clearable": { "alias": "clearable"; "required": false; "isSignal": true; }; "fullLevels": { "alias": "fullLevels"; "required": false; "isSignal": true; }; "changeOnSelect": { "alias": "changeOnSelect"; "required": false; "isSignal": true; }; "allowLabelValue": { "alias": "allowLabelValue"; "required": false; "isSignal": true; }; "touchUi": { "alias": "touchUi"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 export { CmatCascadeBottomSheetComponent, CmatCascadeListComponent };
-export type { CmatCascadeOptionsInterface };
+export type { CascadeBottomSheetData, CmatCascadeOptionsInterface, CmatCascadeStepItem };

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

@@ -1,49 +1,53 @@
-import { BooleanInput } from '@angular/cdk/coercion';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
 import { OnDestroy } from '@angular/core';
+import { BooleanInput } from '@angular/cdk/coercion';
 import { ControlValueAccessor, NgControl, FormControl } from '@angular/forms';
 import { MatAutocompleteSelectedEvent, MatAutocompleteActivatedEvent } from '@angular/material/autocomplete';
 import { MatChipInputEvent } from '@angular/material/chips';
 import { MatFormFieldControl } from '@angular/material/form-field';
-import { Observable, Subject } from 'rxjs';
+import { Subject } from 'rxjs';
 
 declare class CmatChipInputComponent implements MatFormFieldControl<any>, ControlValueAccessor, OnDestroy {
+    readonly id: string;
     ngControl: NgControl;
-    id: string;
-    private _inputElementRef;
-    selectableOptions: string[];
-    hasAutocomplete: boolean;
-    outputIsString: boolean;
-    separatorKey: string;
+    readonly selectableOptions: _angular_core.InputSignal<string[] | undefined>;
+    readonly hasAutocomplete: _angular_core.InputSignal<boolean>;
+    readonly outputIsString: _angular_core.InputSignal<boolean>;
+    readonly separatorKey: _angular_core.InputSignal<string>;
     inputControl: FormControl<string | null>;
-    filteredOptions$: Observable<string[] | null>;
-    private _selectedOptions;
-    readonly selectedOptions$: Observable<string[]>;
-    separatorKeysCodes: number[];
+    readonly separatorKeysCodes: number[];
+    readonly controlType = "cmat-chip-input";
+    readonly autocompleteOptionActive: _angular_core.WritableSignal<boolean>;
+    private readonly _inputValueSignal;
     readonly stateChanges: Subject<void>;
-    focused: boolean;
-    touched: boolean;
-    controlType: string;
-    autocompleteOptionActive: boolean;
+    private readonly _focused;
+    private readonly _touched;
+    private readonly _placeholderSignal;
+    private readonly _disabledSignal;
+    private readonly _requiredSignal;
+    private readonly _valueSignal;
+    readonly selectedOptions: _angular_core.WritableSignal<string[]>;
+    private readonly _inputElementRef;
+    private readonly _autoTrigger;
+    private _suppressPanelOpen;
     private readonly _maxFilteredItems;
     private readonly _destroyRef;
+    readonly filteredOptions: _angular_core.Signal<string[] | null>;
     constructor();
     ngOnDestroy(): void;
+    get focused(): boolean;
+    get touched(): boolean;
     get placeholder(): string;
     set placeholder(value: string);
-    private _placeholder;
     get value(): string[] | string | null;
     set value(value: string[] | string | null);
-    protected _value: string[] | string | null;
     get empty(): boolean;
     get errorState(): boolean;
     get shouldLabelFloat(): boolean;
     get required(): boolean;
     set required(value: BooleanInput);
-    protected _required: boolean;
     get disabled(): boolean;
     set disabled(value: BooleanInput);
-    protected _disabled: boolean;
     registerOnChange(fn: (value: string[] | string | null) => void): void;
     registerOnTouched(fn: () => void): void;
     writeValue(value: string[] | string | null): void;
@@ -53,14 +57,15 @@ declare class CmatChipInputComponent implements MatFormFieldControl<any>, Contro
     onAdd(event: MatChipInputEvent): void;
     onRemove(option: string): void;
     onSelected(event: MatAutocompleteSelectedEvent): void;
-    onFocusIn(): void;
+    onFocusIn(event?: FocusEvent): void;
     onFocusOut(event: FocusEvent): void;
     onActivated(event: MatAutocompleteActivatedEvent): void;
+    private _updateValue;
     private _onModelChange;
     private _onTouchedChange;
     private _filter;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatChipInputComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatChipInputComponent, "cmat-chip-input", ["cmatChipInput"], { "id": { "alias": "id"; "required": false; }; "selectableOptions": { "alias": "selectableOptions"; "required": false; }; "hasAutocomplete": { "alias": "hasAutocomplete"; "required": false; }; "outputIsString": { "alias": "outputIsString"; "required": false; }; "separatorKey": { "alias": "separatorKey"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatChipInputComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatChipInputComponent, "cmat-chip-input", ["cmatChipInput"], { "selectableOptions": { "alias": "selectableOptions"; "required": false; "isSignal": true; }; "hasAutocomplete": { "alias": "hasAutocomplete"; "required": false; "isSignal": true; }; "outputIsString": { "alias": "outputIsString"; "required": false; "isSignal": true; }; "separatorKey": { "alias": "separatorKey"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; }; "value": { "alias": "value"; "required": false; }; "required": { "alias": "required"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, never>;
 }
 
 export { CmatChipInputComponent };

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

@@ -1,18 +1,34 @@
-import { NgxEditorModel } from 'ngx-monaco-editor-v2';
-import * as i0 from '@angular/core';
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { editor } from 'monaco-editor';
 
-declare class CmatCodeEditorComponent {
-    value: string;
-    language: string;
-    height: string;
-    readOnly: boolean;
-    options: Record<string, unknown>;
+declare class CmatCodeEditorComponent implements OnDestroy {
+    readonly id: string;
+    readonly value: _angular_core.InputSignal<string>;
+    readonly language: _angular_core.InputSignal<string>;
+    readonly height: _angular_core.InputSignal<string>;
+    readonly readOnly: _angular_core.InputSignal<boolean>;
+    readonly valueChange: _angular_core.OutputEmitterRef<string>;
+    readonly options: _angular_core.InputSignal<Record<string, unknown>>;
+    readonly model: _angular_core.Signal<{
+        value: string;
+        language: string;
+        uri: string;
+    }>;
+    readonly editorOptions: _angular_core.Signal<{
+        readOnly: boolean;
+        theme: {};
+    }>;
+    private _editorInstance;
+    private _contentChangeDisposable;
+    private _isUpdatingFromOutside;
     private readonly _document;
-    get model(): NgxEditorModel;
-    get editorOptions(): Record<string, unknown>;
+    constructor();
     private get _isDarkTheme();
-    static ɵfac: i0.ɵɵFactoryDeclaration<CmatCodeEditorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CmatCodeEditorComponent, "cmat-code-editor", never, { "value": { "alias": "value"; "required": false; }; "language": { "alias": "language"; "required": false; }; "height": { "alias": "height"; "required": false; }; "readOnly": { "alias": "readOnly"; "required": false; }; "options": { "alias": "options"; "required": false; }; }, {}, never, never, true, never>;
+    ngOnDestroy(): void;
+    onEditorInit(editor: editor.IStandaloneCodeEditor): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CmatCodeEditorComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CmatCodeEditorComponent, "cmat-code-editor", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "language": { "alias": "language"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; "readOnly": { "alias": "readOnly"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; }, { "valueChange": "valueChange"; }, never, never, true, never>;
 }
 
 export { CmatCodeEditorComponent };