mn-angular-lib 1.0.171 → 1.0.172

package/fesm2022/mn-angular-lib.mjs

@@ -14206,6 +14206,376 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImpor
                 type: Output
             }] } });
 
+/**
+ * Styling for {@link MnIconChip}: one 10% wash of the colour behind an icon drawn in
+ * the consumer's `--color-<colour>-text` token when it defines one (the shade it uses
+ * for readable coloured text on a tinted ground) and in the base colour otherwise, the
+ * same device `mnBadge` uses. The radius grows with the box so the corner reads the
+ * same at every size.
+ */
+const mnIconChipVariants = tv({
+    base: 'inline-flex shrink-0 items-center justify-center',
+    variants: {
+        /** `sm` for list rows, `md` for section-card headers and stat tiles, `lg` for page headers. */
+        size: {
+            sm: 'h-9 w-9 rounded-lg',
+            md: 'h-10 w-10 rounded-xl',
+            lg: 'h-12 w-12 rounded-2xl',
+        },
+        color: {
+            primary: 'bg-primary/10 text-(--color-primary-text,var(--color-primary))',
+            secondary: 'bg-secondary/10 text-(--color-secondary-text,var(--color-secondary))',
+            accent: 'bg-accent/10 text-(--color-accent-text,var(--color-accent))',
+            success: 'bg-success/10 text-(--color-success-text,var(--color-success))',
+            warning: 'bg-warning/10 text-(--color-warning-text,var(--color-warning))',
+            danger: 'bg-error/10 text-(--color-error-text,var(--color-error))',
+            gray: 'bg-base-content/10 text-base-content/70',
+        },
+    },
+    defaultVariants: {
+        size: 'md',
+        color: 'primary',
+    },
+});
+
+/**
+ * The tinted square that carries an icon in front of a card title, a stat or a list
+ * row: the one place a colour says "what kind of thing this is". Project the icon as
+ * content; the chip sizes and tints itself and never grows with the row.
+ *
+ * Decorative for assistive technology: the title or label beside it carries the
+ * meaning, so the chip is `aria-hidden` and a screen reader never meets a bare icon.
+ *
+ * ```html
+ * <mn-icon-chip [data]="{ color: 'success', size: 'md' }">
+ *   <svg lucideCheck [size]="20"></svg>
+ * </mn-icon-chip>
+ * ```
+ */
+class MnIconChip {
+    /** Size and colour; see {@link MnIconChipTypes}. */
+    data = {};
+    /** The chip's own classes; the consumer's static classes merge with them. */
+    get hostClasses() {
+        return mnIconChipVariants({
+            size: this.data.size,
+            color: this.data.color,
+        });
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnIconChip, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: MnIconChip, isStandalone: true, selector: "mn-icon-chip", inputs: { data: "data" }, host: { attributes: { "aria-hidden": "true" }, properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<ng-content></ng-content>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnIconChip, decorators: [{
+            type: Component,
+            args: [{ selector: 'mn-icon-chip', standalone: true, host: { 'aria-hidden': 'true' }, template: "<ng-content></ng-content>\n" }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/**
+ * Styling for {@link MnCard}, as tailwind-variants slots: `root` is the card element
+ * itself, `accent` the optional bar along its top edge, `header` the heading row and
+ * `title` the `h2` inside it.
+ *
+ * Theme tokens only, so the card holds up in light and dark. The surface reads the
+ * consumer's `--color-base-card` when it defines one (a card ground a step off the
+ * page background) and falls back to `base-100` otherwise, the same fallback device
+ * `mnBadge` uses for its `-text` tokens.
+ */
+const mnCardVariants = tv({
+    slots: {
+        root: 'relative flex overflow-hidden border border-base-300 ' +
+            'bg-(--color-base-card,var(--color-base-100)) transition-all duration-200 motion-reduce:transition-none',
+        accent: 'absolute inset-x-0 top-0 h-1',
+        header: 'flex flex-wrap items-center gap-3',
+        title: 'text-lg font-semibold text-base-content',
+    },
+    variants: {
+        /**
+         * Inner padding, and with it the gap between the card's children: a tile needs
+         * less air than a section card, and a section card that had to say `gap-4` on
+         * every use would drift.
+         */
+        padding: {
+            sm: { root: 'p-4 gap-3' },
+            md: { root: 'p-5 gap-4' },
+            lg: { root: 'p-6 gap-5' },
+        },
+        /** How the children flow: stacked (the default) or on one line, centred. */
+        layout: {
+            column: { root: 'flex-col' },
+            row: { root: 'flex-row items-center' },
+        },
+        /**
+         * Hover response. `shadow` is a little depth for a card that only sits there;
+         * `lift` promises a destination and belongs on a card that is a link.
+         */
+        hover: {
+            none: {},
+            shadow: { root: 'hover:shadow-md' },
+            lift: { root: 'hover:-translate-y-1 hover:shadow-lg' },
+        },
+        /**
+         * Entrance. `rise` plays the consumer's `--animate-rise` keyframes when its theme
+         * defines them (a short rise-in, delayed per card through
+         * {@link MnCard.enterDelayMs}) and is a no-op otherwise; reduced-motion users
+         * never see it.
+         */
+        enter: {
+            none: {},
+            rise: { root: 'animate-rise motion-reduce:animate-none' },
+        },
+        /** Corner rounding, in mn-button's radius tokens. */
+        borderRadius: {
+            none: { root: 'rounded-none' },
+            xs: { root: 'rounded-xs' },
+            sm: { root: 'rounded-sm' },
+            md: { root: 'rounded-md' },
+            lg: { root: 'rounded-lg' },
+            xl: { root: 'rounded-xl' },
+            two_xl: { root: 'rounded-2xl' },
+            three_xl: { root: 'rounded-3xl' },
+            four_xl: { root: 'rounded-4xl' },
+        },
+        /**
+         * Colour of the accent bar and of the heading's icon chip: the same palette as
+         * mn-button and the icon chip. What the colour *means* (a kind, a status, a
+         * module) is the consumer's choice; the card only renders it.
+         */
+        color: {
+            primary: { accent: 'bg-primary' },
+            secondary: { accent: 'bg-secondary' },
+            accent: { accent: 'bg-accent' },
+            success: { accent: 'bg-success' },
+            warning: { accent: 'bg-warning' },
+            danger: { accent: 'bg-error' },
+            gray: { accent: 'bg-base-content/30' },
+        },
+    },
+    defaultVariants: {
+        padding: 'sm',
+        layout: 'column',
+        hover: 'shadow',
+        enter: 'rise',
+        borderRadius: 'two_xl',
+        color: 'primary',
+    },
+});
+
+/**
+ * The card: a rounded surface with a hairline border, a hover response and an
+ * optional accent bar along its top edge. The body is whatever the consumer projects,
+ * so a booking, a competition and a pending-action tile share one look without
+ * sharing a view model.
+ *
+ * It is an attribute as well as an element, like `mnButton` and `mnBadge`: `<mn-card>`
+ * for a plain surface, `<a mnCard [routerLink]>` for a card that is a link,
+ * `<section mnCard>` when the landmark matters. Extra classes on the host merge with
+ * the card's own, so sizing it (`min-w-0 flex-1`, `lg:w-80`) is ordinary CSS on the
+ * element, not an input.
+ *
+ * A **section card** passes a {@link heading}: the card then renders the shared header
+ * row, an {@link MnIconChip} beside an `h2`, then whatever trails the title (a badge, a
+ * button). Project the icon with the `cardIcon` attribute and group the trailing content
+ * in one `cardHeaderEnd` container, so the template reads icon, header end, body:
+ *
+ * ```html
+ * <mn-card [data]="{ padding: 'md', color: 'primary' }" heading="meetings.agenda.title">
+ *   <svg cardIcon lucideListOrdered [size]="20"></svg>
+ *   <ng-container cardHeaderEnd>
+ *     <span mnBadge [data]="{ size: 'sm', color: 'warning' }">Draft</span>
+ *   </ng-container>
+ *   ...body...
+ * </mn-card>
+ * ```
+ *
+ * The other members of the family build on this shell: {@link MnStatTile} for one
+ * figure at a glance, and {@link MnProportionBar} for the bar inside a card.
+ */
+class MnCard {
+    /** Padding, layout, hover, entrance, radius, colour and accent; see {@link MnCardTypes}. */
+    data = {};
+    /**
+     * Section title, as a translation key or a literal. When set, the header row with
+     * the icon chip and `h2` renders above the body. Deliberately not called `title`: a
+     * static `title="..."` on the host would also become a browser tooltip.
+     */
+    heading;
+    /**
+     * Delay before the entrance animation starts, in milliseconds, so a row of cards
+     * can rise one after another. Ignored when {@link MnCardTypes.enter} is `none`.
+     */
+    enterDelayMs = 0;
+    /** Resolved slot classes for the current configuration. */
+    get styles() {
+        return mnCardVariants({
+            padding: this.data.padding,
+            layout: this.data.layout,
+            hover: this.data.hover,
+            enter: this.data.enter,
+            borderRadius: this.data.borderRadius,
+            color: this.data.color,
+        });
+    }
+    /** The card element's own classes; the consumer's static classes merge with them. */
+    get hostClasses() {
+        return this.styles.root();
+    }
+    /** Staggers the entrance per card. */
+    get animationDelay() {
+        return `${this.enterDelayMs}ms`;
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnCard, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: MnCard, isStandalone: true, selector: "mn-card, [mnCard]", inputs: { data: "data", heading: "heading", enterDelayMs: "enterDelayMs" }, host: { properties: { "class": "this.hostClasses", "style.animation-delay": "this.animationDelay" } }, ngImport: i0, template: "<!-- The accent bar sits on the card's top edge, clipped by the host's overflow-hidden\n     into the corner radius. Decorative: the colour's meaning is in the content. -->\n@if (data.accent) {\n  <span [class]=\"styles.accent()\" aria-hidden=\"true\"></span>\n}\n<!-- The section header: chip, title, then whatever the consumer marks cardHeaderEnd.\n     Wraps on narrow screens so a full-width button drops under the title. -->\n@if (heading; as text) {\n  <div [class]=\"styles.header()\">\n    <mn-icon-chip [data]=\"{ color: data.color }\">\n      <ng-content select=\"[cardIcon]\"></ng-content>\n    </mn-icon-chip>\n    <h2 [class]=\"styles.title()\">{{ text | mnTranslate }}</h2>\n    <ng-content select=\"[cardHeaderEnd]\"></ng-content>\n  </div>\n}\n<ng-content></ng-content>\n", dependencies: [{ kind: "component", type: MnIconChip, selector: "mn-icon-chip", inputs: ["data"] }, { kind: "pipe", type: MnTranslatePipe, name: "mnTranslate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnCard, decorators: [{
+            type: Component,
+            args: [{ selector: 'mn-card, [mnCard]', standalone: true, imports: [MnIconChip, MnTranslatePipe], template: "<!-- The accent bar sits on the card's top edge, clipped by the host's overflow-hidden\n     into the corner radius. Decorative: the colour's meaning is in the content. -->\n@if (data.accent) {\n  <span [class]=\"styles.accent()\" aria-hidden=\"true\"></span>\n}\n<!-- The section header: chip, title, then whatever the consumer marks cardHeaderEnd.\n     Wraps on narrow screens so a full-width button drops under the title. -->\n@if (heading; as text) {\n  <div [class]=\"styles.header()\">\n    <mn-icon-chip [data]=\"{ color: data.color }\">\n      <ng-content select=\"[cardIcon]\"></ng-content>\n    </mn-icon-chip>\n    <h2 [class]=\"styles.title()\">{{ text | mnTranslate }}</h2>\n    <ng-content select=\"[cardHeaderEnd]\"></ng-content>\n  </div>\n}\n<ng-content></ng-content>\n" }]
+        }], propDecorators: { data: [{
+                type: Input
+            }], heading: [{
+                type: Input
+            }], enterDelayMs: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }], animationDelay: [{
+                type: HostBinding,
+                args: ['style.animation-delay']
+            }] } });
+
+/**
+ * One fact at a glance: a tinted icon chip, a muted label and a large tabular number,
+ * on the {@link MnCard} shell, in a tile that shares a row with its siblings as
+ * `flex-1`. Project the icon as content; project a badge or a short note into the
+ * `trailing` slot when the number needs a qualifier.
+ *
+ * ```html
+ * <div class="flex flex-wrap gap-4">
+ *   <mn-stat-tile label="meetings.attending" [value]="yesCount" [data]="{ color: 'success' }">
+ *     <svg lucideCheck [size]="20"></svg>
+ *   </mn-stat-tile>
+ * </div>
+ * ```
+ */
+class MnStatTile {
+    /** Caption under the number, as a translation key or a literal. */
+    label;
+    /** The figure, already formatted for display. */
+    value;
+    /** Colour of the chip; see {@link MnStatTileTypes}. */
+    data = {};
+    /** Grows to share its row and never forces the row wider than its siblings. */
+    hostClasses = 'flex flex-1 basis-40 min-w-0';
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnStatTile, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "21.1.3", type: MnStatTile, isStandalone: true, selector: "mn-stat-tile", inputs: { label: "label", value: "value", data: "data" }, host: { properties: { "class": "this.hostClasses" } }, ngImport: i0, template: "<!-- The card is a row: chip, then label over number. The muted label reads the\n     consumer's muted-text token when it has one and plain base text otherwise. -->\n<div mnCard class=\"w-full\" [data]=\"{ layout: 'row' }\">\n  <mn-icon-chip [data]=\"{ color: data.color }\">\n    <ng-content></ng-content>\n  </mn-icon-chip>\n  <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n    <span class=\"text-sm text-(--color-base-content-muted,var(--color-base-content))\">{{ label | mnTranslate }}</span>\n    <div class=\"flex flex-wrap items-baseline gap-2\">\n      <span class=\"text-2xl font-bold leading-none tabular-nums text-base-content\">{{ value }}</span>\n      <ng-content select=\"[trailing]\"></ng-content>\n    </div>\n  </div>\n</div>\n", dependencies: [{ kind: "component", type: MnCard, selector: "mn-card, [mnCard]", inputs: ["data", "heading", "enterDelayMs"] }, { kind: "component", type: MnIconChip, selector: "mn-icon-chip", inputs: ["data"] }, { kind: "pipe", type: MnTranslatePipe, name: "mnTranslate" }] });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnStatTile, decorators: [{
+            type: Component,
+            args: [{ selector: 'mn-stat-tile', standalone: true, imports: [MnCard, MnIconChip, MnTranslatePipe], template: "<!-- The card is a row: chip, then label over number. The muted label reads the\n     consumer's muted-text token when it has one and plain base text otherwise. -->\n<div mnCard class=\"w-full\" [data]=\"{ layout: 'row' }\">\n  <mn-icon-chip [data]=\"{ color: data.color }\">\n    <ng-content></ng-content>\n  </mn-icon-chip>\n  <div class=\"flex min-w-0 flex-1 flex-col gap-0.5\">\n    <span class=\"text-sm text-(--color-base-content-muted,var(--color-base-content))\">{{ label | mnTranslate }}</span>\n    <div class=\"flex flex-wrap items-baseline gap-2\">\n      <span class=\"text-2xl font-bold leading-none tabular-nums text-base-content\">{{ value }}</span>\n      <ng-content select=\"[trailing]\"></ng-content>\n    </div>\n  </div>\n</div>\n" }]
+        }], propDecorators: { label: [{
+                type: Input,
+                args: [{ required: true }]
+            }], value: [{
+                type: Input,
+                args: [{ required: true }]
+            }], data: [{
+                type: Input
+            }], hostClasses: [{
+                type: HostBinding,
+                args: ['class']
+            }] } });
+
+/** Fill class per colour, spelled out so Tailwind's scanner finds every one. */
+const SEGMENT_CLASS = {
+    primary: 'bg-primary',
+    secondary: 'bg-secondary',
+    accent: 'bg-accent',
+    success: 'bg-success',
+    warning: 'bg-warning',
+    danger: 'bg-error',
+    gray: 'bg-base-content/25',
+};
+/** Track height per size. */
+const HEIGHT_CLASS = {
+    sm: 'h-2',
+    md: 'h-2.5',
+};
+/**
+ * The proportional bar every turnout, budget, capacity and collection figure draws:
+ * a rounded track with one coloured run per segment, widths from the values. Empty
+ * segments are skipped so a zero never leaves a hairline. Announced as one image with
+ * the caller's label, because the numbers it visualises are always written out next
+ * to it.
+ *
+ * ```html
+ * <mn-proportion-bar
+ *   [segments]="[{ value: yes, color: 'success' }, { value: maybe, color: 'warning' }]"
+ *   [total]="invited"
+ *   ariaLabel="meetings.responses.title">
+ * </mn-proportion-bar>
+ * ```
+ */
+class MnProportionBar {
+    /** The coloured runs, in draw order from the left. */
+    segments;
+    /** The whole the segments are measured against; defaults to their sum. */
+    total;
+    /** Accessible name for the bar as a whole, as a translation key or a literal. */
+    ariaLabel;
+    /** Track thickness; see {@link MnProportionBarTypes}. */
+    data = {};
+    /** Resolves the accessible name against the app's bundle. */
+    lang = inject(MnLanguageService);
+    /** The translated accessible name. */
+    get label() {
+        return this.lang.translate(this.ariaLabel);
+    }
+    /** Every class on the track element. */
+    get trackClass() {
+        return `flex w-full overflow-hidden rounded-full bg-base-content/10 ${HEIGHT_CLASS[this.data.height ?? 'md']}`;
+    }
+    /** The denominator actually used: the explicit total when positive, else the segment sum. */
+    get denominator() {
+        const explicit = this.total;
+        if (explicit !== null && explicit !== undefined && explicit > 0)
+            return explicit;
+        return this.segments.reduce((sum, segment) => sum + Math.max(0, segment.value), 0);
+    }
+    /** Segments with a width, empty ones dropped. */
+    get rendered() {
+        const denominator = this.denominator;
+        if (denominator <= 0)
+            return [];
+        return this.segments
+            .filter((segment) => segment.value > 0)
+            .map((segment) => ({
+            widthPct: Math.min(100, (segment.value / denominator) * 100),
+            fillClass: SEGMENT_CLASS[segment.color],
+        }));
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnProportionBar, deps: [], target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.1.3", type: MnProportionBar, isStandalone: true, selector: "mn-proportion-bar", inputs: { segments: "segments", total: "total", ariaLabel: "ariaLabel", data: "data" }, ngImport: i0, template: "<!-- One labelled image: the runs are decoration, the numbers live in the caller's text. -->\n<div role=\"img\" [attr.aria-label]=\"label\" [class]=\"trackClass\">\n  @for (segment of rendered; track $index) {\n    <span\n      class=\"h-full transition-[width] duration-300 ease-out motion-reduce:transition-none\"\n      [class]=\"segment.fillClass\"\n      [style.width.%]=\"segment.widthPct\"\n    ></span>\n  }\n</div>\n" });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.1.3", ngImport: i0, type: MnProportionBar, decorators: [{
+            type: Component,
+            args: [{ selector: 'mn-proportion-bar', standalone: true, template: "<!-- One labelled image: the runs are decoration, the numbers live in the caller's text. -->\n<div role=\"img\" [attr.aria-label]=\"label\" [class]=\"trackClass\">\n  @for (segment of rendered; track $index) {\n    <span\n      class=\"h-full transition-[width] duration-300 ease-out motion-reduce:transition-none\"\n      [class]=\"segment.fillClass\"\n      [style.width.%]=\"segment.widthPct\"\n    ></span>\n  }\n</div>\n" }]
+        }], propDecorators: { segments: [{
+                type: Input,
+                args: [{ required: true }]
+            }], total: [{
+                type: Input
+            }], ariaLabel: [{
+                type: Input,
+                args: [{ required: true }]
+            }], data: [{
+                type: Input
+            }] } });
+
 /**
  * Injection token for the base URL used by all CRUD service requests.
  *
@@ -14707,5 +15077,5 @@ function enableMnPreviewMode(configService, langService, allowedOrigins) {
  * Generated bundle index. Do not edit.
  */
 
-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_DROPDOWN_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, MnBottomSheet, MnBreadcrumbs, MnButton, MnCheckbox, MnCollectionBase, MnCollectionPagination, MnCollectionState, MnConfigService, MnConfirmationBodyComponent, MnCustomBodyHostComponent, MnDateSelectorBar, MnDatetime, MnDropdown, MnDualHorizontalImage, MnFileInput, MnFormBodyComponent, MnGrid, MnHiddenBelowDirective, MnHttpService, MnIcon, MnIconAttributes, MnInformationCard, MnInputField, MnInstanceDirective, MnKeyboard, MnLanguageService, MnList, MnModalRef, MnModalService, MnModalShellComponent, MnMultiSelect, MnRichTextEditor, MnSectionDirective, MnSegmented, 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, mnBreadcrumbsVariants, mnButtonVariants, mnCheckboxVariants, mnCheckboxWrapperVariants, mnDatetimeVariants, mnDropdownTriggerVariants, mnFileInputVariants, mnIconVariants, mnInformationCardVariants, mnInputFieldVariants, mnMultiSelectVariants, mnSegmentedVariants, mnSelectVariants, mnSkeletonVariants, mnTextareaVariants, numberAdapter, pickAdapter, provideMnAlerts, provideMnCalendarConfig, provideMnComponentConfig, provideMnConfig, provideMnLanguage, resolveCalendarConfig, resolveFilterableValue };
+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_DROPDOWN_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, MnBottomSheet, MnBreadcrumbs, MnButton, MnCard, MnCheckbox, MnCollectionBase, MnCollectionPagination, MnCollectionState, MnConfigService, MnConfirmationBodyComponent, MnCustomBodyHostComponent, MnDateSelectorBar, MnDatetime, MnDropdown, MnDualHorizontalImage, MnFileInput, MnFormBodyComponent, MnGrid, MnHiddenBelowDirective, MnHttpService, MnIcon, MnIconAttributes, MnIconChip, MnInformationCard, MnInputField, MnInstanceDirective, MnKeyboard, MnLanguageService, MnList, MnModalRef, MnModalService, MnModalShellComponent, MnMultiSelect, MnProportionBar, MnRichTextEditor, MnSectionDirective, MnSegmented, MnSelect, MnSelectableCollectionBase, MnShowAboveDirective, MnShowBelowDirective, MnSkeleton, MnStatTile, 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, mnBreadcrumbsVariants, mnButtonVariants, mnCardVariants, mnCheckboxVariants, mnCheckboxWrapperVariants, mnDatetimeVariants, mnDropdownTriggerVariants, mnFileInputVariants, mnIconChipVariants, mnIconVariants, mnInformationCardVariants, mnInputFieldVariants, mnMultiSelectVariants, mnSegmentedVariants, mnSelectVariants, mnSkeletonVariants, mnTextareaVariants, numberAdapter, pickAdapter, provideMnAlerts, provideMnCalendarConfig, provideMnComponentConfig, provideMnConfig, provideMnLanguage, resolveCalendarConfig, resolveFilterableValue };
 //# sourceMappingURL=mn-angular-lib.mjs.map