mn-angular-lib 1.0.5 → 1.0.7

package/package.json

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

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

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { InjectionToken, Provider, TemplateRef, OnInit, ElementRef, Type, ComponentRef, AfterViewInit, OnDestroy, ChangeDetectorRef, EventEmitter, QueryList, ViewContainerRef, DoCheck, OnChanges, SimpleChanges, PipeTransform } from '@angular/core';
+import { InjectionToken, Provider, TemplateRef, OnInit, OnChanges, EventEmitter, ElementRef, Type, ComponentRef, AfterViewInit, OnDestroy, ChangeDetectorRef, QueryList, ViewContainerRef, DoCheck, SimpleChanges, PipeTransform } from '@angular/core';
 export { TemplateRef, Type } from '@angular/core';
 import * as tailwind_variants from 'tailwind-variants';
 import { VariantProps } from 'tailwind-variants';
@@ -1297,7 +1297,7 @@ declare const mnCheckboxVariants: tailwind_variants.TVReturnType<{
         md: string;
         lg: string;
     };
-}, undefined, "accent-brand-500 cursor-pointer", {
+}, undefined, "checkbox checkbox-primary cursor-pointer", {
     size: {
         sm: string;
         md: string;
@@ -1323,7 +1323,7 @@ declare const mnCheckboxVariants: tailwind_variants.TVReturnType<{
         md: string;
         lg: string;
     };
-}, undefined, "accent-brand-500 cursor-pointer", unknown, unknown, undefined>>;
+}, undefined, "checkbox checkbox-primary cursor-pointer", unknown, unknown, undefined>>;
 type MnCheckboxVariants = VariantProps<typeof mnCheckboxVariants>;
 
 type MnCheckboxErrorMessageData = string | ((args: any, errors: ValidationErrors) => string);
@@ -1363,10 +1363,14 @@ interface MnCheckboxUIConfig {
 }
 
 declare const MN_CHECKBOX_CONFIG: InjectionToken<MnCheckboxUIConfig>;
-declare class MnCheckbox implements OnInit {
+declare class MnCheckbox implements OnInit, OnChanges {
     ngControl: NgControl;
     protected uiConfig: MnCheckboxUIConfig;
     props: MnCheckboxProps;
+    /** Direct checked binding for non-form usage */
+    checked?: boolean;
+    /** Emits when checked state changes (for non-form usage) */
+    checkedChange: EventEmitter<boolean>;
     private readonly configService;
     private readonly sectionPath;
     private readonly explicitInstanceId;
@@ -1381,6 +1385,8 @@ declare class MnCheckbox implements OnInit {
     ngOnInit(): void;
     private resolveConfig;
     writeValue(val: unknown): void;
+    /** Sync value from checked input when not using forms */
+    ngOnChanges(): void;
     registerOnChange(fn: any): void;
     registerOnTouched(fn: any): void;
     setDisabledState(isDisabled: boolean): void;
@@ -1397,7 +1403,7 @@ declare class MnCheckbox implements OnInit {
     get resolvedName(): string | null;
     get checkboxClasses(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<MnCheckbox, [{ optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<MnCheckbox, "mn-lib-checkbox", never, { "props": { "alias": "props"; "required": true; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MnCheckbox, "mn-lib-checkbox", never, { "props": { "alias": "props"; "required": true; }; "checked": { "alias": "checked"; "required": false; }; }, { "checkedChange": "checkedChange"; }, never, never, true, never>;
 }
 
 declare const mnDatetimeVariants: tailwind_variants.TVReturnType<{
@@ -1777,6 +1783,176 @@ declare class MnMultiSelect implements OnInit {
     static ɵcmp: i0.ɵɵComponentDeclaration<MnMultiSelect, "mn-lib-multi-select", never, { "props": { "alias": "props"; "required": true; }; }, {}, never, never, true, never>;
 }
 
+declare const mnSelectVariants: tailwind_variants.TVReturnType<{
+    shadow: {
+        true: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    borderRadius: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        two_xl: string;
+        three_xl: string;
+        four_xl: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+}, undefined, "bg-base-100 border-1 border-base-300 text-base-content text-sm cursor-pointer", {
+    shadow: {
+        true: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    borderRadius: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        two_xl: string;
+        three_xl: string;
+        four_xl: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+}, undefined, tailwind_variants.TVReturnType<{
+    shadow: {
+        true: string;
+    };
+    size: {
+        sm: string;
+        md: string;
+        lg: string;
+    };
+    borderRadius: {
+        none: string;
+        xs: string;
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        two_xl: string;
+        three_xl: string;
+        four_xl: string;
+    };
+    fullWidth: {
+        true: string;
+    };
+}, undefined, "bg-base-100 border-1 border-base-300 text-base-content text-sm cursor-pointer", unknown, unknown, undefined>>;
+type MnSelectVariants = VariantProps<typeof mnSelectVariants>;
+
+type MnSelectErrorMessageData = string | ((args: any, errors: ValidationErrors) => string);
+type MnSelectErrorMessagesData = Partial<Record<string, MnSelectErrorMessageData>>;
+interface MnSelectOption<TValue = unknown> {
+    /** Display label for the option */
+    label: string;
+    /** Value associated with the option */
+    value: TValue;
+    /** Whether the option is disabled */
+    disabled?: boolean;
+}
+interface MnSelectProps<TValue = unknown> {
+    /** Unique identifier for the select element (required for accessibility) */
+    id: string;
+    /** Name attribute for the select element (used in form submission) */
+    name?: string;
+    /** Label text displayed above the select */
+    label?: string;
+    /** Placeholder text shown when no option is selected */
+    placeholder?: string;
+    /** Available options to select from */
+    options: MnSelectOption<TValue>[];
+    /** Size variant of the select (default: 'md') */
+    size?: MnSelectVariants['size'];
+    /** Border radius variant (default: 'md') */
+    borderRadius?: MnSelectVariants['borderRadius'];
+    /** Shadow variant for the select */
+    shadow?: MnSelectVariants['shadow'];
+    /** Whether the select should take full width of its container */
+    fullWidth?: MnSelectVariants['fullWidth'];
+    /** Custom error messages mapped by validator error key */
+    errorMessages?: MnSelectErrorMessagesData;
+    /** Fallback error message when no specific message is found for an error */
+    defaultErrorMessage?: string;
+    /** Priority order for displaying errors when multiple validation errors exist */
+    errorPriority?: string[];
+    /** Whether to use built-in default error messages (default: true) */
+    useBuiltInErrorMessages?: boolean;
+    /** Whether to display all validation errors or just the first/priority error (default: false) */
+    showAllErrors?: boolean;
+}
+interface MnSelectUIConfig {
+    /** Label text displayed above the select */
+    label?: string;
+    /** Placeholder text shown when no option is selected */
+    placeholder?: string;
+    /** ARIA label for screen readers (falls back to label if not provided) */
+    ariaLabel?: string;
+    /**
+     * Error messages resolved from config (supports $translate markers).
+     * These override built-in error messages but are overridden by props.errorMessages.
+     */
+    errorMessages?: Record<string, string>;
+}
+
+declare const MN_SELECT_CONFIG: InjectionToken<MnSelectUIConfig>;
+declare class MnSelect implements OnInit {
+    ngControl: NgControl;
+    props: MnSelectProps;
+    /** Currently selected value */
+    selectedValue: unknown;
+    isDisabled: boolean;
+    protected uiConfig: MnSelectUIConfig;
+    private readonly configService;
+    private readonly sectionPath;
+    private readonly explicitInstanceId;
+    private readonly lang;
+    private readonly destroyRef;
+    private readonly builtInErrorMessages;
+    constructor(ngControl: NgControl);
+    get selectedOption(): MnSelectOption | undefined;
+    get control(): _angular_forms.AbstractControl<any, any, any> | null;
+    get showError(): boolean;
+    get errorMessages(): string[];
+    get errorMessage(): string | null;
+    get resolvedId(): string;
+    get resolvedName(): string | null;
+    get selectClasses(): string;
+    ngOnInit(): void;
+    writeValue(val: unknown): void;
+    registerOnChange(fn: any): void;
+    registerOnTouched(fn: any): void;
+    setDisabledState(isDisabled: boolean): void;
+    /** Returns the index of an option, used as the <option> value attribute */
+    optionIndex(option: MnSelectOption): string;
+    /** Handles native select change event */
+    onSelectChange(event: Event): void;
+    isSelected(option: MnSelectOption): boolean;
+    handleBlur(): void;
+    protected isRequired(): boolean;
+    private onChange;
+    private onTouched;
+    private resolveConfig;
+    private pickErrorKey;
+    private resolveErrorMessageForKey;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MnSelect, [{ optional: true; self: true; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MnSelect, "mn-lib-select", never, { "props": { "alias": "props"; "required": true; }; }, {}, never, never, true, never>;
+}
+
 interface PaginationStrategy {
     hasMoreRows: boolean;
     loadMore: () => Promise<void>;
@@ -3019,10 +3195,13 @@ declare class MnFormBodyComponent<TModel = any, TResult = TModel> implements OnI
     getFieldError(key: string): string | null;
     get hasFormErrors(): boolean;
     private initializeDataSources;
-    private loadFieldOptions;
+    isFieldLoading(key: string): boolean;
     /** Get options for a field — uses dataSource options if available, otherwise static options */
     getFieldOptions(field: FormFieldConfig<TModel>): SelectOption[];
-    isFieldLoading(key: string): boolean;
+    /** Convert SelectOption[] to MnSelectOption[] for mn-lib-select */
+    getSelectOptions(field: FormFieldConfig<TModel>): MnSelectOption[];
+    getSelectProps(field: FormFieldConfig<TModel>): any;
+    private loadFieldOptions;
     private initializeTableFields;
     onTableSelectionChange(field: FormFieldConfig<TModel>, selectedRows: any[]): void;
     getRatingRange(field: FormFieldConfig<TModel>): number[];
@@ -3158,7 +3337,7 @@ declare class MnCustomBodyHostComponent implements OnInit {
 }
 
 /** Map of column key to its current filter value. */
-type ColumnFilterState = Record<string, string>;
+type ColumnFilterState = Record<string, string | undefined>;
 declare class MnTable<T = any> implements OnInit, OnDestroy, DoCheck {
     dataSource: TableDataSource<T>;
     sortChange: EventEmitter<SortState | null>;
@@ -3213,6 +3392,10 @@ declare class MnTable<T = any> implements OnInit, OnDestroy, DoCheck {
     onSearch(searchString: string): void;
     loadMoreRows(): void;
     get resolvedPageSizeOptions(): number[];
+    /** Page-size options formatted for mn-select. */
+    get pageSizeSelectOptions(): MnSelectOption<number>[];
+    /** Filter options formatted for mn-select for a given column. */
+    getFilterSelectOptions(column: ColumnDefinition<T>): MnSelectOption<string>[];
     goToPage(page: number): void;
     onPageSizeChange(newSize: number): void;
     get visiblePages(): number[];
@@ -3356,6 +3539,8 @@ declare class MnList<T = any> implements OnInit, OnDestroy, DoCheck {
     onSearch(searchString: string): void;
     loadMoreRows(): void;
     get resolvedPageSizeOptions(): number[];
+    /** Page-size options formatted for mn-select. */
+    get pageSizeSelectOptions(): MnSelectOption<number>[];
     goToPage(page: number): void;
     onPageSizeChange(newSize: number): void;
     get visiblePages(): number[];
@@ -4684,5 +4869,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, 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 };
+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_SELECT_CONFIG, 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, MnSelect, 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, mnSelectVariants, 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, MnSelectErrorMessageData, MnSelectErrorMessagesData, MnSelectOption, MnSelectProps, MnSelectUIConfig, MnSelectVariants, 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 };