mn-angular-lib 1.0.140 → 1.0.141
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/fesm2022/mn-angular-lib.mjs +445 -215
- package/fesm2022/mn-angular-lib.mjs.map +1 -1
- package/package.json +1 -1
- package/src/lib/features/mn-bottom-sheet/mn-bottom-sheet.component.css +76 -0
- package/src/lib/features/mn-modal/components/mn-modal-shell/mn-modal-shell.component.css +13 -113
- package/src/lib/features/mn-multi-select/mn-multi-select.css +4 -54
- package/types/mn-angular-lib.d.ts +194 -64
|
@@ -2651,10 +2651,11 @@ declare class MnMultiSelect implements OnInit {
|
|
|
2651
2651
|
private readonly cdr;
|
|
2652
2652
|
/** Reference to the trigger element for positioning the dropdown */
|
|
2653
2653
|
triggerRef: ElementRef<HTMLElement>;
|
|
2654
|
-
/**
|
|
2654
|
+
/** Layout classes for the anchored popover panel. The mobile sheet is rendered by
|
|
2655
|
+
* mn-bottom-sheet instead, so it no longer needs a branch here. */
|
|
2656
|
+
readonly panelClasses = "fixed z-9999 bg-base-100 border border-base-300 rounded-md shadow-lg max-h-60 overflow-auto";
|
|
2657
|
+
/** The anchored popover panel currently moved into `document.body`, if any. */
|
|
2655
2658
|
private movedPanel;
|
|
2656
|
-
/** The sheet backdrop element currently moved into `document.body`, if any. */
|
|
2657
|
-
private movedBackdrop;
|
|
2658
2659
|
/** Option count at which the search input auto-enables when `searchable` is unset. */
|
|
2659
2660
|
private static readonly DEFAULT_SEARCH_THRESHOLD;
|
|
2660
2661
|
/** Tailwind's `sm` breakpoint — below this the panel renders as a bottom sheet.
|
|
@@ -2687,6 +2688,8 @@ declare class MnMultiSelect implements OnInit {
|
|
|
2687
2688
|
* card) used to leave the portalled panel floating at its stale coordinates.
|
|
2688
2689
|
*/
|
|
2689
2690
|
private scrollCapture;
|
|
2691
|
+
/** The bottom-sheet host currently moved into `document.body`, if any. */
|
|
2692
|
+
private movedSheet;
|
|
2690
2693
|
/**
|
|
2691
2694
|
* The dropdown panel element, queried while it is rendered by the `@if` block.
|
|
2692
2695
|
* The setter relocates the panel to `document.body` so that its `position: fixed`
|
|
@@ -2696,12 +2699,6 @@ declare class MnMultiSelect implements OnInit {
|
|
|
2696
2699
|
* broken on iOS). Cleanup is handled when the query clears on close/destroy.
|
|
2697
2700
|
*/
|
|
2698
2701
|
set dropdownRef(ref: ElementRef<HTMLElement> | undefined);
|
|
2699
|
-
/**
|
|
2700
|
-
* The dimming backdrop rendered behind the mobile sheet. Portalled alongside the
|
|
2701
|
-
* panel for the same reason — a `position: fixed` backdrop left inside a transformed
|
|
2702
|
-
* ancestor would cover that ancestor rather than the viewport.
|
|
2703
|
-
*/
|
|
2704
|
-
set sheetBackdropRef(ref: ElementRef<HTMLElement> | undefined);
|
|
2705
2702
|
/** Currently selected values */
|
|
2706
2703
|
selectedValues: unknown[];
|
|
2707
2704
|
isOpen: boolean;
|
|
@@ -2717,7 +2714,13 @@ declare class MnMultiSelect implements OnInit {
|
|
|
2717
2714
|
private onTouched;
|
|
2718
2715
|
private readonly builtInErrorMessages;
|
|
2719
2716
|
constructor();
|
|
2720
|
-
|
|
2717
|
+
/**
|
|
2718
|
+
* The bottom-sheet host, read as an `ElementRef` so it can be relocated to
|
|
2719
|
+
* `document.body` — its `position: fixed` children (backdrop + container) must anchor
|
|
2720
|
+
* to the viewport, not to any transformed/filtered ancestor of this component. On open
|
|
2721
|
+
* its container height is captured as the sheet's `min-height` floor.
|
|
2722
|
+
*/
|
|
2723
|
+
set sheetRef(ref: ElementRef<HTMLElement> | undefined);
|
|
2721
2724
|
/**
|
|
2722
2725
|
* Tracks the sheet breakpoint through `matchMedia` rather than reading `innerWidth`
|
|
2723
2726
|
* once, so rotating the device switches layout instead of leaving a panel positioned
|
|
@@ -2727,7 +2730,7 @@ declare class MnMultiSelect implements OnInit {
|
|
|
2727
2730
|
private startWatchingViewport;
|
|
2728
2731
|
/** Tears down the breakpoint listener. Idempotent. */
|
|
2729
2732
|
private stopWatchingViewport;
|
|
2730
|
-
|
|
2733
|
+
ngOnInit(): void;
|
|
2731
2734
|
private resolveConfig;
|
|
2732
2735
|
writeValue(val: unknown): void;
|
|
2733
2736
|
registerOnChange(fn: (val: unknown) => void): void;
|
|
@@ -2741,14 +2744,16 @@ declare class MnMultiSelect implements OnInit {
|
|
|
2741
2744
|
* otherwise auto-enabled once the option count reaches the threshold.
|
|
2742
2745
|
*/
|
|
2743
2746
|
get isSearchable(): boolean;
|
|
2744
|
-
|
|
2745
|
-
get panelClasses(): string;
|
|
2747
|
+
onDocumentClick(event: Event): void;
|
|
2746
2748
|
/**
|
|
2747
2749
|
* Records the sheet's opened height as its `min-height` floor. Measured on the next
|
|
2748
2750
|
* frame so the read reflects the fully-rendered, unfiltered list (the search box is
|
|
2749
2751
|
* empty on open) and never forces a reflow mid change-detection. The floor equals the
|
|
2750
2752
|
* content height at that instant, so applying it triggers no resize — it only stops a
|
|
2751
2753
|
* later, shorter filtered list from pulling the sheet down.
|
|
2754
|
+
*
|
|
2755
|
+
* `hostEl` is the portalled mn-bottom-sheet host (`display: contents`), so the height
|
|
2756
|
+
* is read from its `.mn-sheet-container` child rather than the host itself.
|
|
2752
2757
|
*/
|
|
2753
2758
|
private captureSheetFloor;
|
|
2754
2759
|
/** Closes the dropdown on Escape for keyboard accessibility. */
|
|
@@ -2841,6 +2846,135 @@ declare class MnMultiSelect implements OnInit {
|
|
|
2841
2846
|
static ɵcmp: i0.ɵɵComponentDeclaration<MnMultiSelect, "mn-lib-multi-select", never, { "props": { "alias": "props"; "required": true; }; }, {}, never, never, true, never>;
|
|
2842
2847
|
}
|
|
2843
2848
|
|
|
2849
|
+
/**
|
|
2850
|
+
* A viewport-anchored bottom sheet — the mobile presentation shared by the modal
|
|
2851
|
+
* shell and the multi-select dropdown.
|
|
2852
|
+
*
|
|
2853
|
+
* It owns only the sheet *chrome and gestures*: a bottom-anchored, full-width,
|
|
2854
|
+
* rounded-top surface with an optional dimming backdrop and drag grabber, a
|
|
2855
|
+
* slide-up entrance, swipe/flick-to-dismiss, and a promise-based slide-down exit.
|
|
2856
|
+
* It is deliberately presentational: the body is projected via `<ng-content>`, and
|
|
2857
|
+
* dismissal is reported through {@link dismiss} for the host to act on (run a close
|
|
2858
|
+
* guard, tear down its overlay, …) rather than being handled here.
|
|
2859
|
+
*
|
|
2860
|
+
* Positioning is `position: fixed` against the viewport, so a consumer whose sheet
|
|
2861
|
+
* lives inside a `transform`/`filter` ancestor (which would otherwise become the
|
|
2862
|
+
* containing block) must relocate this host to `document.body` — as the
|
|
2863
|
+
* multi-select does with its portal helper.
|
|
2864
|
+
*/
|
|
2865
|
+
declare class MnBottomSheet {
|
|
2866
|
+
/** Tailwind's `sm` breakpoint — at or below this the swipe gesture is armed.
|
|
2867
|
+
* Kept in step with the same constant in the modal shell and multi-select. */
|
|
2868
|
+
private static readonly SHEET_MAX_WIDTH;
|
|
2869
|
+
/** Drag distance (px) past which a release dismisses regardless of speed. */
|
|
2870
|
+
private static readonly SWIPE_DISMISS_THRESHOLD;
|
|
2871
|
+
/** Downward release speed (px/ms) above which a short drag still dismisses — a "flick". */
|
|
2872
|
+
private static readonly FLICK_VELOCITY;
|
|
2873
|
+
/** Minimum drag distance (px) a flick must cover, so an incidental fast tap never dismisses. */
|
|
2874
|
+
private static readonly FLICK_MIN_DISTANCE;
|
|
2875
|
+
/** Upper bound for the exit wait if no `transitionend` fires (e.g. animation suppressed). */
|
|
2876
|
+
private static readonly CLOSE_FALLBACK_MS;
|
|
2877
|
+
/** Whether to render the dimming backdrop behind the sheet (default: true).
|
|
2878
|
+
* A host that already paints its own backdrop (the modal shell) sets this false. */
|
|
2879
|
+
showBackdrop: boolean;
|
|
2880
|
+
/** Whether to render the drag grabber handle that arms swipe-to-dismiss (default: true). */
|
|
2881
|
+
showGrabber: boolean;
|
|
2882
|
+
/** Whether the sheet can be dismissed by the user via swipe/flick or backdrop tap
|
|
2883
|
+
* (default: true). When false the gestures are inert and the backdrop is non-closing. */
|
|
2884
|
+
dismissible: boolean;
|
|
2885
|
+
/** Optional `min-height` floor (px) for the container, so filtering its content
|
|
2886
|
+
* shorter cannot shrink the sheet mid-interaction. Null leaves it content-sized. */
|
|
2887
|
+
minHeightPx: number | null;
|
|
2888
|
+
/** Cap on the sheet height as a fraction of the viewport, in vh (default: 80). */
|
|
2889
|
+
maxHeightVh: number;
|
|
2890
|
+
/** Extra class(es) applied to the sheet container, so a host can attach the hooks
|
|
2891
|
+
* its own CSS depends on (e.g. the modal shell's `modal-container`). */
|
|
2892
|
+
containerClass: string;
|
|
2893
|
+
/** Accessible name for the sheet dialog. */
|
|
2894
|
+
ariaLabel?: string;
|
|
2895
|
+
/** Id of the element that labels this dialog (takes precedence over `ariaLabel`). */
|
|
2896
|
+
ariaLabelledby?: string;
|
|
2897
|
+
/**
|
|
2898
|
+
* When true, the sheet grows to its `maxHeightVh` while the host app marks the soft
|
|
2899
|
+
* keyboard open (a `.mn-keyboard-open` class on a document ancestor), guaranteeing
|
|
2900
|
+
* scroll room to lift a focused field above an overlaying keyboard. Off by default so
|
|
2901
|
+
* a keyboard opened over an unrelated sheet (a multi-select search) does not resize it.
|
|
2902
|
+
*/
|
|
2903
|
+
growWithKeyboard: boolean;
|
|
2904
|
+
/**
|
|
2905
|
+
* Optional async gate consulted before a user-initiated dismissal (swipe/flick/backdrop
|
|
2906
|
+
* tap) is committed. Resolving false aborts the dismissal and springs the sheet back —
|
|
2907
|
+
* used by the modal to run its close guard (e.g. an unsaved-changes prompt). A
|
|
2908
|
+
* programmatic {@link startClosing} bypasses it.
|
|
2909
|
+
*/
|
|
2910
|
+
dismissGuard?: () => boolean | Promise<boolean>;
|
|
2911
|
+
/**
|
|
2912
|
+
* Emitted once the user has dismissed the sheet — after the slide-down exit has
|
|
2913
|
+
* finished, so the host can remove the sheet from the DOM without cutting the
|
|
2914
|
+
* animation short. The host decides what dismissal means (close, run a guard, …).
|
|
2915
|
+
*/
|
|
2916
|
+
dismiss: EventEmitter<void>;
|
|
2917
|
+
/** Current downward drag offset (px) applied to the sheet while swiping. */
|
|
2918
|
+
sheetDragY: number;
|
|
2919
|
+
/** True while the user is actively dragging the grabber (disables the snap transition). */
|
|
2920
|
+
isDraggingSheet: boolean;
|
|
2921
|
+
/** True once a dismissal has committed — the sheet glides off-screen via its transition. */
|
|
2922
|
+
isDismissing: boolean;
|
|
2923
|
+
private readonly cdr;
|
|
2924
|
+
private readonly el;
|
|
2925
|
+
/** The sheet container element, used to measure its height and drive the exit. */
|
|
2926
|
+
private readonly containerRef;
|
|
2927
|
+
private dragStartY;
|
|
2928
|
+
/** The two most recent (y, timestamp) pointer samples, for estimating flick velocity.
|
|
2929
|
+
* `t` uses the event timestamp (monotonic), so no wall-clock is read. */
|
|
2930
|
+
private lastSample;
|
|
2931
|
+
private prevSample;
|
|
2932
|
+
/** In-flight exit animation, so a swipe-dismiss and a follow-up programmatic
|
|
2933
|
+
* {@link startClosing} share one glide instead of re-triggering it. */
|
|
2934
|
+
private exitPromise;
|
|
2935
|
+
get hostClasses(): string;
|
|
2936
|
+
/** Whether the viewport is currently narrow enough for the sheet to accept a swipe. */
|
|
2937
|
+
private get isNarrow();
|
|
2938
|
+
onSheetPointerDown(event: PointerEvent): void;
|
|
2939
|
+
onSheetPointerMove(event: PointerEvent): void;
|
|
2940
|
+
onSheetPointerUp(): void;
|
|
2941
|
+
onBackdropClick(): void;
|
|
2942
|
+
/**
|
|
2943
|
+
* Plays the slide-down exit and resolves once it has finished. Exposed so a host that
|
|
2944
|
+
* dismisses the sheet programmatically (not via a gesture) can await the same exit
|
|
2945
|
+
* before tearing the sheet down. Idempotent: a swipe-dismiss already in flight and a
|
|
2946
|
+
* subsequent programmatic close share the one glide rather than restarting it.
|
|
2947
|
+
*/
|
|
2948
|
+
startClosing(): Promise<void>;
|
|
2949
|
+
/**
|
|
2950
|
+
* Runs the optional {@link dismissGuard}, then either commits the dismissal (glide out
|
|
2951
|
+
* + emit) or springs the sheet back if the guard rejects. A non-dismissible sheet never
|
|
2952
|
+
* gets here from a gesture, but the guard is still short-circuited defensively.
|
|
2953
|
+
*/
|
|
2954
|
+
private attemptDismiss;
|
|
2955
|
+
/** Whether the release should dismiss: a long-enough drag OR a fast downward flick. */
|
|
2956
|
+
private shouldDismiss;
|
|
2957
|
+
/** Downward release speed (px/ms) from the last two pointer samples; 0 when unusable. */
|
|
2958
|
+
private releaseVelocity;
|
|
2959
|
+
/** Springs the sheet back to its resting position after a drag that didn't dismiss. */
|
|
2960
|
+
private snapBack;
|
|
2961
|
+
/**
|
|
2962
|
+
* Commits a dismissal: glides the sheet the rest of the way off-screen, then emits
|
|
2963
|
+
* {@link dismiss} once the exit animation settles. Continuing the gesture (rather than
|
|
2964
|
+
* snapping back to 0 first) keeps a swipe feeling like one unbroken motion.
|
|
2965
|
+
*/
|
|
2966
|
+
private commitDismiss;
|
|
2967
|
+
/** Commits the exit animation exactly once and returns the shared in-flight promise.
|
|
2968
|
+
* Short-circuits under reduced motion and falls back to a timeout if no event fires. */
|
|
2969
|
+
private playExit;
|
|
2970
|
+
/** Waits for the container's exit transition to end, with a reduced-motion short-circuit
|
|
2971
|
+
* and a fallback timeout so it always resolves. */
|
|
2972
|
+
private awaitExit;
|
|
2973
|
+
private prefersReducedMotion;
|
|
2974
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<MnBottomSheet, never>;
|
|
2975
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<MnBottomSheet, "mn-bottom-sheet", never, { "showBackdrop": { "alias": "showBackdrop"; "required": false; }; "showGrabber": { "alias": "showGrabber"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "minHeightPx": { "alias": "minHeightPx"; "required": false; }; "maxHeightVh": { "alias": "maxHeightVh"; "required": false; }; "containerClass": { "alias": "containerClass"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledby": { "alias": "ariaLabelledby"; "required": false; }; "growWithKeyboard": { "alias": "growWithKeyboard"; "required": false; }; "dismissGuard": { "alias": "dismissGuard"; "required": false; }; }, { "dismiss": "dismiss"; }, never, ["*"], true, never>;
|
|
2976
|
+
}
|
|
2977
|
+
|
|
2844
2978
|
declare const mnSelectVariants: tailwind_variants.TVReturnType<{
|
|
2845
2979
|
shadow: {
|
|
2846
2980
|
true: string;
|
|
@@ -5494,9 +5628,6 @@ declare class MnModalShellComponent<TResult = unknown> implements OnInit, AfterV
|
|
|
5494
5628
|
get closeModalLabel(): string;
|
|
5495
5629
|
private el;
|
|
5496
5630
|
private cdr;
|
|
5497
|
-
/** Downward release speed (px/ms) above which a short drag still dismisses — a "flick".
|
|
5498
|
-
* Native sheets dismiss on a quick flick regardless of distance, not just a long drag. */
|
|
5499
|
-
private static readonly FLICK_VELOCITY;
|
|
5500
5631
|
config: ModalConfig<TResult>;
|
|
5501
5632
|
modalRef: MnModalRef<TResult>;
|
|
5502
5633
|
isClosing: boolean;
|
|
@@ -5511,6 +5642,8 @@ declare class MnModalShellComponent<TResult = unknown> implements OnInit, AfterV
|
|
|
5511
5642
|
readonly ModalKind: typeof ModalKind;
|
|
5512
5643
|
/** The rendered wizard body, when this modal is a wizard — used to read the active step title. */
|
|
5513
5644
|
private readonly wizardBody;
|
|
5645
|
+
/** Tailwind's `sm` breakpoint — below this the modal presents as a bottom sheet. */
|
|
5646
|
+
private static readonly SHEET_MAX_WIDTH;
|
|
5514
5647
|
/**
|
|
5515
5648
|
* Title of the wizard's current step, or undefined for non-wizard modals.
|
|
5516
5649
|
* The template appends it to the modal title on small screens, where the
|
|
@@ -5521,69 +5654,66 @@ declare class MnModalShellComponent<TResult = unknown> implements OnInit, AfterV
|
|
|
5521
5654
|
private focusTrapListener;
|
|
5522
5655
|
private pollingTimer;
|
|
5523
5656
|
private pollAttempts;
|
|
5524
|
-
|
|
5525
|
-
|
|
5526
|
-
*
|
|
5527
|
-
private static readonly
|
|
5528
|
-
|
|
5657
|
+
/** Upper bound for the close wait if no animation/transition end event fires
|
|
5658
|
+
* (e.g. an animation was suppressed). Must stay longer than the slowest close
|
|
5659
|
+
* path so it never preempts. */
|
|
5660
|
+
private static readonly CLOSE_FALLBACK_MS;
|
|
5661
|
+
/** Live match of the sheet breakpoint, so the modal switches between the centered dialog
|
|
5662
|
+
* and the bottom sheet when the viewport crosses it (e.g. an orientation change). */
|
|
5663
|
+
readonly isNarrow: i0.WritableSignal<boolean>;
|
|
5664
|
+
/** The bottom sheet presenting this modal on mobile, absent on the desktop dialog path. */
|
|
5665
|
+
private readonly bottomSheet;
|
|
5666
|
+
/** Optional native haptic engine. Absent on the web — every call is null-guarded. */
|
|
5667
|
+
private haptics;
|
|
5668
|
+
private sheetMedia;
|
|
5669
|
+
private sheetMediaListener;
|
|
5670
|
+
/** Whether this modal is allowed to present as a bottom sheet on small screens (default: true). */
|
|
5671
|
+
get isMobileSheet(): boolean;
|
|
5672
|
+
/** Whether the modal should currently render as a bottom sheet (mobile) rather than the
|
|
5673
|
+
* centered dialog (desktop). */
|
|
5674
|
+
get showMobileSheet(): boolean;
|
|
5675
|
+
get hostClasses(): string;
|
|
5529
5676
|
private setupFocusTrap;
|
|
5530
5677
|
private removeFocusTrap;
|
|
5531
5678
|
asWizard(config: ModalConfig<TResult>): WizardModalConfig;
|
|
5532
5679
|
asForm(config: ModalConfig<TResult>): FormModalConfig;
|
|
5533
5680
|
asConfirmation(config: ModalConfig<TResult>): ConfirmationModalConfig;
|
|
5534
5681
|
asCustom(config: ModalConfig<TResult>): CustomModalConfig;
|
|
5535
|
-
|
|
5536
|
-
|
|
5537
|
-
|
|
5538
|
-
|
|
5539
|
-
* velocity for flick-to-dismiss. `t` uses the event timestamp (monotonic, no Date). */
|
|
5540
|
-
private lastSample;
|
|
5541
|
-
/** Upper bound for the close wait if no animation/transition end event fires
|
|
5542
|
-
* (e.g. an animation was suppressed). Must stay longer than the slowest close
|
|
5543
|
-
* path (mobile sheet slide-down 0.45s, swipe glide 0.3s) so it never preempts. */
|
|
5544
|
-
private static readonly CLOSE_FALLBACK_MS;
|
|
5545
|
-
/** Whether this modal renders as a bottom sheet on small screens (default: true). */
|
|
5546
|
-
get isMobileSheet(): boolean;
|
|
5682
|
+
/** Whether the modal can be dismissed at all (drives the sheet's swipe/backdrop arming). */
|
|
5683
|
+
get canClose(): boolean;
|
|
5684
|
+
ngOnInit(): void;
|
|
5685
|
+
ngOnDestroy(): void;
|
|
5547
5686
|
/**
|
|
5548
5687
|
* Triggers the closing animation and resolves once it has actually finished.
|
|
5549
5688
|
*
|
|
5550
|
-
* Deferred via setTimeout to avoid NG0100 when called during a CD cycle.
|
|
5551
|
-
*
|
|
5552
|
-
*
|
|
5553
|
-
*
|
|
5554
|
-
*
|
|
5555
|
-
* short-circuit entirely under reduced motion (the CSS collapses to instant).
|
|
5689
|
+
* Deferred via setTimeout to avoid NG0100 when called during a CD cycle. On mobile the
|
|
5690
|
+
* exit is owned by the bottom sheet, so we delegate to its `startClosing()` (idempotent
|
|
5691
|
+
* with a swipe-dismiss already in flight); on desktop we wait for the dialog container's
|
|
5692
|
+
* `animationend`/`transitionend`. A fallback timeout guarantees resolution if no event
|
|
5693
|
+
* fires, and we short-circuit under reduced motion (the CSS collapses to instant).
|
|
5556
5694
|
*/
|
|
5557
5695
|
startClosing(): Promise<void>;
|
|
5558
5696
|
private prefersReducedMotion;
|
|
5559
5697
|
onEscapeKey(event: Event): void;
|
|
5560
5698
|
onBackdropClick(): void;
|
|
5561
5699
|
onCloseButtonClick(): void;
|
|
5562
|
-
/**
|
|
5563
|
-
*
|
|
5564
|
-
|
|
5565
|
-
|
|
5566
|
-
|
|
5567
|
-
|
|
5568
|
-
|
|
5569
|
-
|
|
5570
|
-
|
|
5571
|
-
|
|
5572
|
-
|
|
5573
|
-
private get canClose();
|
|
5574
|
-
/** Tailwind's `sm` breakpoint — below this the modal renders as a bottom sheet. */
|
|
5575
|
-
private static readonly SHEET_MAX_WIDTH;
|
|
5700
|
+
/**
|
|
5701
|
+
* Guard consulted by the bottom sheet before it commits a swipe/flick/backdrop dismissal.
|
|
5702
|
+
* Mirrors the DISABLED/GUARDED rules of {@link handleClose} so a swipe cannot escape a
|
|
5703
|
+
* modal that a button close could not. Bound as a field so the template passes it directly.
|
|
5704
|
+
*/
|
|
5705
|
+
readonly sheetDismissGuard: () => Promise<boolean>;
|
|
5706
|
+
/**
|
|
5707
|
+
* Handles the sheet's `(dismiss)` — emitted only after its guard passed and its exit
|
|
5708
|
+
* animation finished. Dismisses the modal (no re-guard) with a confirming haptic.
|
|
5709
|
+
*/
|
|
5710
|
+
onSheetDismiss(): void;
|
|
5576
5711
|
ngAfterViewInit(): void;
|
|
5577
|
-
|
|
5578
|
-
|
|
5579
|
-
|
|
5580
|
-
/**
|
|
5581
|
-
private
|
|
5582
|
-
/** Downward release speed (px/ms) from the last two pointer samples. Positive means
|
|
5583
|
-
* moving down. Returns 0 when there is no usable sample window. */
|
|
5584
|
-
private releaseVelocity;
|
|
5585
|
-
/** Springs the sheet back to its resting position after a drag that didn't dismiss. */
|
|
5586
|
-
private snapBack;
|
|
5712
|
+
/** Tracks the sheet breakpoint through `matchMedia` so the dialog/sheet fork re-renders
|
|
5713
|
+
* when the viewport crosses it. */
|
|
5714
|
+
private startWatchingViewport;
|
|
5715
|
+
/** Tears down the breakpoint listener. Idempotent. */
|
|
5716
|
+
private stopWatchingViewport;
|
|
5587
5717
|
/** Attempts to dismiss the modal. Resolves true if it was actually dismissed,
|
|
5588
5718
|
* false if blocked by a DISABLED close mode or a rejected close guard. */
|
|
5589
5719
|
private handleClose;
|
|
@@ -7772,5 +7902,5 @@ type MnPreviewMessage = {
|
|
|
7772
7902
|
*/
|
|
7773
7903
|
declare function enableMnPreviewMode(configService: MnConfigService, langService: MnLanguageService, allowedOrigins?: string[]): void;
|
|
7774
7904
|
|
|
7775
|
-
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, MnRichTextEditor, 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 };
|
|
7905
|
+
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, MnBottomSheet, 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, MnRichTextEditor, 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 };
|
|
7776
7906
|
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, MnRichTextEditorControl, MnRichTextEditorLabels, MnRichTextEditorToolbar, 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 };
|