@cute-widgets/base 20.0.4 → 21.0.0

package/{dialog/index.d.ts → types/cute-widgets-base-dialog.d.ts}

@@ -1,27 +1,15 @@
 import * as i0 from '@angular/core';
-import { ViewContainerRef, Injector, OnDestroy, EventEmitter, ComponentRef, OnInit, TemplateRef, InjectionToken, OnChanges, ElementRef, SimpleChanges } from '@angular/core';
-import { HorizontalEdge, LayoutBreakpoint } from '@cute-widgets/base/core/types';
+import { ViewContainerRef, Injector, OnDestroy, EventEmitter, ComponentRef, OnInit, OnChanges, SimpleChanges, InjectionToken, TemplateRef } from '@angular/core';
 import { DragAxis, CdkDrag } from '@angular/cdk/drag-drop';
 import { Direction } from '@angular/cdk/bidi';
 import { ScrollStrategy, OverlayRef, ComponentType } from '@angular/cdk/overlay';
+import { LayoutBreakpoint, HorizontalEdge } from '@cute-widgets/base/core/types';
 import { DialogConfig, CdkDialogContainer, DialogRef, Dialog } from '@angular/cdk/dialog';
 import { ComponentPortal } from '@angular/cdk/portal';
 import { FocusOrigin } from '@angular/cdk/a11y';
 import { Observable, Subject } from 'rxjs';
 import * as i1 from '@angular/common';
 
-declare class CuteDialogBody {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CuteDialogBody, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteDialogBody, "cute-dialog-body, [cute-dialog-body], [cuteDialogBody],             cute-dialog-content, [cute-dialog-content], [cuteDialogContent]  ", ["cuteDialogBody"], {}, {}, never, never, true, never>;
-}
-
-declare class CuteDialogFooter {
-    /** Horizontal alignment of the footer's content */
-    align: HorizontalEdge | 'center';
-    static ɵfac: i0.ɵɵFactoryDeclaration<CuteDialogFooter, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteDialogFooter, "cute-dialog-footer, [cute-dialog-footer], [cuteDialogFooter],             cute-dialog-actions, [cute-dialog-actions], [cuteDialogActions]  ", ["cuteDialogFooter", "cuteDialogActions"], { "align": { "alias": "align"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 /**
  * @license Apache-2.0
  *
@@ -89,7 +77,7 @@ declare class CuteDialogConfig<D = any> {
     minWidth?: number | string;
     /** Min-height of the dialog. If a number is provided, assumes pixel units. */
     minHeight?: number | string;
-    /** Max-width of the dialog. If a number is provided, assumes pixel units. Defaults to 80vw. */
+    /** Max-width of the dialog. If a number is provided, assumes pixel units. */
     maxWidth?: number | string;
     /** Max-height of the dialog. If a number is provided, assumes pixel units. */
     maxHeight?: number | string;
@@ -253,12 +241,6 @@ declare class CuteDialogHeader implements OnInit {
     static ngAcceptInputType_draggable: unknown;
 }
 
-declare class CuteDialogTitle {
-    id: unknown;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CuteDialogTitle, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteDialogTitle, "[cute-dialog-title], [cuteDialogTitle]", ["cuteDialogTitle"], { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 /**
  * @license Apache-2.0
  *
@@ -283,7 +265,7 @@ declare enum CuteDialogState {
 declare class CuteDialogRef<T, R = any> {
     private _ref;
     private _config;
-    protected _containerInstance: CuteDialogContainer;
+    _containerInstance: CuteDialogContainer;
     /** The instance of component opened into the dialog. */
     componentInstance: T | undefined;
     /**
@@ -365,6 +347,82 @@ declare class CuteDialogRef<T, R = any> {
  */
 declare function _closeDialogVia<R>(ref: CuteDialogRef<R>, interactionType: FocusOrigin, result?: R): void;
 
+/**
+ * @license Apache-2.0
+ *
+ * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
+ *
+ * You may not use this file except in compliance with the License
+ * that can be found at http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * This code is a modification of the `@angular/material` original
+ * code licensed under MIT-style License (https://angular.dev/license).
+ */
+
+/**
+ * Button that will close the current dialog.
+ */
+declare class CuteDialogClose implements OnInit, OnChanges {
+    dialogRef: CuteDialogRef<any, any>;
+    private _elementRef;
+    private _dialog;
+    /** Screen-reader label for the button. */
+    ariaLabel: string | undefined;
+    /** Default to "button" to prevent accidental form submits. */
+    type: 'submit' | 'button' | 'reset';
+    /** Dialog close input. */
+    dialogResult: any;
+    _cuteDialogClose: any;
+    constructor(...args: unknown[]);
+    ngOnInit(): void;
+    ngOnChanges(changes: SimpleChanges): void;
+    protected _onButtonClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteDialogClose, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteDialogClose, "[cute-dialog-close], [cuteDialogClose]", ["cuteDialogClose"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dialogResult": { "alias": "cute-dialog-close"; "required": false; }; "_cuteDialogClose": { "alias": "cuteDialogClose"; "required": false; }; }, {}, never, never, true, never>;
+}
+declare abstract class CuteDialogLayoutSection implements OnInit, OnDestroy {
+    protected _dialogRef: CuteDialogRef<any, any>;
+    private _elementRef;
+    private _dialog;
+    protected abstract _onAdd(): void;
+    protected abstract _onRemove(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteDialogLayoutSection, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteDialogLayoutSection, never, never, {}, {}, never, never, true, never>;
+}
+/**
+ * Title of a dialog element. Stays fixed to the top of the dialog when scrolling.
+ */
+declare class CuteDialogTitle extends CuteDialogLayoutSection {
+    protected _header: CuteDialogHeader | null;
+    id: string;
+    constructor();
+    protected _onAdd(): void;
+    protected _onRemove(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteDialogTitle, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteDialogTitle, "[cute-dialog-title], [cuteDialogTitle]", ["cuteDialogTitle"], { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
+}
+/**
+ * Scrollable content container of a dialog.
+ */
+declare class CuteDialogBody {
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteDialogBody, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteDialogBody, "cute-dialog-body, [cute-dialog-body], [cuteDialogBody],             cute-dialog-content, [cute-dialog-content], [cuteDialogContent]  ", ["cuteDialogBody"], {}, {}, never, never, true, never>;
+}
+/**
+ * Container for the bottom action buttons in a dialog.
+ * Stays fixed to the bottom when scrolling.
+ */
+declare class CuteDialogFooter extends CuteDialogLayoutSection {
+    /** Horizontal alignment of the footer's content */
+    align: HorizontalEdge | 'center';
+    protected _onAdd(): void;
+    protected _onRemove(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CuteDialogFooter, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteDialogFooter, "cute-dialog-footer, [cute-dialog-footer], [cuteDialogFooter],             cute-dialog-actions, [cute-dialog-actions], [cuteDialogActions]  ", ["cuteDialogFooter", "cuteDialogActions"], { "align": { "alias": "align"; "required": false; }; }, {}, never, never, true, never>;
+}
+
 /**
  * @license Apache-2.0
  *
@@ -440,45 +498,11 @@ declare class CuteDialog implements OnDestroy {
     static ɵprov: i0.ɵɵInjectableDeclaration<CuteDialog>;
 }
 
-/**
- * @license Apache-2.0
- *
- * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
- *
- * You may not use this file except in compliance with the License
- * that can be found at http://www.apache.org/licenses/LICENSE-2.0
- *
- * This code is a modification of the `@angular/material` original
- * code licensed under MIT-style License (https://angular.dev/license).
- */
-
-/**
- * Button that will close the current dialog.
- */
-declare class CuteDialogClose implements OnInit, OnChanges {
-    dialogRef: CuteDialogRef<any>;
-    private _elementRef;
-    private _dialog;
-    /** Screen-reader label for the button. */
-    ariaLabel: string | undefined;
-    /** Default to "button" to prevent accidental form submits. */
-    type: 'submit' | 'button' | 'reset';
-    /** Dialog close input. */
-    dialogResult: any;
-    _cuteDialogClose: any;
-    constructor(dialogRef: CuteDialogRef<any>, _elementRef: ElementRef<HTMLElement>, _dialog: CuteDialog);
-    ngOnInit(): void;
-    ngOnChanges(changes: SimpleChanges): void;
-    protected _onButtonClick(event: MouseEvent): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<CuteDialogClose, [{ optional: true; }, null, null]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<CuteDialogClose, "[cute-dialog-close], [cuteDialogClose]", ["cuteDialogClose"], { "ariaLabel": { "alias": "aria-label"; "required": false; }; "type": { "alias": "type"; "required": false; }; "dialogResult": { "alias": "cute-dialog-close"; "required": false; }; "_cuteDialogClose": { "alias": "cuteDialogClose"; "required": false; }; }, {}, never, never, true, never>;
-}
-
 declare class CuteDialogModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<CuteDialogModule, never>;
     static ɵmod: i0.ɵɵNgModuleDeclaration<CuteDialogModule, never, [typeof i1.CommonModule, typeof CuteDialogBody, typeof CuteDialogClose, typeof CuteDialogFooter, typeof CuteDialogHeader, typeof CuteDialogTitle, typeof CuteDialogContainer], [typeof CuteDialogBody, typeof CuteDialogClose, typeof CuteDialogFooter, typeof CuteDialogHeader, typeof CuteDialogTitle, typeof CuteDialogContainer]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<CuteDialogModule>;
 }
 
-export { CUTE_DIALOG_DATA, CUTE_DIALOG_DEFAULT_OPTIONS, CUTE_DIALOG_SCROLL_STRATEGY, CuteDialog, CuteDialogBody, CuteDialogClose, CuteDialogConfig, CuteDialogContainer, CuteDialogFooter, CuteDialogHeader, CuteDialogModule, CuteDialogRef, CuteDialogState, CuteDialogTitle, _closeDialogVia };
+export { CUTE_DIALOG_DATA, CUTE_DIALOG_DEFAULT_OPTIONS, CUTE_DIALOG_SCROLL_STRATEGY, CuteDialog, CuteDialogBody, CuteDialogClose, CuteDialogConfig, CuteDialogContainer, CuteDialogFooter, CuteDialogHeader, CuteDialogLayoutSection, CuteDialogModule, CuteDialogRef, CuteDialogState, CuteDialogTitle, _closeDialogVia };
 export type { AutoFocusTarget, DialogFullScreenStrategy, DialogPosition, DialogRole };

package/{expansion/index.d.ts → types/cute-widgets-base-expansion.d.ts}

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { TemplateRef, AfterContentInit, OnChanges, OnDestroy, EventEmitter, SimpleChanges, ElementRef, InjectionToken, QueryList } from '@angular/core';
+import { TemplateRef, InjectionToken, AfterContentInit, OnChanges, OnDestroy, EventEmitter, ElementRef, SimpleChanges, QueryList } from '@angular/core';
 import { CdkAccordion, CdkAccordionItem } from '@angular/cdk/accordion';
 import { FocusableOption, FocusOrigin } from '@angular/cdk/a11y';
 import { BooleanInput } from '@angular/cdk/coercion';
@@ -85,18 +85,6 @@ declare class CuteExpansionPanelContent {
     static ɵdir: i0.ɵɵDirectiveDeclaration<CuteExpansionPanelContent, "ng-template[cuteExpansionPanelContent]", never, {}, {}, never, never, true, never>;
 }
 
-/**
- * @license Apache-2.0
- *
- * Copyright (c) 2025 CuteWidgets Team. All Rights Reserved.
- *
- * You may not use this file except in compliance with the License
- * that can be found at http://www.apache.org/licenses/LICENSE-2.0
- *
- * This code is a modification of the `@angular/material` original
- * code licensed under MIT-style License (https://angular.dev/license).
- */
-
 /** CuteExpansionPanel's states. */
 type CuteExpansionPanelState = 'expanded' | 'collapsed';
 /**
@@ -141,7 +129,9 @@ declare class CuteExpansionPanel extends CdkAccordionItem implements CuteExpansi
     /** An event emitted after the body's collapse animation happens. */
     readonly afterCollapse: EventEmitter<void>;
     /** Stream that emits for changes in `@Input` properties. */
-    readonly _inputChanges: Subject<SimpleChanges>;
+    readonly _inputChanges: Subject<{
+        [propName: string]: i0.SimpleChange<any>;
+    }>;
     /** Optionally defined accordion the expansion panel belongs to. */
     readonly accordion: CuteAccordionBase;
     /** Content that will be rendered lazily. */

package/{form-field/index.d.ts → types/cute-widgets-base-form-field.d.ts}

@@ -2,7 +2,7 @@ import { Observable } from 'rxjs';
 import { NgControl, AbstractControlDirective } from '@angular/forms';
 import * as i0 from '@angular/core';
 import { ElementRef, InjectionToken, OnInit, OnDestroy, AfterContentChecked, QueryList } from '@angular/core';
-import { ThemeColor, RelativeSize3 } from '@cute-widgets/base/core';
+import { RelativeSize3, ThemeColor } from '@cute-widgets/base/core';
 import { RelativeSize } from '@cute-widgets/base/core/types';
 import { CuteBaseControl } from '@cute-widgets/base/abstract';
 import { BooleanInput } from '@angular/cdk/coercion';

package/{icon/index.d.ts → types/cute-widgets-base-icon.d.ts}

@@ -3,7 +3,7 @@ import { InjectionToken, AfterViewChecked, OnDestroy, ErrorHandler, Optional } f
 import { CuteBaseControl } from '@cute-widgets/base/abstract';
 import { RichThemeColor, RelativeSize3, toColorCssClass } from '@cute-widgets/base/core';
 import { HttpClient } from '@angular/common/http';
-import { SafeResourceUrl, SafeHtml, DomSanitizer } from '@angular/platform-browser';
+import { DomSanitizer, SafeResourceUrl, SafeHtml } from '@angular/platform-browser';
 import { Observable } from 'rxjs';
 
 /**

package/{input/index.d.ts → types/cute-widgets-base-input.d.ts}

@@ -122,7 +122,7 @@ declare class CuteInput extends CuteInputControl implements CuteFormFieldControl
     updateErrorState(): void;
     /** Callback for the cases where the focused state of the input changes. */
     protected _focusChanged(isFocused: boolean): void;
-    protected _onInput(event: InputEvent): void;
+    protected _onInput(event: Event): void;
     /** Does some manual dirty checking on the native input `value` property. */
     protected _dirtyCheckNativeValue(): void;
     /** Does some manual dirty checking on the native input `placeholder` attribute. */