mn-angular-lib 1.0.135 → 1.0.136

package/package.json

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

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

@@ -3656,29 +3656,14 @@ type TableAppearance = {
  * - `select` → `string` (single choice; empty string means "no filter")
  * - `multi-select` → `string[]` (OR semantics across the chosen values)
  * - `boolean` → `boolean` (tri-state: any / true / false)
- * - `number-range` → {@link NumberRangeFilterValue}
- * - `date-range` → {@link DateRangeFilterValue}
  */
-type ColumnFilterType = 'text' | 'select' | 'multi-select' | 'boolean' | 'number-range' | 'date-range';
+type ColumnFilterType = 'text' | 'select' | 'multi-select' | 'boolean';
 type ColumnFilterOption = {
     label: string;
     value: string;
 };
-/** Inclusive numeric bounds; either side may be omitted for an open-ended range. */
-type NumberRangeFilterValue = {
-    min?: number;
-    max?: number;
-};
-/**
- * Inclusive date bounds as `YYYY-MM-DD` strings (the format the underlying
- * date control emits); either side may be omitted for an open-ended range.
- */
-type DateRangeFilterValue = {
-    from?: string;
-    to?: string;
-};
 /** Every value shape a column filter can hold, discriminated by {@link ColumnFilterType}. */
-type ColumnFilterValue = string | string[] | boolean | NumberRangeFilterValue | DateRangeFilterValue;
+type ColumnFilterValue = string | string[] | boolean;
 /** Map of column key to its current filter value. */
 type ColumnFilterState = Record<string, ColumnFilterValue | undefined>;
 /**
@@ -3760,16 +3745,6 @@ type ColumnFilterConfig<T> = (ColumnFilterCommon & {
     filterOptions?: never;
     /** Custom predicate. Receives the row and the chosen true/false state. */
     filterFn?: (row: T, filterValue: boolean) => boolean;
-}) | (ColumnFilterCommon & {
-    filterType: 'number-range';
-    filterOptions?: never;
-    /** Custom predicate. Receives the row and the inclusive numeric bounds. */
-    filterFn?: (row: T, filterValue: NumberRangeFilterValue) => boolean;
-}) | (ColumnFilterCommon & {
-    filterType: 'date-range';
-    filterOptions?: never;
-    /** Custom predicate. Receives the row and the inclusive `YYYY-MM-DD` bounds. */
-    filterFn?: (row: T, filterValue: DateRangeFilterValue) => boolean;
 }) | {
     filterable?: false;
     filterType?: never;
@@ -3827,18 +3802,6 @@ type TableDataSource<T> = MnSelectableCollectionDataSource<T> & {
  * every locale change.
  */
 type MnTableFilterLabels = {
-    /** Lower bound of a number range. Defaults to "Min". */
-    min?: string;
-    minKey?: string;
-    /** Upper bound of a number range. Defaults to "Max". */
-    max?: string;
-    maxKey?: string;
-    /** Start of a date range. Defaults to "From". */
-    from?: string;
-    fromKey?: string;
-    /** End of a date range. Defaults to "To". */
-    to?: string;
-    toKey?: string;
     /** Unset option of a boolean filter. Defaults to "Any". */
     any?: string;
     anyKey?: string;
@@ -3861,8 +3824,6 @@ type MnTableFilterLabels = {
 /** @deprecated Use {@link MnCollectionLabels}. */
 type TableLabels = MnCollectionLabels;
 
-/** Which bound of a range filter an input edits. */
-type RangeBound = 'min' | 'max' | 'from' | 'to';
 declare class MnTable<T = object> extends MnSelectableCollectionBase<T, TableDataSource<T>> {
     sortChange: EventEmitter<SortState | null>;
     rowClick: EventEmitter<T>;
@@ -3871,8 +3832,6 @@ declare class MnTable<T = object> extends MnSelectableCollectionBase<T, TableDat
     columnFilters: ColumnFilterState;
     /** Viewport width (px) below which the inline filter row collapses into a panel. */
     private static readonly FILTER_COLLAPSE_WIDTH;
-    /** Bounds rendered by a number-range filter, in input order. */
-    protected readonly numberBounds: RangeBound[];
     /**
      * True when the viewport is narrow enough that the per-column filter inputs no
      * longer fit under their headers; the inline row is then replaced by a toggle
@@ -3884,8 +3843,6 @@ declare class MnTable<T = object> extends MnSelectableCollectionBase<T, TableDat
     protected readonly componentName = "MnTable";
     protected get trackedToolbarTemplate(): TemplateRef<unknown> | undefined;
     protected collectionBody?: ElementRef<HTMLElement>;
-    /** Bounds rendered by a date-range filter, in input order. */
-    protected readonly dateBounds: RangeBound[];
     /** Debounces server-side text filters so typing doesn't fire a request per keystroke. */
     private readonly filterDebounce;
     /**
@@ -3914,8 +3871,6 @@ declare class MnTable<T = object> extends MnSelectableCollectionBase<T, TableDat
      * every other type commits immediately.
      */
     onColumnFilter(column: ColumnDefinition<T>, value: ColumnFilterValue): void;
-    /** Updates one bound of a range filter, leaving the other side untouched. */
-    onRangeFilter(column: ColumnDefinition<T>, bound: RangeBound, raw: string): void;
     /** Updates a tri-state boolean filter from its select ('' = any). */
     onBooleanFilter(column: ColumnDefinition<T>, raw: string): void;
     /** The effective filter type of a column, defaulting to text. */
@@ -3934,10 +3889,6 @@ declare class MnTable<T = object> extends MnSelectableCollectionBase<T, TableDat
     multiFilterValue(column: ColumnDefinition<T>): string[];
     /** Current boolean filter value for a column, as the select's string value. */
     booleanFilterValue(column: ColumnDefinition<T>): string;
-    /** Current value of one bound of a range filter, as an input-ready string. */
-    rangeFilterValue(column: ColumnDefinition<T>, bound: RangeBound): string;
-    /** Label for a range filter bound, falling back to the English default. */
-    rangeBoundLabel(bound: RangeBound): string;
     /** Resets every column filter and re-applies (or re-requests) filtering. */
     clearAllFilters(): void;
     /** Whether any column has filtering enabled. */
@@ -4146,10 +4097,10 @@ declare class MnTable<T = object> extends MnSelectableCollectionBase<T, TableDat
 /** The reset/unset value for a filter type. */
 declare function emptyFilterValue(type: ColumnFilterType): ColumnFilterValue;
 /**
- * Whether a filter value should actually narrow the rows. Empty strings, empty
- * arrays and ranges with neither bound set are inactive; `false` on a boolean
- * filter is active (it means "show only the false rows"), which is why a plain
- * truthiness check is not enough.
+ * Whether a filter value should actually narrow the rows. Empty strings and
+ * empty arrays are inactive; `false` on a boolean filter is active (it means
+ * "show only the false rows"), which is why a plain truthiness check is not
+ * enough.
  */
 declare function isFilterValueActive(value: ColumnFilterValue | undefined): boolean;
 /**
@@ -4165,11 +4116,6 @@ declare function resolveFilterableValue<T>(column: ColumnDefinition<T>, row: T):
  * - `select` — exact string equality
  * - `multi-select` — equality against any selected value (OR)
  * - `boolean` — truthiness of the raw value equals the chosen state
- * - `number-range` / `date-range` — inclusive bounds, each side optional
- *
- * A row whose raw value cannot be interpreted for the type (a non-numeric value
- * under a number range, an unparsable date) is excluded rather than kept, so an
- * active filter never silently passes rows it cannot evaluate.
  */
 declare function defaultFilterPredicate(type: ColumnFilterType, raw: unknown, value: ColumnFilterValue): boolean;
 /**
@@ -5888,7 +5834,10 @@ declare class MnList<T = unknown> extends MnSelectableCollectionBase<T, ListData
  * Breakpoints match Tailwind defaults: sm 640px, md 768px, lg 1024px, xl 1280px.
  */
 type GridLayout = {
-    /** Explicit column count per breakpoint. Each falls back to the next-smaller one. */
+    /**
+     * Explicit column count per breakpoint. Each falls back to the next-smaller one.
+     * Counts are clamped to 1–12, the range Tailwind's `grid-cols-*` utilities cover.
+     */
     cols?: {
         base?: number;
         sm?: number;
@@ -5956,6 +5905,20 @@ declare class MnGrid<T = unknown> extends MnCollectionBase<T, GridDataSource<T>>
     protected readonly componentName = "MnGrid";
     /** Whether the grid uses auto-fit (minCardWidth) instead of explicit columns. */
     get isAutoLayout(): boolean;
+    /**
+     * Classes for the card container: `grid` plus one column utility per
+     * breakpoint the consumer configured. Omitted for the auto-fit layout, whose
+     * columns come from {@link autoTemplateColumns} instead.
+     */
+    get gridClasses(): string;
+    /** Gap between cards. */
+    get gridGap(): string;
+    /**
+     * Inline `grid-template-columns` for the auto-fit layout, or null when explicit
+     * `cols` are used (the utilities in {@link gridClasses} then own the columns).
+     * `minCardWidth` is a free-form CSS length, so it can only be expressed inline.
+     */
+    get autoTemplateColumns(): string | null;
     /** Skeleton lines for the default/lines placeholder; null when a custom template is used. */
     get skeletonLines(): Partial<MnSkeletonProps>[];
     /**
@@ -7395,4 +7358,4 @@ type 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_HAPTICS, MN_ICON_MAP, MN_INPUT_FIELD_CONFIG, MN_INSTANCE_ID, MN_LIB_DUAL_HORIZONTAL_IMAGE, MN_MODAL_ACTION_ICONS, MN_MULTI_SELECT_CONFIG, MN_SECTION_PATH, MN_SELECT_CONFIG, MN_TEXTAREA_CONFIG, MODAL_ACTION_ICON_SIZE, MODAL_ACTION_ICON_SIZE_SM, MnAlertOutletComponent, MnAlertService, MnAlertStore, MnBadge, MnButton, MnCheckbox, MnCollectionBase, MnCollectionPagination, MnCollectionState, MnConfigService, MnConfirmationBodyComponent, MnCustomBodyHostComponent, MnDateSelectorBar, MnDatetime, MnDualHorizontalImage, MnFileInput, MnFormBodyComponent, MnGrid, MnHiddenBelowDirective, MnHttpService, MnIcon, MnIconAttributes, MnInformationCard, MnInputField, MnInstanceDirective, MnLanguageService, MnList, MnModalRef, MnModalService, MnModalShellComponent, MnMultiSelect, MnSectionDirective, MnSelect, MnSelectableCollectionBase, MnShowAboveDirective, MnShowBelowDirective, MnSkeleton, MnTabComponent, MnTable, MnTextarea, MnTranslatePipe, MnWizardBodyComponent, ModalBuilder, ModalCloseReason, ModalIntent, ModalKind, ModalSize, NavigationDirection, OptionState, SelectionMode, StepBuilder, StepState, SubmitMode, UpcomingEventRowComponent, UpcomingEventsComponent, ValidationCode, ValidationStatus, WizardFlowMode, WizardModalBuilder, dateTimeAdapter, defaultFilterPredicate, defaultIconForStyle, defaultTextAdapter, emptyFilterValue, enableMnPreviewMode, isFilterValueActive, isTranslatable, matchesColumnFilter, mnAlertVariants, mnBadgeVariants, mnButtonVariants, mnCheckboxVariants, mnCheckboxWrapperVariants, mnDatetimeVariants, mnFileInputVariants, mnIconVariants, mnInformationCardVariants, mnInputFieldVariants, mnMultiSelectVariants, mnSelectVariants, mnSkeletonVariants, mnTextareaVariants, numberAdapter, pickAdapter, provideMnAlerts, provideMnCalendarConfig, provideMnComponentConfig, provideMnConfig, provideMnLanguage, resolveCalendarConfig, resolveFilterableValue };
-export type { AnimationOptions, ApiError, BaseModalConfig, CalendarButton, CalendarConfig, CalendarDateFormatter, CalendarEvent, CalendarEventData, CancellationActionConfig, CheckboxFieldConfig, ColorFieldConfig, ColorPreset, ColumnBase, ColumnDay, ColumnDefinition, ColumnFilterOption, ColumnFilterState, ColumnFilterType, ColumnFilterValue, ColumnSkeleton, ConfirmationActionConfig, ConfirmationModalConfig, CrudConfig, CurrentTimeCalendarEvent, CursorPaginationStrategy, CustomFieldConfig, CustomModalConfig, DateFieldConfig, DateRangeFilterValue, DateSelectorBarLayout, DatetimeFieldConfig, DayTile, FailureResult, FieldDataSource, FieldRequiredCondition, FieldValidator, FieldVisibilityCondition, FileFieldConfig, FormFieldConfig, FormFieldGroup, FormModalConfig, FormRow, FormRowField, FormValidator, GridDataSource, GridLayout, GridSkeleton, HourRow, ListAppearance, ListDataSource, ListLabels, ListSkeleton, MnAlert, MnAlertConfig, MnAlertId, MnAlertKind, MnAlertTemplateContext, MnAlertVariants, MnBadgeTypes, MnBadgeVariants, MnButtonTypes, MnButtonVariants, MnCheckboxErrorMessageData, MnCheckboxErrorMessagesData, MnCheckboxProps, MnCheckboxUIConfig, MnCheckboxVariants, MnCheckboxWrapperVariants, MnCollectionDataSource, MnCollectionLabels, MnColumnFilter, MnConfigFile, MnConfigSettings, MnConfigValue, MnDatetimeErrorMessageData, MnDatetimeErrorMessagesData, MnDatetimeMode, MnDatetimeProps, MnDatetimeUIConfig, MnDatetimeVariants, MnDomAttrs, MnDualHorizontalImageConfig, MnDualHorizontalImageTypes, MnErrorMessageData, MnErrorMessageFn, MnErrorMessagesData, MnFileDisplayItem, MnFileInputDisplayMode, MnFileInputErrorMessageData, MnFileInputErrorMessagesData, MnFileInputProps, MnFileInputUIConfig, MnFileInputVariants, MnHapticStyle, MnHapticsHandler, MnIconTypes, MnIconVariants, MnImageType, MnInformationCardBaseData, MnInformationCardData, MnInformationCardVariants, MnInputAdapter, MnInputBaseProps, MnInputDateTimeProps, MnInputFieldProps, MnInputFieldUIConfig, MnInputProps, MnInputType, MnInputVariants, MnLanguageConfig, MnMultiSelectErrorMessageData, MnMultiSelectErrorMessagesData, MnMultiSelectOption, MnMultiSelectProps, MnMultiSelectUIConfig, MnMultiSelectVariants, MnPageSlot, MnPreviewMessage, MnQueryParams, MnSelectErrorMessageData, MnSelectErrorMessagesData, MnSelectOption, MnSelectProps, MnSelectUIConfig, MnSelectVariants, MnSelectableCollectionDataSource, MnShowInput, MnSkeletonProps, MnSkeletonShape, MnSkeletonVariantProps, MnTabDataSource, MnTabItem, MnTableFilterLabels, MnTextareaErrorMessageData, MnTextareaErrorMessagesData, MnTextareaProps, MnTextareaUIConfig, MnTextareaVariants, MnTranslatable, MnTranslationMap, MnTranslations, MnValidationErrorArgs, ModalCancelHandler, ModalCloseEvent, ModalConfig, ModalFooterAction, ModalI18nLabels, ModalInputMap, ModalPollingConfig, ModalRef, ModalResultHandler, ModalStepId, MonthItem, MultiSelectFieldConfig, MultiSelectTableFieldConfig, NumberFieldConfig, NumberRangeFilterValue, OffsetPaginationStrategy, PaginationMode, 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 type { AnimationOptions, ApiError, BaseModalConfig, CalendarButton, CalendarConfig, CalendarDateFormatter, CalendarEvent, CalendarEventData, CancellationActionConfig, CheckboxFieldConfig, ColorFieldConfig, ColorPreset, ColumnBase, ColumnDay, ColumnDefinition, ColumnFilterOption, ColumnFilterState, ColumnFilterType, ColumnFilterValue, ColumnSkeleton, ConfirmationActionConfig, ConfirmationModalConfig, CrudConfig, CurrentTimeCalendarEvent, CursorPaginationStrategy, CustomFieldConfig, CustomModalConfig, DateFieldConfig, DateSelectorBarLayout, DatetimeFieldConfig, DayTile, FailureResult, FieldDataSource, FieldRequiredCondition, FieldValidator, FieldVisibilityCondition, FileFieldConfig, FormFieldConfig, FormFieldGroup, FormModalConfig, FormRow, FormRowField, FormValidator, GridDataSource, GridLayout, GridSkeleton, HourRow, ListAppearance, ListDataSource, ListLabels, ListSkeleton, MnAlert, MnAlertConfig, MnAlertId, MnAlertKind, MnAlertTemplateContext, MnAlertVariants, MnBadgeTypes, MnBadgeVariants, MnButtonTypes, MnButtonVariants, MnCheckboxErrorMessageData, MnCheckboxErrorMessagesData, MnCheckboxProps, MnCheckboxUIConfig, MnCheckboxVariants, MnCheckboxWrapperVariants, MnCollectionDataSource, MnCollectionLabels, MnColumnFilter, MnConfigFile, MnConfigSettings, MnConfigValue, MnDatetimeErrorMessageData, MnDatetimeErrorMessagesData, MnDatetimeMode, MnDatetimeProps, MnDatetimeUIConfig, MnDatetimeVariants, MnDomAttrs, MnDualHorizontalImageConfig, MnDualHorizontalImageTypes, MnErrorMessageData, MnErrorMessageFn, MnErrorMessagesData, MnFileDisplayItem, MnFileInputDisplayMode, MnFileInputErrorMessageData, MnFileInputErrorMessagesData, MnFileInputProps, MnFileInputUIConfig, MnFileInputVariants, MnHapticStyle, MnHapticsHandler, MnIconTypes, MnIconVariants, MnImageType, MnInformationCardBaseData, MnInformationCardData, MnInformationCardVariants, MnInputAdapter, MnInputBaseProps, MnInputDateTimeProps, MnInputFieldProps, MnInputFieldUIConfig, MnInputProps, MnInputType, MnInputVariants, MnLanguageConfig, MnMultiSelectErrorMessageData, MnMultiSelectErrorMessagesData, MnMultiSelectOption, MnMultiSelectProps, MnMultiSelectUIConfig, MnMultiSelectVariants, MnPageSlot, MnPreviewMessage, MnQueryParams, MnSelectErrorMessageData, MnSelectErrorMessagesData, MnSelectOption, MnSelectProps, MnSelectUIConfig, MnSelectVariants, MnSelectableCollectionDataSource, MnShowInput, MnSkeletonProps, MnSkeletonShape, MnSkeletonVariantProps, MnTabDataSource, MnTabItem, MnTableFilterLabels, MnTextareaErrorMessageData, MnTextareaErrorMessagesData, MnTextareaProps, MnTextareaUIConfig, MnTextareaVariants, MnTranslatable, MnTranslationMap, MnTranslations, MnValidationErrorArgs, ModalCancelHandler, ModalCloseEvent, ModalConfig, ModalFooterAction, ModalI18nLabels, ModalInputMap, ModalPollingConfig, ModalRef, ModalResultHandler, ModalStepId, MonthItem, MultiSelectFieldConfig, MultiSelectTableFieldConfig, NumberFieldConfig, OffsetPaginationStrategy, PaginationMode, 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 };

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

@@ -1,63 +0,0 @@
-/*
- * Responsive card grid driven by CSS custom properties set inline by the
- * component. Dynamic Tailwind classes (e.g. md:grid-cols-3) can't be used: the
- * consuming app's JIT can't see runtime values and would drop them. Breakpoints
- * match Tailwind defaults (sm 640, md 768, lg 1024, xl 1280).
- *
- * Each `--mn-grid-cols-*` falls back to the next-smaller breakpoint so consumers
- * only set the breakpoints they care about.
- */
-:host {
-  display: block;
-}
-
-.mn-grid {
-  display: grid;
-  gap: var(--mn-grid-gap, 1rem);
-  grid-template-columns: repeat(var(--mn-grid-cols-base, 1), minmax(0, 1fr));
-}
-
-@media (min-width: 640px) {
-  .mn-grid {
-    grid-template-columns: repeat(
-      var(--mn-grid-cols-sm, var(--mn-grid-cols-base, 1)),
-      minmax(0, 1fr)
-    );
-  }
-}
-
-@media (min-width: 768px) {
-  .mn-grid {
-    grid-template-columns: repeat(
-      var(--mn-grid-cols-md, var(--mn-grid-cols-sm, var(--mn-grid-cols-base, 1))),
-      minmax(0, 1fr)
-    );
-  }
-}
-
-@media (min-width: 1024px) {
-  .mn-grid {
-    grid-template-columns: repeat(
-      var(--mn-grid-cols-lg, var(--mn-grid-cols-md, var(--mn-grid-cols-sm, var(--mn-grid-cols-base, 1)))),
-      minmax(0, 1fr)
-    );
-  }
-}
-
-@media (min-width: 1280px) {
-  .mn-grid {
-    grid-template-columns: repeat(
-      var(--mn-grid-cols-xl, var(--mn-grid-cols-lg, var(--mn-grid-cols-md, var(--mn-grid-cols-sm, var(--mn-grid-cols-base, 1))))),
-      minmax(0, 1fr)
-    );
-  }
-}
-
-/*
- * auto-fit layout (minCardWidth). Two classes → higher specificity than the
- * single-class media-query rules above, so it wins at every width regardless of
- * any `cols` vars that may also be set.
- */
-.mn-grid.mn-grid--auto {
-  grid-template-columns: repeat(auto-fit, minmax(var(--mn-grid-min, 18rem), 1fr));
-}