mn-angular-lib 0.0.88 → 0.0.90

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "mn-angular-lib",
-  "version": "0.0.88",
+  "version": "0.0.90",
   "peerDependencies": {
     "@angular/common": "^21.1.3",
     "@angular/core": "^21.1.3"

package/src/lib/features/mn-list/mn-list.component.css

@@ -0,0 +1 @@
+/* All styling uses Tailwind utility classes in the template */

package/types/mn-angular-lib.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Provider, TemplateRef, OnInit, Type, ComponentRef, AfterViewInit, OnDestroy, ElementRef, ChangeDetectorRef, EventEmitter, QueryList, ViewContainerRef, DoCheck, OnChanges, SimpleChanges, PipeTransform } from '@angular/core';
+import { InjectionToken, Provider, TemplateRef, OnInit, ElementRef, Type, ComponentRef, AfterViewInit, OnDestroy, ChangeDetectorRef, EventEmitter, QueryList, ViewContainerRef, DoCheck, OnChanges, SimpleChanges, PipeTransform } from '@angular/core';
 export { TemplateRef, Type } from '@angular/core';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
@@ -1701,11 +1701,19 @@ declare class MnMultiSelect implements OnInit {
     private readonly elRef;
     private readonly lang;
     private readonly destroyRef;
+    /** Reference to the trigger element for positioning the dropdown */
+    triggerRef: ElementRef<HTMLElement>;
     /** Currently selected values */
     selectedValues: unknown[];
     isOpen: boolean;
     isDisabled: boolean;
     searchTerm: string;
+    /** Dropdown position calculated from trigger bounding rect */
+    dropdownStyle: {
+        top: string;
+        left: string;
+        width: string;
+    };
     private onChange;
     private onTouched;
     private readonly builtInErrorMessages;
@@ -1717,7 +1725,11 @@ declare class MnMultiSelect implements OnInit {
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
     toggle(): void;
+    /** Calculates the fixed position for the dropdown based on the trigger element */
+    private updateDropdownPosition;
     onDocumentClick(event: Event): void;
+    /** Closes the dropdown when the page or a scrollable parent is scrolled */
+    onWindowScrollOrResize(): void;
     toggleOption(option: MnMultiSelectOption): void;
     removeOption(option: MnMultiSelectOption, event: Event): void;
     isSelected(option: MnMultiSelectOption): boolean;
@@ -2867,6 +2879,7 @@ declare class MnModalShellComponent<TResult = any> implements OnInit, AfterViewI
     asCustom(config: any): any;
     asAny(val: any): any;
     get hostClasses(): string;
+    /** Triggers the closing animation. Deferred to avoid NG0100 when called during a CD cycle. */
     startClosing(): Promise<void>;
     onEscapeKey(event: any): void;
     onBackdropClick(): void;
@@ -3185,6 +3198,95 @@ declare class MnHiddenBelowDirective implements OnChanges {
     static ɵdir: i0.ɵɵDirectiveDeclaration<MnHiddenBelowDirective, "[mnHiddenBelow]", never, { "mnHiddenBelow": { "alias": "mnHiddenBelow"; "required": false; }; }, {}, never, never, true, never>;
 }
 
+interface ListAppearance {
+    /** Show a divider between items. Defaults to true. */
+    dividers?: boolean;
+    /** Highlight item on hover. Defaults to true. */
+    hover?: boolean;
+    /** Use compact (smaller) padding. */
+    compact?: boolean;
+    /** Show a border around the list. */
+    bordered?: boolean;
+}
+interface ListDataSource<T> {
+    dataRows: BehaviorSubject<T[]>;
+    getID: (row: T) => string;
+    /** Template used to render each list item. Receives the item as `$implicit` and `data`. */
+    itemTemplate: TemplateRef<any>;
+    emptyMessage: string;
+    emptyTemplate?: TemplateRef<any>;
+    isDataLoading: boolean;
+    canSearch: boolean;
+    searchPlaceholder?: string;
+    isInSearch?: (row: T, searchValue: string) => boolean;
+    searchForAdditionalItems?: (searchValue: string) => Promise<T[]>;
+    paginationMode?: 'none' | 'load-more' | 'paginated' | 'infinite-scroll';
+    paginationStrategy?: PaginationStrategy;
+    loadAdditionalRows?: () => Promise<T[]>;
+    /** Number of items per page when paginationMode is 'paginated'. Defaults to 10. */
+    pageSize?: number;
+    /** Options for the page-size selector dropdown. Defaults to [5, 10, 25, 50]. */
+    pageSizeOptions?: number[];
+    selectionMode?: 'none' | 'single' | 'multi';
+    selectedRows?: BehaviorSubject<T[]>;
+    /** IDs to pre-select when the list initializes. */
+    initialSelectedIds?: string[];
+    onItemClick?: (item: T) => void;
+    appearance?: ListAppearance;
+    toolbarTemplate?: TemplateRef<any>;
+    labels?: ListLabels;
+}
+interface ListLabels {
+    loadMore?: string;
+    rowsPerPage?: string;
+}
+
+declare class MnList<T = any> implements OnInit, OnDestroy, DoCheck {
+    dataSource: ListDataSource<T>;
+    selectionChange: EventEmitter<T[]>;
+    itemClick: EventEmitter<T>;
+    filteredItems: T[];
+    paginatedItems: T[];
+    searchValue: string;
+    loadingMoreRows: boolean;
+    selectedIds: Set<string>;
+    currentPage: number;
+    pageSize: number;
+    private cdr;
+    private dataSubscription?;
+    private searchSubject;
+    private searchSubscription?;
+    /** Tracks the previous toolbar template reference for change detection. */
+    private previousToolbarTemplate?;
+    ngDoCheck(): void;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onSearch(searchString: string): void;
+    isSelected(item: T): boolean;
+    toggleItem(item: T): void;
+    toggleAll(): void;
+    get allSelected(): boolean;
+    get hasSelection(): boolean;
+    get isMultiSelect(): boolean;
+    onItemClick(item: T): void;
+    loadMoreRows(): void;
+    get showLoadMore(): boolean;
+    get isPaginated(): boolean;
+    get totalPages(): number;
+    get resolvedPageSizeOptions(): number[];
+    goToPage(page: number): void;
+    onPageSizeChange(newSize: number): void;
+    get visiblePages(): number[];
+    trackByID: (_index: number, item: T) => string;
+    get skeletonRows(): number[];
+    private applyPagination;
+    private applyFilter;
+    private processLoadedRows;
+    private emitSelection;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MnList<any>, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MnList<any>, "mn-list", never, { "dataSource": { "alias": "dataSource"; "required": false; }; }, { "selectionChange": "selectionChange"; "itemClick": "itemClick"; }, never, never, true, never>;
+}
+
 /**
  * Colour scheme applied to calendar events.
  *
@@ -4499,5 +4601,5 @@ interface MnPreviewMessage {
  */
 declare function enableMnPreviewMode(configService: MnConfigService, langService: MnLanguageService, allowedOrigins?: string[]): void;
 
-export { API_BASE_URL, ActionStyle, BackdropMode, BaseModalBuilder, CALENDAR_CONFIG, CALENDAR_DATE_FORMATTER, CalendarDayComponent, CalendarEventComponent, CalendarEventDefaultComponent, CalendarEventLayoutService, CalendarMonthComponent, CalendarUtility, CalendarView, CalendarViewComponent, CalendarWeekComponent, CloseMode, ColumnSortType, ConfirmationModalBuilder, ConfirmationTone, CrudService, CustomModalBuilder, DEFAULT_CALENDAR_CONFIG, DEFAULT_MN_ALERT_CONFIG, DefaultCalendarDateFormatter, FieldAppearance, FieldKind, FormLayoutMode, FormModalBuilder, KeyboardMode, MN_ALERT_CONFIG, MN_CALENDAR_COMPONENT_NAME, MN_CALENDAR_CONFIG, MN_CHECKBOX_CONFIG, MN_DATETIME_CONFIG, MN_INPUT_FIELD_CONFIG, MN_INSTANCE_ID, MN_LIB_DUAL_HORIZONTAL_IMAGE, MN_MULTI_SELECT_CONFIG, MN_SECTION_PATH, MN_TEXTAREA_CONFIG, MnAlertOutletComponent, MnAlertService, MnAlertStore, MnButton, MnCheckbox, MnConfigService, MnConfirmationBodyComponent, MnCustomBodyHostComponent, MnDatetime, MnDualHorizontalImage, MnFormBodyComponent, MnHiddenBelowDirective, MnInformationCard, MnInputField, MnInstanceDirective, MnLanguageService, MnModalRef, MnModalService, MnModalShellComponent, MnMultiSelect, MnSectionDirective, MnTabComponent, MnTable, MnTextarea, MnTranslatePipe, MnWizardBodyComponent, ModalBuilder, ModalCloseReason, ModalIntent, ModalKind, ModalSize, NavigationDirection, OptionState, SelectionMode, StepBuilder, StepState, SubmitMode, UpcomingEventRowComponent, UpcomingEventsComponent, ValidationCode, ValidationStatus, WizardFlowMode, WizardModalBuilder, dateTimeAdapter, defaultTextAdapter, enableMnPreviewMode, isTranslatable, mnAlertVariants, mnButtonVariants, mnCheckboxVariants, mnDatetimeVariants, mnInformationCardVariants, mnInputFieldVariants, mnMultiSelectVariants, mnTextareaVariants, numberAdapter, pickAdapter, provideMnAlerts, provideMnCalendarConfig, provideMnComponentConfig, provideMnConfig, provideMnLanguage, resolveCalendarConfig };
-export type { AnimationOptions, ApiError, BaseModalConfig, CalendarButton, CalendarConfig, CalendarDateFormatter, CalendarEvent, CalendarEventData, CancellationActionConfig, CheckboxFieldConfig, ColorFieldConfig, ColorPreset, ColumnDay, ColumnDefinition, ColumnFilterOption, ColumnFilterState, ColumnFilterType, ConfirmationActionConfig, ConfirmationModalConfig, CrudConfig, CurrentTimeCalendarEvent, CursorPaginationStrategy, CustomFieldConfig, CustomModalConfig, DateFieldConfig, DatetimeFieldConfig, FailureResult, FieldDataSource, FieldValidator, FieldVisibilityCondition, FileFieldConfig, FormFieldConfig, FormFieldGroup, FormModalConfig, FormRow, FormRowField, FormValidator, HourRow, MnAlert, MnAlertConfig, MnAlertId, MnAlertKind, MnAlertTemplateContext, MnAlertVariants, MnButtonTypes, MnButtonVariants, MnCheckboxErrorMessageData, MnCheckboxErrorMessagesData, MnCheckboxProps, MnCheckboxUIConfig, MnCheckboxVariants, MnConfigFile, MnConfigSettings, MnConfigValue, MnDatetimeErrorMessageData, MnDatetimeErrorMessagesData, MnDatetimeMode, MnDatetimeProps, MnDatetimeUIConfig, MnDatetimeVariants, MnDomAttrs, MnDualHorizontalImageConfig, MnDualHorizontalImageTypes, MnErrorMessageData, MnErrorMessagesData, MnImageType, MnInformationCardBaseData, MnInformationCardData, MnInformationCardVariants, MnInputAdapter, MnInputBaseProps, MnInputDateTimeProps, MnInputFieldProps, MnInputFieldUIConfig, MnInputProps, MnInputType, MnInputVariants, MnLanguageConfig, MnMultiSelectErrorMessageData, MnMultiSelectErrorMessagesData, MnMultiSelectOption, MnMultiSelectProps, MnMultiSelectUIConfig, MnMultiSelectVariants, MnPreviewMessage, MnShowInput, MnTabDataSource, MnTabItem, MnTextareaErrorMessageData, MnTextareaErrorMessagesData, MnTextareaProps, MnTextareaUIConfig, MnTextareaVariants, MnTranslatable, MnTranslationMap, MnTranslations, ModalCancelHandler, ModalCloseEvent, ModalConfig, ModalFooterAction, ModalI18nLabels, ModalInputMap, ModalPollingConfig, ModalRef, ModalResultHandler, ModalStepId, MonthItem, MultiSelectFieldConfig, MultiSelectTableFieldConfig, NumberFieldConfig, OffsetPaginationStrategy, PaginationStrategy, PasswordFieldConfig, Primitive, QueryParams, QueryValue, RatingFieldConfig, Result, ResultMeta, SelectFieldConfig, SelectOption, SingleSelectTableFieldConfig, SliderFieldConfig, SortState, StepBodyConfig, StepGuard, StepValidator, SuccessResult, TableAppearance, TableDataSource, TableLabels, TextFieldConfig, TextareaFieldConfig, ValidationResult, WizardBeforeCompleteValidator, WizardModalConfig, WizardResult, WizardStepChangeEvent, WizardStepChangeHandler, WizardStepConfig };
+export { API_BASE_URL, ActionStyle, BackdropMode, BaseModalBuilder, CALENDAR_CONFIG, CALENDAR_DATE_FORMATTER, CalendarDayComponent, CalendarEventComponent, CalendarEventDefaultComponent, CalendarEventLayoutService, CalendarMonthComponent, CalendarUtility, CalendarView, CalendarViewComponent, CalendarWeekComponent, CloseMode, ColumnSortType, ConfirmationModalBuilder, ConfirmationTone, CrudService, CustomModalBuilder, DEFAULT_CALENDAR_CONFIG, DEFAULT_MN_ALERT_CONFIG, DefaultCalendarDateFormatter, FieldAppearance, FieldKind, FormLayoutMode, FormModalBuilder, KeyboardMode, MN_ALERT_CONFIG, MN_CALENDAR_COMPONENT_NAME, MN_CALENDAR_CONFIG, MN_CHECKBOX_CONFIG, MN_DATETIME_CONFIG, MN_INPUT_FIELD_CONFIG, MN_INSTANCE_ID, MN_LIB_DUAL_HORIZONTAL_IMAGE, MN_MULTI_SELECT_CONFIG, MN_SECTION_PATH, MN_TEXTAREA_CONFIG, MnAlertOutletComponent, MnAlertService, MnAlertStore, MnButton, MnCheckbox, MnConfigService, MnConfirmationBodyComponent, MnCustomBodyHostComponent, MnDatetime, MnDualHorizontalImage, MnFormBodyComponent, MnHiddenBelowDirective, MnInformationCard, MnInputField, MnInstanceDirective, MnLanguageService, MnList, MnModalRef, MnModalService, MnModalShellComponent, MnMultiSelect, MnSectionDirective, MnTabComponent, MnTable, MnTextarea, MnTranslatePipe, MnWizardBodyComponent, ModalBuilder, ModalCloseReason, ModalIntent, ModalKind, ModalSize, NavigationDirection, OptionState, SelectionMode, StepBuilder, StepState, SubmitMode, UpcomingEventRowComponent, UpcomingEventsComponent, ValidationCode, ValidationStatus, WizardFlowMode, WizardModalBuilder, dateTimeAdapter, defaultTextAdapter, enableMnPreviewMode, isTranslatable, mnAlertVariants, mnButtonVariants, mnCheckboxVariants, mnDatetimeVariants, mnInformationCardVariants, mnInputFieldVariants, mnMultiSelectVariants, mnTextareaVariants, numberAdapter, pickAdapter, provideMnAlerts, provideMnCalendarConfig, provideMnComponentConfig, provideMnConfig, provideMnLanguage, resolveCalendarConfig };
+export type { AnimationOptions, ApiError, BaseModalConfig, CalendarButton, CalendarConfig, CalendarDateFormatter, CalendarEvent, CalendarEventData, CancellationActionConfig, CheckboxFieldConfig, ColorFieldConfig, ColorPreset, ColumnDay, ColumnDefinition, ColumnFilterOption, ColumnFilterState, ColumnFilterType, ConfirmationActionConfig, ConfirmationModalConfig, CrudConfig, CurrentTimeCalendarEvent, CursorPaginationStrategy, CustomFieldConfig, CustomModalConfig, DateFieldConfig, DatetimeFieldConfig, FailureResult, FieldDataSource, FieldValidator, FieldVisibilityCondition, FileFieldConfig, FormFieldConfig, FormFieldGroup, FormModalConfig, FormRow, FormRowField, FormValidator, HourRow, ListAppearance, ListDataSource, ListLabels, MnAlert, MnAlertConfig, MnAlertId, MnAlertKind, MnAlertTemplateContext, MnAlertVariants, MnButtonTypes, MnButtonVariants, MnCheckboxErrorMessageData, MnCheckboxErrorMessagesData, MnCheckboxProps, MnCheckboxUIConfig, MnCheckboxVariants, MnConfigFile, MnConfigSettings, MnConfigValue, MnDatetimeErrorMessageData, MnDatetimeErrorMessagesData, MnDatetimeMode, MnDatetimeProps, MnDatetimeUIConfig, MnDatetimeVariants, MnDomAttrs, MnDualHorizontalImageConfig, MnDualHorizontalImageTypes, MnErrorMessageData, MnErrorMessagesData, MnImageType, MnInformationCardBaseData, MnInformationCardData, MnInformationCardVariants, MnInputAdapter, MnInputBaseProps, MnInputDateTimeProps, MnInputFieldProps, MnInputFieldUIConfig, MnInputProps, MnInputType, MnInputVariants, MnLanguageConfig, MnMultiSelectErrorMessageData, MnMultiSelectErrorMessagesData, MnMultiSelectOption, MnMultiSelectProps, MnMultiSelectUIConfig, MnMultiSelectVariants, MnPreviewMessage, MnShowInput, MnTabDataSource, MnTabItem, MnTextareaErrorMessageData, MnTextareaErrorMessagesData, MnTextareaProps, MnTextareaUIConfig, MnTextareaVariants, MnTranslatable, MnTranslationMap, MnTranslations, ModalCancelHandler, ModalCloseEvent, ModalConfig, ModalFooterAction, ModalI18nLabels, ModalInputMap, ModalPollingConfig, ModalRef, ModalResultHandler, ModalStepId, MonthItem, MultiSelectFieldConfig, MultiSelectTableFieldConfig, NumberFieldConfig, OffsetPaginationStrategy, PaginationStrategy, PasswordFieldConfig, Primitive, QueryParams, QueryValue, RatingFieldConfig, Result, ResultMeta, SelectFieldConfig, SelectOption, SingleSelectTableFieldConfig, SliderFieldConfig, SortState, StepBodyConfig, StepGuard, StepValidator, SuccessResult, TableAppearance, TableDataSource, TableLabels, TextFieldConfig, TextareaFieldConfig, ValidationResult, WizardBeforeCompleteValidator, WizardModalConfig, WizardResult, WizardStepChangeEvent, WizardStepChangeHandler, WizardStepConfig };