@elementar-rt/components 0.6.55

package/country-select/index.d.ts

@@ -0,0 +1,76 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, InputSignal, ModelSignal, ElementRef } from '@angular/core';
+import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { MatSelect, MatSelectChange } from '@angular/material/select';
+import { Subject } from 'rxjs';
+
+interface Country {
+    code: string;
+    name: string;
+    flag?: string;
+}
+
+declare class CountrySelectComponent implements OnInit, OnDestroy, ControlValueAccessor, MatFormFieldControl<string | null> {
+    private _elementRef;
+    private _renderer;
+    static nextId: number;
+    id: string;
+    readonly stateChanges: Subject<void>;
+    controlType: string;
+    autofilled?: boolean;
+    private readonly _valueSignal;
+    private readonly _focusedSignal;
+    private _touched;
+    placeholderInputSignal: InputSignal<string>;
+    isRequiredSignal: ModelSignal<boolean>;
+    isDisabledSignal: ModelSignal<boolean>;
+    readonly showCountryCode: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly searchCtrl: FormControl<string | null>;
+    private readonly searchText;
+    readonly internalCountries: Country[];
+    readonly filteredCountries: _angular_core.Signal<Country[]>;
+    readonly selectedCountryDisplay: _angular_core.Signal<Country | undefined>;
+    readonly matSelect: _angular_core.Signal<MatSelect>;
+    readonly searchInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    private readonly fm;
+    private readonly elRef;
+    readonly ngControl: NgControl | null;
+    private readonly destroyRef;
+    private onChangeFn;
+    private onTouchedFn;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get value(): string | null;
+    set value(val: string | null);
+    get focused(): boolean;
+    get placeholder(): string;
+    set placeholder(plh: string);
+    get required(): boolean;
+    set required(req: boolean);
+    get disabled(): boolean;
+    set disabled(dis: boolean);
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get errorState(): boolean;
+    get touched(): boolean;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    private _filterCountries;
+    onSelectionChange(event: MatSelectChange): void;
+    clearSearch(event: MouseEvent): void;
+    onSelectOpened(): void;
+    onSelectClosed(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CountrySelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CountrySelectComponent, "emr-country-select", ["emrCountrySelect"], { "placeholderInputSignal": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isRequiredSignal": { "alias": "required"; "required": false; "isSignal": true; }; "isDisabledSignal": { "alias": "disabled"; "required": false; "isSignal": true; }; "showCountryCode": { "alias": "showCountryCode"; "required": false; "isSignal": true; }; }, { "isRequiredSignal": "requiredChange"; "isDisabledSignal": "disabledChange"; }, never, never, true, never>;
+}
+
+declare const countries: Country[];
+
+export { CountrySelectComponent, countries };
+export type { Country };

package/crop/index.d.ts

@@ -0,0 +1,59 @@
+import * as _angular_core from '@angular/core';
+import { AfterViewInit } from '@angular/core';
+
+interface CropSelection {
+    shape: 'rectangle' | 'circle';
+    pixels: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+        width: number;
+        height: number;
+    };
+    percentages: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+    containerWidth: number;
+    containerHeight: number;
+}
+interface CropInset {
+    top: number;
+    right: number;
+    bottom: number;
+    left: number;
+}
+type DragHandle = 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right' | 'top' | 'right' | 'bottom' | 'left' | 'move';
+declare class Crop implements AfterViewInit {
+    minWidth: _angular_core.InputSignal<number>;
+    minHeight: _angular_core.InputSignal<number>;
+    shape: _angular_core.InputSignal<"rectangle" | "circle">;
+    selectionApplied: _angular_core.OutputEmitterRef<CropSelection>;
+    isCircle: _angular_core.Signal<boolean>;
+    selection: _angular_core.WritableSignal<CropInset>;
+    private elementRef;
+    private activeDragHandle;
+    private startDragPosition;
+    private startDragSelection;
+    constructor();
+    ngAfterViewInit(): void;
+    private resetSelectionToSquare;
+    selectionStyle: _angular_core.Signal<{
+        top: string;
+        right: string;
+        bottom: string;
+        left: string;
+    }>;
+    onDragStart(event: MouseEvent, handle: DragHandle): void;
+    onDragEnd(): void;
+    private emitSelection;
+    onDrag(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<Crop, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<Crop, "emr-crop", never, { "minWidth": { "alias": "minWidth"; "required": false; "isSignal": true; }; "minHeight": { "alias": "minHeight"; "required": false; "isSignal": true; }; "shape": { "alias": "shape"; "required": false; "isSignal": true; }; }, { "selectionApplied": "selectionApplied"; }, never, ["*"], true, never>;
+}
+
+export { Crop };
+export type { CropSelection };

package/currency-select/index.d.ts

@@ -0,0 +1,78 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, OnDestroy, ElementRef } from '@angular/core';
+import { ControlValueAccessor, FormControl, NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { MatSelect, MatSelectChange } from '@angular/material/select';
+import { Subject } from 'rxjs';
+
+interface Currency {
+    countryCode: string;
+    code: string;
+    name: string;
+    flag?: string;
+    symbol: string;
+}
+
+declare class CurrencySelectComponent implements OnInit, OnDestroy, ControlValueAccessor, MatFormFieldControl<string | null> {
+    private _elementRef;
+    private _renderer;
+    static nextId: number;
+    id: string;
+    readonly stateChanges: Subject<void>;
+    controlType: string;
+    autofilled?: boolean;
+    private readonly _valueSignal;
+    private readonly _focusedSignal;
+    private _touched;
+    placeholderInputSignal: _angular_core.InputSignal<string>;
+    isRequiredSignal: _angular_core.ModelSignal<boolean>;
+    isDisabledSignal: _angular_core.ModelSignal<boolean>;
+    showCountryName: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly searchCtrl: FormControl<string | null>;
+    private readonly searchText;
+    readonly internalCurrencies: Currency[];
+    readonly filteredCurrencies: _angular_core.Signal<Currency[]>;
+    readonly selectedCurrencyDisplay: _angular_core.Signal<Currency | undefined>;
+    readonly matSelect: _angular_core.Signal<MatSelect>;
+    readonly searchInput: _angular_core.Signal<ElementRef<HTMLInputElement>>;
+    private readonly fm;
+    private readonly elRef;
+    readonly ngControl: NgControl | null;
+    private readonly destroyRef;
+    private onChangeFn;
+    private onTouchedFn;
+    constructor();
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    get value(): string | null;
+    set value(val: string | null);
+    get focused(): boolean;
+    get placeholder(): string;
+    set placeholder(plh: string);
+    get required(): boolean;
+    set required(req: boolean);
+    get disabled(): boolean;
+    set disabled(dis: boolean);
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get errorState(): boolean;
+    get touched(): boolean;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(): void;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    private _filterCurrencies;
+    onSelectionChange(event: MatSelectChange): void;
+    clearSearch(event: MouseEvent): void;
+    onSelectOpened(): void;
+    onSelectClosed(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<CurrencySelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<CurrencySelectComponent, "emr-currency-select", ["emrCurrencySelect"], { "placeholderInputSignal": { "alias": "placeholder"; "required": false; "isSignal": true; }; "isRequiredSignal": { "alias": "required"; "required": false; "isSignal": true; }; "isDisabledSignal": { "alias": "disabled"; "required": false; "isSignal": true; }; "showCountryName": { "alias": "showCountryName"; "required": false; "isSignal": true; }; }, { "isRequiredSignal": "requiredChange"; "isDisabledSignal": "disabledChange"; }, never, never, true, never>;
+}
+
+declare const currencies: Currency[];
+
+export { CurrencySelectComponent, currencies };
+export type { Currency };

package/dashboard/index.d.ts

@@ -0,0 +1,48 @@
+import * as _angular_core from '@angular/core';
+import { InputSignal, InjectionToken, OnInit } from '@angular/core';
+
+interface Dashboard {
+    markWidgetAsLoaded(id: any): void;
+}
+interface WidgetComponent {
+    id: InputSignal<any>;
+    widget?: InputSignal<any>;
+}
+interface WidgetConfig {
+    type: string;
+    skeleton?: any;
+    plain?: boolean;
+    component: () => Promise<any>;
+}
+interface WidgetItem {
+    id: any;
+    type?: string;
+    columns: number;
+    children?: WidgetItem[];
+    skeletonHeight?: string;
+    height?: string;
+    widget?: any;
+}
+declare const DASHBOARD: InjectionToken<unknown>;
+
+declare class DashboardComponent implements OnInit {
+    protected _skeletonMap: Map<string, any>;
+    protected _componentsMap: Map<string, any>;
+    readonly configs: _angular_core.InputSignal<WidgetConfig[]>;
+    readonly items: _angular_core.InputSignal<WidgetItem[]>;
+    readonly plain: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    readonly waitWhenAllWidgetLoaded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected _allLoaded: _angular_core.WritableSignal<boolean>;
+    protected _loadedWidgetsCount: _angular_core.WritableSignal<number>;
+    ngOnInit(): void;
+    markWidgetAsLoaded(id: any): void;
+    protected getWidgetConfig(type: string): WidgetConfig;
+    protected getSkeletonComponent(type: string): any;
+    protected getWidgetComponent(type: string): any;
+    protected getWidgetInputs(widgetItem: WidgetItem): any;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DashboardComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DashboardComponent, "emr-dashboard", ["emrDashboard"], { "configs": { "alias": "configs"; "required": false; "isSignal": true; }; "items": { "alias": "items"; "required": false; "isSignal": true; }; "plain": { "alias": "plain"; "required": false; "isSignal": true; }; "waitWhenAllWidgetLoaded": { "alias": "waitWhenAllWidgetLoaded"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { DASHBOARD, DashboardComponent };
+export type { Dashboard, WidgetComponent, WidgetConfig, WidgetItem };

package/data-view/index.d.ts

@@ -0,0 +1,127 @@
+import * as _angular_core from '@angular/core';
+import { TemplateRef, OnInit, Injector } from '@angular/core';
+import { MatTableDataSource, MatTable } from '@angular/material/table';
+import { MatCheckboxChange } from '@angular/material/checkbox';
+import { SelectionModel } from '@angular/cdk/collections';
+import { MatPaginator } from '@angular/material/paginator';
+import { Sort, MatSort } from '@angular/material/sort';
+
+interface DataView {
+    api: DataViewAPI;
+}
+interface DataViewAPI {
+    search(value: string): void;
+    selectAll(): void;
+    unselectAll(): void;
+}
+interface DataViewColumnDef {
+    name: string;
+    dataField: string;
+    dataRenderer?: string;
+    visible: boolean;
+    width?: string;
+    valueGetter?: (value: any) => any;
+}
+interface DataViewRowSelectionEvent<T> {
+    matCheckboxChange: MatCheckboxChange;
+    row: T;
+    checked: boolean;
+}
+interface DataViewCellRenderer {
+    dataRenderer: string;
+    component: () => Promise<any>;
+}
+interface DataViewCellRendererComponent {
+    element: any;
+    columnDef: any;
+    fieldData: any;
+}
+interface DataViewActionBarAPI {
+    setForceVisible: (visible: boolean) => void;
+}
+type DataViewRowModelType = 'clientSide' | 'serverSide';
+
+declare class DataViewEmptyDataDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataViewEmptyDataDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DataViewEmptyDataDirective, "[emrDataViewEmptyData]", ["emrDataViewEmptyData"], {}, {}, never, never, true, never>;
+}
+
+declare class DataViewEmptyFilterResultsDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataViewEmptyFilterResultsDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DataViewEmptyFilterResultsDirective, "[emrDataViewEmptyFilterResults]", ["emrDataViewEmptyFilterResults"], {}, {}, never, never, true, never>;
+}
+
+declare class DataViewActionBarDirective {
+    readonly templateRef: TemplateRef<any>;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataViewActionBarDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DataViewActionBarDirective, "[emrDataViewActionBar]", never, {}, {}, never, never, true, never>;
+}
+
+declare class DataViewComponent<T> implements OnInit, DataView {
+    private _cdr;
+    private _elementRef;
+    private _renderer;
+    protected _emptyDataRef: _angular_core.Signal<DataViewEmptyDataDirective | undefined>;
+    protected _emptyFilterResults: _angular_core.Signal<DataViewEmptyFilterResultsDirective | undefined>;
+    protected _actionBarRef: _angular_core.Signal<DataViewActionBarDirective | undefined>;
+    private _matTable;
+    private _matSort;
+    variant: _angular_core.InputSignal<string>;
+    paginator: _angular_core.InputSignal<MatPaginator | undefined>;
+    columnDefs: _angular_core.InputSignal<DataViewColumnDef[]>;
+    data: _angular_core.InputSignal<T[]>;
+    withSelection: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    highlightHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    rowModelType: _angular_core.InputSignal<DataViewRowModelType>;
+    withSorting: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    stickyHeader: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    hoverRows: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    displayedColumns: _angular_core.Signal<string[]>;
+    dataSource: _angular_core.Signal<MatTableDataSource<T, MatPaginator>>;
+    cellRenderers: _angular_core.InputSignal<DataViewCellRenderer[]>;
+    loading: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    search: _angular_core.InputSignal<string>;
+    protected injector: Injector;
+    protected selection: SelectionModel<T>;
+    protected cellRenderersMap: Map<string, any>;
+    protected loadingCellRenderers: boolean;
+    readonly rowSelectionChanged: _angular_core.OutputEmitterRef<DataViewRowSelectionEvent<T>>;
+    readonly selectionChanged: _angular_core.OutputEmitterRef<T[]>;
+    readonly allRowsSelectionChanged: _angular_core.OutputEmitterRef<boolean>;
+    readonly sortChange: _angular_core.OutputEmitterRef<Sort>;
+    get api(): DataViewAPI;
+    get noFilteredResults(): boolean;
+    get actionBarTemplateRef(): TemplateRef<any> | undefined;
+    protected get emptyTemplateRef(): TemplateRef<any>;
+    protected get emptyFilterResultsTemplateRef(): TemplateRef<any>;
+    protected get hasFilterValue(): boolean;
+    constructor();
+    ngOnInit(): void;
+    get matTable(): MatTable<T>;
+    get matSort(): MatSort;
+    hasCellRenderer(dataRenderer: string): boolean;
+    getCellRenderer(dataRenderer: string): any;
+    isAllSelected(): boolean;
+    toggleAllRows(): void;
+    rowSelectionToggle(event: MatCheckboxChange, row: T): void;
+    protected onSortChange(event: Sort): void;
+    private _selectAll;
+    private _unselectAll;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataViewComponent<any>, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataViewComponent<any>, "emr-data-view", ["emrDataView"], { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "paginator": { "alias": "paginator"; "required": false; "isSignal": true; }; "columnDefs": { "alias": "columnDefs"; "required": false; "isSignal": true; }; "data": { "alias": "data"; "required": false; "isSignal": true; }; "withSelection": { "alias": "withSelection"; "required": false; "isSignal": true; }; "highlightHeader": { "alias": "highlightHeader"; "required": false; "isSignal": true; }; "rowModelType": { "alias": "rowModelType"; "required": false; "isSignal": true; }; "withSorting": { "alias": "withSorting"; "required": false; "isSignal": true; }; "stickyHeader": { "alias": "stickyHeader"; "required": false; "isSignal": true; }; "hoverRows": { "alias": "hoverRows"; "required": false; "isSignal": true; }; "cellRenderers": { "alias": "cellRenderers"; "required": false; "isSignal": true; }; "loading": { "alias": "loading"; "required": false; "isSignal": true; }; "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "rowSelectionChanged": "rowSelectionChanged"; "selectionChanged": "selectionChanged"; "allRowsSelectionChanged": "allRowsSelectionChanged"; "sortChange": "sortChange"; }, ["_emptyDataRef", "_emptyFilterResults", "_actionBarRef"], never, true, never>;
+}
+
+declare class DataViewActionBarComponent {
+    forceVisible: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    protected _forceVisible: boolean;
+    get api(): DataViewActionBarAPI;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DataViewActionBarComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DataViewActionBarComponent, "emr-data-view-action-bar", ["emrDataViewActionBar"], { "forceVisible": { "alias": "forceVisible"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}
+
+declare function cellRenderer<T>(dataRenderer: string, component: any): DataViewCellRenderer;
+
+export { DataViewActionBarComponent, DataViewActionBarDirective, DataViewComponent, DataViewEmptyDataDirective, DataViewEmptyFilterResultsDirective, cellRenderer };
+export type { DataView, DataViewAPI, DataViewActionBarAPI, DataViewCellRenderer, DataViewCellRendererComponent, DataViewColumnDef, DataViewRowModelType, DataViewRowSelectionEvent };

package/date-format-select/index.d.ts

@@ -0,0 +1,56 @@
+import * as _angular_core from '@angular/core';
+import { OnDestroy } from '@angular/core';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
+import { MatFormFieldControl } from '@angular/material/form-field';
+import { MatSelect, MatSelectChange } from '@angular/material/select';
+import { Subject } from 'rxjs';
+
+type DateFormat = {
+    value: string;
+    name: string;
+};
+declare class DateFormatSelectComponent implements MatFormFieldControl<string>, ControlValueAccessor, OnDestroy {
+    private static nextId;
+    readonly matSelect: _angular_core.Signal<MatSelect>;
+    readonly dateFormats: _angular_core.InputSignal<DateFormat[]>;
+    private readonly _value;
+    private readonly _focused;
+    readonly _describedBy: _angular_core.WritableSignal<string>;
+    readonly stateChanges: Subject<void>;
+    readonly id: string;
+    readonly controlType = "date-format-input";
+    readonly autofilled = false;
+    get focused(): boolean;
+    get empty(): boolean;
+    get shouldLabelFloat(): boolean;
+    get errorState(): boolean;
+    get value(): string | null;
+    set value(val: string | null);
+    readonly ngControl: NgControl | null;
+    readonly placeholderInput: _angular_core.InputSignal<string>;
+    get placeholder(): string;
+    constructor();
+    private _required;
+    get required(): boolean;
+    set required(value: boolean | string);
+    private _disabled;
+    get disabled(): boolean;
+    set disabled(value: boolean | string);
+    ngOnDestroy(): void;
+    onFocus(): void;
+    onBlur(): void;
+    onSelectionChange(event: MatSelectChange): void;
+    setDescribedByIds(ids: string[]): void;
+    onContainerClick(): void;
+    private onChange;
+    private onTouched;
+    writeValue(value: string | null): void;
+    registerOnChange(fn: (value: unknown) => void): void;
+    registerOnTouched(fn: () => void): void;
+    setDisabledState(isDisabled: boolean): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DateFormatSelectComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DateFormatSelectComponent, "emr-date-format-select", ["emrDateFormatSelect"], { "dateFormats": { "alias": "dateFormats"; "required": false; "isSignal": true; }; "placeholderInput": { "alias": "placeholder"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}
+
+export { DateFormatSelectComponent };
+export type { DateFormat };

package/divider/index.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from '@angular/core';
+
+declare class HorizontalDividerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<HorizontalDividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<HorizontalDividerComponent, "emr-horizontal-divider,emr-h-divider", ["emrHorizontalDivider"], {}, {}, never, ["*"], true, never>;
+}
+
+declare class VerticalDividerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<VerticalDividerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<VerticalDividerComponent, "emr-vertical-divider,emr-v-divider", ["emrVerticalDivider"], {}, {}, never, never, true, never>;
+}
+
+export { HorizontalDividerComponent, VerticalDividerComponent };

package/drawer/index.d.ts

@@ -0,0 +1,35 @@
+import * as _angular_core from '@angular/core';
+import { Signal, InjectionToken } from '@angular/core';
+
+declare class DrawerComponent {
+    private renderer;
+    private elementRef;
+    private document;
+    readonly initialIsOpen: _angular_core.InputSignal<boolean | undefined>;
+    readonly showBackdrop: _angular_core.InputSignal<boolean>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    private internalIsOpen;
+    private drawerContainerElement;
+    private previousInternalIsOpenState;
+    private justOpenedWithoutBackdrop;
+    protected _isOpen: Signal<boolean>;
+    constructor();
+    private getDrawerContainer;
+    open(): void;
+    close(): void;
+    get isOpened(): boolean;
+    protected onKeydownHandler(event: Event): void;
+    protected onDocumentClickHandler(event: MouseEvent): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<DrawerComponent, "emr-drawer", ["emrDrawer"], { "initialIsOpen": { "alias": "isOpen"; "required": false; "isSignal": true; }; "showBackdrop": { "alias": "showBackdrop"; "required": false; "isSignal": true; }; }, { "closed": "closed"; "opened": "opened"; }, never, ["*"], true, never>;
+}
+
+declare class DrawerIgnoreOutsideClickDirective {
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<DrawerIgnoreOutsideClickDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<DrawerIgnoreOutsideClickDirective, "[emrDrawerIgnoreOutsideClick]", never, {}, {}, never, never, true, never>;
+}
+
+declare const DRAWER: InjectionToken<unknown>;
+
+export { DRAWER, DrawerComponent, DrawerIgnoreOutsideClickDirective };

package/emoji-picker/index.d.ts

@@ -0,0 +1,49 @@
+import * as _angular_core from '@angular/core';
+import { OnInit, TemplateRef } from '@angular/core';
+import * as _elementar_rt_components_overlay from '@elementar-rt/components/overlay';
+
+declare class EmojiPickerComponent implements OnInit {
+    private _trigger;
+    private _localeId;
+    language: _angular_core.InputSignal<string>;
+    selectEmojiLabel: _angular_core.InputSignal<string>;
+    readonly emojiSelected: _angular_core.OutputEmitterRef<string>;
+    protected loaded: _angular_core.WritableSignal<boolean>;
+    protected groups: _angular_core.WritableSignal<any[]>;
+    protected _hoveredEmoji: _angular_core.WritableSignal<any>;
+    protected _skeletonEmoji: _angular_core.WritableSignal<any[]>;
+    ngOnInit(): Promise<void>;
+    select(emoji: any): void;
+    hoverEmoji(emoji: any): void;
+    onMouseLeave(): void;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmojiPickerComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<EmojiPickerComponent, "emr-emoji-picker", ["emrEmojiPicker"], { "language": { "alias": "language"; "required": false; "isSignal": true; }; "selectEmojiLabel": { "alias": "selectEmojiLabel"; "required": false; "isSignal": true; }; }, { "emojiSelected": "emojiSelected"; }, never, never, true, never>;
+}
+
+declare class EmojiPickerTriggerForDirective {
+    private _overlay;
+    private _elementRef;
+    private _directionality;
+    private _viewContainerRef;
+    private _injector;
+    private _overlayRef;
+    private _destroyRef;
+    for: _angular_core.InputSignal<TemplateRef<any>>;
+    position: _angular_core.InputSignal<_elementar_rt_components_overlay.OverlayPosition>;
+    readonly opened: _angular_core.OutputEmitterRef<void>;
+    readonly closed: _angular_core.OutputEmitterRef<void>;
+    get api(): {
+        close: () => void;
+    };
+    protected _onClick(event: Event): void;
+    private _close;
+    private _subscribeToOutsideClicks;
+    private _getPopoverContentPortal;
+    private _getOverlayConfig;
+    private _getOverlayPositionStrategy;
+    private _getOverlayPositions;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<EmojiPickerTriggerForDirective, never>;
+    static ɵdir: _angular_core.ɵɵDirectiveDeclaration<EmojiPickerTriggerForDirective, "[emrEmojiPickerTriggerFor]", ["emrEmojiPickerTriggerFor"], { "for": { "alias": "emrEmojiPickerTriggerFor"; "required": true; "isSignal": true; }; "position": { "alias": "position"; "required": false; "isSignal": true; }; }, { "opened": "opened"; "closed": "closed"; }, never, never, true, never>;
+}
+
+export { EmojiPickerComponent, EmojiPickerTriggerForDirective };

package/expand/index.d.ts

@@ -0,0 +1,26 @@
+import * as _angular_core from '@angular/core';
+
+declare class ExpandComponent {
+    private _elementRef;
+    expanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    color: _angular_core.InputSignal<string>;
+    expandLabel: _angular_core.InputSignal<string>;
+    collapseLabel: _angular_core.InputSignal<string>;
+    showButtonIfExpanded: _angular_core.InputSignalWithTransform<boolean, unknown>;
+    height: _angular_core.InputSignal<string>;
+    readonly expandedChange: _angular_core.OutputEmitterRef<boolean>;
+    protected _expanded: boolean;
+    constructor();
+    get api(): {
+        expand: () => void;
+        collapse: () => void;
+        toggle: () => void;
+    };
+    private _toggle;
+    private _expand;
+    private _collapse;
+    static ɵfac: _angular_core.ɵɵFactoryDeclaration<ExpandComponent, never>;
+    static ɵcmp: _angular_core.ɵɵComponentDeclaration<ExpandComponent, "emr-expand", ["emrExpand"], { "expanded": { "alias": "expanded"; "required": false; "isSignal": true; }; "color": { "alias": "color"; "required": false; "isSignal": true; }; "expandLabel": { "alias": "expandLabel"; "required": false; "isSignal": true; }; "collapseLabel": { "alias": "collapseLabel"; "required": false; "isSignal": true; }; "showButtonIfExpanded": { "alias": "showButtonIfExpanded"; "required": false; "isSignal": true; }; "height": { "alias": "height"; "required": false; "isSignal": true; }; }, { "expandedChange": "expandedChange"; }, never, ["*"], true, never>;
+}
+
+export { ExpandComponent };

package/fesm2022/elementar-rt-components-action-required.mjs

@@ -0,0 +1,30 @@
+import * as i0 from '@angular/core';
+import { input, output, Component } from '@angular/core';
+import { MatButton } from '@angular/material/button';
+import { MatIcon } from '@angular/material/icon';
+
+class ActionRequiredComponent {
+    actionText = input(...(ngDevMode ? [undefined, { debugName: "actionText" }] : []));
+    iconName = input(...(ngDevMode ? [undefined, { debugName: "iconName" }] : []));
+    description = input.required(...(ngDevMode ? [{ debugName: "description" }] : []));
+    buttonText = input.required(...(ngDevMode ? [{ debugName: "buttonText" }] : []));
+    buttonClicked = output();
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ActionRequiredComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "20.3.10", type: ActionRequiredComponent, isStandalone: true, selector: "emr-action-required", inputs: { actionText: { classPropertyName: "actionText", publicName: "actionText", isSignal: true, isRequired: false, transformFunction: null }, iconName: { classPropertyName: "iconName", publicName: "iconName", isSignal: true, isRequired: false, transformFunction: null }, description: { classPropertyName: "description", publicName: "description", isSignal: true, isRequired: true, transformFunction: null }, buttonText: { classPropertyName: "buttonText", publicName: "buttonText", isSignal: true, isRequired: true, transformFunction: null } }, outputs: { buttonClicked: "buttonClicked" }, host: { classAttribute: "emr-action-required" }, exportAs: ["emrActionRequired"], ngImport: i0, template: "<div class=\"action-text\">\r\n  <mat-icon>{{ iconName() || 'error' }}</mat-icon>\r\n  {{ actionText() || 'Action Required' }}\r\n</div>\r\n<div class=\"description\">{{ description() }}</div>\r\n<button mat-flat-button class=\"button\" (click)=\"buttonClicked.emit()\">\r\n  {{ buttonText() }}\r\n<!--  <mat-icon>arrow_forward</mat-icon>-->\r\n</button>\r\n", styles: [":host{--emr-action-required-bg: #FFCDD2;--emr-action-action-text-bg: #fff;--emr-action-text-color: inherit;display:flex;width:100%;border-radius:1.5rem;padding:calc(var(--spacing, .25rem) * 7);gap:calc(var(--spacing, .25rem) * 8);align-items:center;background-color:var(--emr-action-required-bg);color:var(--emr-action-text-color)}:host .action-text{display:flex;border-radius:var(--radius-2xl, 1rem);background:var(--emr-action-action-text-bg);padding:calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 2.5);align-items:center;flex:none;font-size:var(--text-md);gap:calc(var(--spacing, .25rem) * 1.5)}:host .description{flex-grow:1}:host .button{flex:none}:host-context(html.dark){--emr-action-required-bg: #9C7D81;--emr-action-action-text-bg: #8C7174}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"], dependencies: [{ kind: "component", type: MatButton, selector: "    button[matButton], a[matButton], button[mat-button], button[mat-raised-button],    button[mat-flat-button], button[mat-stroked-button], a[mat-button], a[mat-raised-button],    a[mat-flat-button], a[mat-stroked-button]  ", inputs: ["matButton"], exportAs: ["matButton", "matAnchor"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.10", ngImport: i0, type: ActionRequiredComponent, decorators: [{
+            type: Component,
+            args: [{ selector: 'emr-action-required', exportAs: 'emrActionRequired', imports: [
+                        MatButton,
+                        MatIcon
+                    ], host: {
+                        'class': 'emr-action-required',
+                    }, template: "<div class=\"action-text\">\r\n  <mat-icon>{{ iconName() || 'error' }}</mat-icon>\r\n  {{ actionText() || 'Action Required' }}\r\n</div>\r\n<div class=\"description\">{{ description() }}</div>\r\n<button mat-flat-button class=\"button\" (click)=\"buttonClicked.emit()\">\r\n  {{ buttonText() }}\r\n<!--  <mat-icon>arrow_forward</mat-icon>-->\r\n</button>\r\n", styles: [":host{--emr-action-required-bg: #FFCDD2;--emr-action-action-text-bg: #fff;--emr-action-text-color: inherit;display:flex;width:100%;border-radius:1.5rem;padding:calc(var(--spacing, .25rem) * 7);gap:calc(var(--spacing, .25rem) * 8);align-items:center;background-color:var(--emr-action-required-bg);color:var(--emr-action-text-color)}:host .action-text{display:flex;border-radius:var(--radius-2xl, 1rem);background:var(--emr-action-action-text-bg);padding:calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 3) calc(var(--spacing, .25rem) * 2.5) calc(var(--spacing, .25rem) * 2.5);align-items:center;flex:none;font-size:var(--text-md);gap:calc(var(--spacing, .25rem) * 1.5)}:host .description{flex-grow:1}:host .button{flex:none}:host-context(html.dark){--emr-action-required-bg: #9C7D81;--emr-action-action-text-bg: #8C7174}\n/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */\n"] }]
+        }], propDecorators: { actionText: [{ type: i0.Input, args: [{ isSignal: true, alias: "actionText", required: false }] }], iconName: [{ type: i0.Input, args: [{ isSignal: true, alias: "iconName", required: false }] }], description: [{ type: i0.Input, args: [{ isSignal: true, alias: "description", required: true }] }], buttonText: [{ type: i0.Input, args: [{ isSignal: true, alias: "buttonText", required: true }] }], buttonClicked: [{ type: i0.Output, args: ["buttonClicked"] }] } });
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ActionRequiredComponent };
+//# sourceMappingURL=elementar-rt-components-action-required.mjs.map

package/fesm2022/elementar-rt-components-action-required.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"elementar-rt-components-action-required.mjs","sources":["../../../projects/components/action-required/src/action-required/action-required.component.ts","../../../projects/components/action-required/src/action-required/action-required.component.html","../../../projects/components/action-required/elementar-rt-components-action-required.ts"],"sourcesContent":["import { Component, input, output } from '@angular/core';\r\nimport { MatButton } from '@angular/material/button';\r\nimport { MatIcon } from '@angular/material/icon';\r\n\r\n@Component({\r\n  selector: 'emr-action-required',\r\n  exportAs: 'emrActionRequired',\r\n  imports: [\r\n    MatButton,\r\n    MatIcon\r\n  ],\r\n  templateUrl: './action-required.component.html',\r\n  styleUrl: './action-required.component.scss',\r\n  host: {\r\n    'class': 'emr-action-required',\r\n  }\r\n})\r\nexport class ActionRequiredComponent {\r\n  actionText = input();\r\n  iconName = input();\r\n  description = input.required();\r\n  buttonText = input.required();\r\n\r\n  readonly buttonClicked = output<void>();\r\n}\r\n","<div class=\"action-text\">\r\n  <mat-icon>{{ iconName() || 'error' }}</mat-icon>\r\n  {{ actionText() || 'Action Required' }}\r\n</div>\r\n<div class=\"description\">{{ description() }}</div>\r\n<button mat-flat-button class=\"button\" (click)=\"buttonClicked.emit()\">\r\n  {{ buttonText() }}\r\n<!--  <mat-icon>arrow_forward</mat-icon>-->\r\n</button>\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":";;;;;MAiBa,uBAAuB,CAAA;IAClC,UAAU,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,YAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAE;IACpB,QAAQ,GAAG,KAAK,CAAA,IAAA,SAAA,GAAA,CAAA,SAAA,EAAA,EAAA,SAAA,EAAA,UAAA,EAAA,CAAA,GAAA,EAAA,CAAA,CAAE;AAClB,IAAA,WAAW,GAAG,KAAK,CAAC,QAAQ,sDAAE;AAC9B,IAAA,UAAU,GAAG,KAAK,CAAC,QAAQ,qDAAE;IAEpB,aAAa,GAAG,MAAM,EAAQ;wGAN5B,uBAAuB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA;AAAvB,IAAA,OAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,uBAAuB,EAAA,YAAA,EAAA,IAAA,EAAA,QAAA,EAAA,qBAAA,EAAA,MAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,QAAA,EAAA,EAAA,iBAAA,EAAA,UAAA,EAAA,UAAA,EAAA,UAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,KAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,WAAA,EAAA,EAAA,iBAAA,EAAA,aAAA,EAAA,UAAA,EAAA,aAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,UAAA,EAAA,EAAA,iBAAA,EAAA,YAAA,EAAA,UAAA,EAAA,YAAA,EAAA,QAAA,EAAA,IAAA,EAAA,UAAA,EAAA,IAAA,EAAA,iBAAA,EAAA,IAAA,EAAA,EAAA,EAAA,OAAA,EAAA,EAAA,aAAA,EAAA,eAAA,EAAA,EAAA,IAAA,EAAA,EAAA,cAAA,EAAA,qBAAA,EAAA,EAAA,QAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,QAAA,EAAA,EAAA,EAAA,QAAA,ECjBpC,wWASA,EAAA,MAAA,EAAA,CAAA,24BAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EDDI,SAAS,yUACT,OAAO,EAAA,QAAA,EAAA,UAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,SAAA,EAAA,SAAA,EAAA,UAAA,CAAA,EAAA,QAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA;;4FAQE,uBAAuB,EAAA,UAAA,EAAA,CAAA;kBAbnC,SAAS;+BACE,qBAAqB,EAAA,QAAA,EACrB,mBAAmB,EAAA,OAAA,EACpB;wBACP,SAAS;wBACT;qBACD,EAAA,IAAA,EAGK;AACJ,wBAAA,OAAO,EAAE,qBAAqB;AAC/B,qBAAA,EAAA,QAAA,EAAA,wWAAA,EAAA,MAAA,EAAA,CAAA,24BAAA,CAAA,EAAA;;;AEfH;;AAEG;;;;"}