@tolle_/tolle-ui 18.2.29 → 18.3.0
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/esm2022/lib/accordion-item.component.mjs +5 -11
- package/esm2022/lib/accordion.component.mjs +4 -9
- package/esm2022/lib/alert-dialog-dynamic.component.mjs +12 -12
- package/esm2022/lib/alert-dialog.component.mjs +82 -64
- package/esm2022/lib/alert-dialog.service.mjs +38 -6
- package/esm2022/lib/alert.component.mjs +5 -11
- package/esm2022/lib/aspect-ratio.component.mjs +119 -0
- package/esm2022/lib/attachment.component.mjs +334 -0
- package/esm2022/lib/avatar-fallback.component.mjs +3 -3
- package/esm2022/lib/avatar.component.mjs +4 -9
- package/esm2022/lib/badge.component.mjs +4 -9
- package/esm2022/lib/breadcrumb-item.component.mjs +3 -3
- package/esm2022/lib/breadcrumb-link.component.mjs +3 -3
- package/esm2022/lib/breadcrumb-separator.component.mjs +3 -3
- package/esm2022/lib/breadcrumb.component.mjs +3 -3
- package/esm2022/lib/bubble.component.mjs +301 -0
- package/esm2022/lib/button.component.mjs +5 -11
- package/esm2022/lib/calendar.component.mjs +5 -11
- package/esm2022/lib/card.component.mjs +14 -43
- package/esm2022/lib/carousel/carousel.component.mjs +5 -12
- package/esm2022/lib/chain-of-thought.component.mjs +380 -0
- package/esm2022/lib/chart-pie.component.mjs +386 -0
- package/esm2022/lib/chart.component.mjs +1146 -0
- package/esm2022/lib/chart.service.mjs +555 -0
- package/esm2022/lib/checkbox.component.mjs +5 -11
- package/esm2022/lib/checkpoint.component.mjs +134 -0
- package/esm2022/lib/collapsible.component.mjs +4 -11
- package/esm2022/lib/combobox.component.mjs +372 -0
- package/esm2022/lib/command-dialog.component.mjs +164 -0
- package/esm2022/lib/command.component.mjs +514 -0
- package/esm2022/lib/command.service.mjs +130 -0
- package/esm2022/lib/confirmation.component.mjs +219 -0
- package/esm2022/lib/context-menu-trigger.directive.mjs +36 -0
- package/esm2022/lib/context-menu.component.mjs +460 -0
- package/esm2022/lib/context-menu.service.mjs +125 -0
- package/esm2022/lib/context.component.mjs +377 -0
- package/esm2022/lib/conversation.component.mjs +442 -0
- package/esm2022/lib/country-selector.component.mjs +5 -11
- package/esm2022/lib/data-table.component.mjs +59 -12
- package/esm2022/lib/date-picker.component.mjs +251 -198
- package/esm2022/lib/date-range-picker.component.mjs +224 -116
- package/esm2022/lib/date-time-picker.component.mjs +506 -0
- package/esm2022/lib/direction.component.mjs +79 -0
- package/esm2022/lib/dropdown-item.component.mjs +3 -3
- package/esm2022/lib/dropdown-label.component.mjs +3 -3
- package/esm2022/lib/dropdown-menu.component.mjs +3 -3
- package/esm2022/lib/dropdown-separator.component.mjs +3 -3
- package/esm2022/lib/dropdown-trigger.directive.mjs +6 -4
- package/esm2022/lib/empty-state.component.mjs +4 -9
- package/esm2022/lib/field.component.mjs +394 -0
- package/esm2022/lib/hover-card.component.mjs +6 -16
- package/esm2022/lib/inline-citation.component.mjs +263 -0
- package/esm2022/lib/input-group.component.mjs +418 -0
- package/esm2022/lib/input.component.mjs +5 -11
- package/esm2022/lib/item.component.mjs +243 -0
- package/esm2022/lib/kbd.component.mjs +82 -0
- package/esm2022/lib/label.component.mjs +4 -9
- package/esm2022/lib/marker.component.mjs +135 -0
- package/esm2022/lib/masked-input.component.mjs +5 -11
- package/esm2022/lib/menubar.component.mjs +683 -0
- package/esm2022/lib/message-scroller.component.mjs +353 -0
- package/esm2022/lib/message-scroller.service.mjs +157 -0
- package/esm2022/lib/message.component.mjs +228 -0
- package/esm2022/lib/modal-ref.mjs +36 -7
- package/esm2022/lib/modal.component.mjs +42 -28
- package/esm2022/lib/modal.mjs +2 -29
- package/esm2022/lib/modal.service.mjs +26 -4
- package/esm2022/lib/model-selector.component.mjs +310 -0
- package/esm2022/lib/multi-select.component.mjs +155 -72
- package/esm2022/lib/native-select.component.mjs +201 -0
- package/esm2022/lib/navigation-menu.component.mjs +642 -0
- package/esm2022/lib/otp-group.component.mjs +3 -3
- package/esm2022/lib/otp-slot.component.mjs +4 -9
- package/esm2022/lib/otp.component.mjs +5 -11
- package/esm2022/lib/pagination.component.mjs +7 -10
- package/esm2022/lib/plan.component.mjs +335 -0
- package/esm2022/lib/popover-content.component.mjs +4 -9
- package/esm2022/lib/popover.component.mjs +15 -13
- package/esm2022/lib/progress.component.mjs +4 -9
- package/esm2022/lib/prompt-input.component.mjs +526 -0
- package/esm2022/lib/queue.component.mjs +280 -0
- package/esm2022/lib/radio-group.component.mjs +6 -13
- package/esm2022/lib/radio-item.component.mjs +4 -9
- package/esm2022/lib/range-calendar.component.mjs +5 -11
- package/esm2022/lib/reasoning.component.mjs +335 -0
- package/esm2022/lib/resizable-panel.component.mjs +5 -5
- package/esm2022/lib/resizable.component.mjs +219 -0
- package/esm2022/lib/segment.component.mjs +19 -9
- package/esm2022/lib/select-group.component.mjs +4 -8
- package/esm2022/lib/select-item.component.mjs +4 -9
- package/esm2022/lib/select-separator.component.mjs +4 -8
- package/esm2022/lib/select.component.mjs +133 -49
- package/esm2022/lib/separator.component.mjs +4 -9
- package/esm2022/lib/sheet.component.mjs +38 -56
- package/esm2022/lib/shimmer.component.mjs +84 -0
- package/esm2022/lib/sidebar.component.mjs +11 -1
- package/esm2022/lib/skeleton.component.mjs +4 -9
- package/esm2022/lib/sources.component.mjs +452 -0
- package/esm2022/lib/spinner.component.mjs +68 -0
- package/esm2022/lib/suggestion.component.mjs +207 -0
- package/esm2022/lib/switch.component.mjs +5 -11
- package/esm2022/lib/table.component.mjs +213 -0
- package/esm2022/lib/tabs.component.mjs +4 -11
- package/esm2022/lib/tag-input.component.mjs +5 -11
- package/esm2022/lib/task.component.mjs +359 -0
- package/esm2022/lib/textarea.component.mjs +5 -11
- package/esm2022/lib/theme.service.mjs +17 -6
- package/esm2022/lib/time-picker.component.mjs +923 -0
- package/esm2022/lib/toast.service.mjs +3 -2
- package/esm2022/lib/toaster.component.mjs +76 -39
- package/esm2022/lib/toggle-group.component.mjs +4 -9
- package/esm2022/lib/toggle.component.mjs +5 -11
- package/esm2022/lib/tool.component.mjs +462 -0
- package/esm2022/lib/typography.component.mjs +83 -0
- package/esm2022/lib/utils/color.mjs +140 -19
- package/esm2022/public-api.mjs +61 -1
- package/fesm2022/tolle-ui.mjs +16642 -1105
- package/fesm2022/tolle-ui.mjs.map +1 -1
- package/lib/alert-dialog-dynamic.component.d.ts +5 -0
- package/lib/alert-dialog.component.d.ts +23 -2
- package/lib/aspect-ratio.component.d.ts +20 -0
- package/lib/attachment.component.d.ts +101 -0
- package/lib/bubble.component.d.ts +112 -0
- package/lib/chain-of-thought.component.d.ts +166 -0
- package/lib/chart-pie.component.d.ts +108 -0
- package/lib/chart.component.d.ts +369 -0
- package/lib/chart.service.d.ts +222 -0
- package/lib/checkpoint.component.d.ts +51 -0
- package/lib/combobox.component.d.ts +90 -0
- package/lib/command-dialog.component.d.ts +53 -0
- package/lib/command.component.d.ts +189 -0
- package/lib/command.service.d.ts +67 -0
- package/lib/confirmation.component.d.ts +70 -0
- package/lib/context-menu-trigger.directive.d.ts +12 -0
- package/lib/context-menu.component.d.ts +41 -0
- package/lib/context-menu.service.d.ts +38 -0
- package/lib/context.component.d.ts +134 -0
- package/lib/conversation.component.d.ts +165 -0
- package/lib/data-table.component.d.ts +26 -1
- package/lib/date-picker.component.d.ts +72 -11
- package/lib/date-range-picker.component.d.ts +63 -6
- package/lib/date-time-picker.component.d.ts +119 -0
- package/lib/direction.component.d.ts +45 -0
- package/lib/field.component.d.ts +201 -0
- package/lib/inline-citation.component.d.ts +103 -0
- package/lib/input-group.component.d.ts +150 -0
- package/lib/item.component.d.ts +154 -0
- package/lib/kbd.component.d.ts +50 -0
- package/lib/marker.component.d.ts +58 -0
- package/lib/menubar.component.d.ts +247 -0
- package/lib/message-scroller.component.d.ts +159 -0
- package/lib/message-scroller.service.d.ts +73 -0
- package/lib/message.component.d.ts +128 -0
- package/lib/modal-ref.d.ts +6 -1
- package/lib/modal.component.d.ts +7 -4
- package/lib/modal.d.ts +9 -3
- package/lib/model-selector.component.d.ts +103 -0
- package/lib/multi-select.component.d.ts +66 -14
- package/lib/native-select.component.d.ts +57 -0
- package/lib/navigation-menu.component.d.ts +230 -0
- package/lib/plan.component.d.ts +120 -0
- package/lib/popover.component.d.ts +1 -0
- package/lib/prompt-input.component.d.ts +194 -0
- package/lib/queue.component.d.ts +106 -0
- package/lib/reasoning.component.d.ts +127 -0
- package/lib/resizable.component.d.ts +43 -0
- package/lib/segment.component.d.ts +13 -3
- package/lib/select.component.d.ts +37 -5
- package/lib/sheet.component.d.ts +3 -0
- package/lib/shimmer.component.d.ts +38 -0
- package/lib/sidebar.component.d.ts +2 -0
- package/lib/sources.component.d.ts +156 -0
- package/lib/spinner.component.d.ts +29 -0
- package/lib/suggestion.component.d.ts +96 -0
- package/lib/table.component.d.ts +106 -0
- package/lib/task.component.d.ts +151 -0
- package/lib/theme.service.d.ts +9 -0
- package/lib/time-picker.component.d.ts +243 -0
- package/lib/toast.service.d.ts +3 -1
- package/lib/toaster.component.d.ts +26 -9
- package/lib/tool.component.d.ts +158 -0
- package/lib/typography.component.d.ts +32 -0
- package/lib/utils/color.d.ts +19 -5
- package/package.json +3 -2
- package/preset.js +7 -1
- package/public-api.d.ts +50 -0
- package/registry/docs-content.json +8480 -1542
- package/registry/llms-full.txt +2679 -319
- package/registry/llms.txt +43 -4
- package/registry/manifest.json +9090 -1742
- package/registry/r/accordion-item.json +1 -1
- package/registry/r/accordion.json +1 -1
- package/registry/r/alert-dialog-dynamic.json +1 -1
- package/registry/r/alert-dialog.json +1 -1
- package/registry/r/alert.json +1 -1
- package/registry/r/attachment.json +23 -0
- package/registry/r/avatar-fallback.json +1 -1
- package/registry/r/avatar.json +1 -1
- package/registry/r/badge.json +1 -1
- package/registry/r/breadcrumb-item.json +1 -1
- package/registry/r/breadcrumb-link.json +1 -1
- package/registry/r/breadcrumb-separator.json +1 -1
- package/registry/r/breadcrumb.json +1 -1
- package/registry/r/bubble.json +23 -0
- package/registry/r/button.json +1 -1
- package/registry/r/calendar.json +1 -1
- package/registry/r/card.json +1 -1
- package/registry/r/carousel.json +1 -1
- package/registry/r/chain-of-thought.json +23 -0
- package/registry/r/chart-pie.json +30 -0
- package/registry/r/chart.json +28 -0
- package/registry/r/checkbox.json +1 -1
- package/registry/r/checkpoint.json +23 -0
- package/registry/r/collapsible.json +1 -1
- package/registry/r/combobox.json +31 -0
- package/registry/r/command-dialog.json +21 -0
- package/registry/r/command.json +26 -0
- package/registry/r/confirmation.json +23 -0
- package/registry/r/context-menu-trigger.json +1 -1
- package/registry/r/context-menu.json +1 -1
- package/registry/r/context.json +26 -0
- package/registry/r/conversation.json +23 -0
- package/registry/r/country-selector.json +1 -1
- package/registry/r/data-table.json +1 -1
- package/registry/r/date-picker.json +4 -4
- package/registry/r/date-range-picker.json +3 -3
- package/registry/r/date-time-picker.json +28 -0
- package/registry/r/direction.json +16 -0
- package/registry/r/dropdown-item.json +1 -1
- package/registry/r/dropdown-label.json +1 -1
- package/registry/r/dropdown-menu.json +1 -1
- package/registry/r/dropdown-separator.json +1 -1
- package/registry/r/dropdown-trigger.json +1 -1
- package/registry/r/empty-state.json +1 -1
- package/registry/r/field.json +23 -0
- package/registry/r/hover-card.json +1 -1
- package/registry/r/inline-citation.json +26 -0
- package/registry/r/input-group.json +23 -0
- package/registry/r/input.json +1 -1
- package/registry/r/item.json +23 -0
- package/registry/r/kbd.json +23 -0
- package/registry/r/label.json +1 -1
- package/registry/r/marker.json +23 -0
- package/registry/r/masked-input.json +1 -1
- package/registry/r/menubar.json +24 -0
- package/registry/r/message-scroller.json +26 -0
- package/registry/r/message.json +23 -0
- package/registry/r/modal.json +3 -3
- package/registry/r/model-selector.json +32 -0
- package/registry/r/multi-select.json +2 -2
- package/registry/r/native-select.json +23 -0
- package/registry/r/navigation-menu.json +24 -0
- package/registry/r/otp-group.json +1 -1
- package/registry/r/otp-slot.json +1 -1
- package/registry/r/otp.json +1 -1
- package/registry/r/pagination.json +3 -2
- package/registry/r/plan.json +23 -0
- package/registry/r/popover-content.json +1 -1
- package/registry/r/popover.json +1 -1
- package/registry/r/progress.json +1 -1
- package/registry/r/prompt-input.json +23 -0
- package/registry/r/queue.json +23 -0
- package/registry/r/radio-group.json +1 -1
- package/registry/r/radio-item.json +1 -1
- package/registry/r/range-calendar.json +1 -1
- package/registry/r/reasoning.json +23 -0
- package/registry/r/resizable-panel.json +1 -1
- package/registry/r/segment.json +1 -1
- package/registry/r/select-group.json +1 -1
- package/registry/r/select-item.json +1 -1
- package/registry/r/select-separator.json +1 -1
- package/registry/r/select.json +4 -3
- package/registry/r/separator.json +1 -1
- package/registry/r/sheet.json +1 -1
- package/registry/r/shimmer.json +23 -0
- package/registry/r/sidebar.json +1 -1
- package/registry/r/skeleton.json +1 -1
- package/registry/r/sources.json +23 -0
- package/registry/r/spinner.json +23 -0
- package/registry/r/suggestion.json +23 -0
- package/registry/r/switch.json +1 -1
- package/registry/r/table.json +21 -0
- package/registry/r/tabs.json +1 -1
- package/registry/r/tag-input.json +1 -1
- package/registry/r/task.json +23 -0
- package/registry/r/textarea.json +1 -1
- package/registry/r/time-picker.json +24 -0
- package/registry/r/toaster.json +2 -2
- package/registry/r/toggle-group.json +1 -1
- package/registry/r/toggle.json +1 -1
- package/registry/r/tool.json +23 -0
- package/registry/r/typography.json +23 -0
- package/registry/registry.json +915 -22
- package/theme.css +121 -8
|
@@ -0,0 +1,228 @@
|
|
|
1
|
+
import { Component, Directive, Injectable, Input, ChangeDetectionStrategy, ChangeDetectorRef, inject } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { BehaviorSubject, Subscription } from 'rxjs';
|
|
4
|
+
import { cva } from 'class-variance-authority';
|
|
5
|
+
import { cn } from './utils/cn';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
const messageVariants = cva('group/message flex w-full gap-2', {
|
|
8
|
+
variants: {
|
|
9
|
+
align: {
|
|
10
|
+
// Incoming: avatar first, content grows to the right.
|
|
11
|
+
start: 'flex-row justify-start',
|
|
12
|
+
// Outgoing: the row is mirrored so the avatar lands on the trailing edge.
|
|
13
|
+
end: 'flex-row-reverse justify-start',
|
|
14
|
+
},
|
|
15
|
+
size: {
|
|
16
|
+
sm: 'gap-1.5 text-sm',
|
|
17
|
+
default: 'gap-2',
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: { align: 'start', size: 'default' },
|
|
21
|
+
});
|
|
22
|
+
/**
|
|
23
|
+
* Shares the owning message's alignment with its OnPush children.
|
|
24
|
+
*
|
|
25
|
+
* Avatar / content / header / footer all need to know which edge the row hangs
|
|
26
|
+
* off, but reading `MessageComponent.align` from a child getter would never mark
|
|
27
|
+
* that child dirty. Emitting through an observable and calling `markForCheck()`
|
|
28
|
+
* on each emission is the only thing that re-renders them.
|
|
29
|
+
*/
|
|
30
|
+
export class MessageAlignService {
|
|
31
|
+
alignSource = new BehaviorSubject('start');
|
|
32
|
+
/** Emits the owning message's alignment whenever it changes. */
|
|
33
|
+
align$ = this.alignSource.asObservable();
|
|
34
|
+
/** The owning message's current alignment. */
|
|
35
|
+
get align() {
|
|
36
|
+
return this.alignSource.value;
|
|
37
|
+
}
|
|
38
|
+
setAlign(align) {
|
|
39
|
+
if (this.alignSource.value !== align)
|
|
40
|
+
this.alignSource.next(align);
|
|
41
|
+
}
|
|
42
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageAlignService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
|
|
43
|
+
static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageAlignService });
|
|
44
|
+
}
|
|
45
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageAlignService, decorators: [{
|
|
46
|
+
type: Injectable
|
|
47
|
+
}] });
|
|
48
|
+
/**
|
|
49
|
+
* Base class for the message sub-components: resolves the row's alignment from
|
|
50
|
+
* the parent `tolle-message` and keeps the OnPush view in sync with it.
|
|
51
|
+
*/
|
|
52
|
+
class MessageAlignAware {
|
|
53
|
+
/** Extra Tailwind classes merged onto the element via `cn()` (last-wins). */
|
|
54
|
+
class = '';
|
|
55
|
+
service = inject(MessageAlignService, { optional: true });
|
|
56
|
+
cdr = inject(ChangeDetectorRef);
|
|
57
|
+
sub = new Subscription();
|
|
58
|
+
/**
|
|
59
|
+
* A bound `class` input is written through Angular's styling path, which
|
|
60
|
+
* does not mark an OnPush view dirty — without this every subclass would
|
|
61
|
+
* keep rendering the class it was born with.
|
|
62
|
+
*/
|
|
63
|
+
ngOnChanges() {
|
|
64
|
+
this.cdr.markForCheck();
|
|
65
|
+
}
|
|
66
|
+
constructor() {
|
|
67
|
+
// Alignment is not an input of this component, so nothing else would mark it
|
|
68
|
+
// dirty when the parent message flips sides.
|
|
69
|
+
if (this.service) {
|
|
70
|
+
this.sub.add(this.service.align$.subscribe(() => this.cdr.markForCheck()));
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
/** Alignment inherited from the enclosing message, defaulting to 'start'. */
|
|
74
|
+
get align() {
|
|
75
|
+
return this.service?.align ?? 'start';
|
|
76
|
+
}
|
|
77
|
+
ngOnDestroy() {
|
|
78
|
+
this.sub.unsubscribe();
|
|
79
|
+
}
|
|
80
|
+
cn = cn;
|
|
81
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageAlignAware, deps: [], target: i0.ɵɵFactoryTarget.Directive });
|
|
82
|
+
static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "18.2.14", type: MessageAlignAware, inputs: { class: "class" }, usesOnChanges: true, ngImport: i0 });
|
|
83
|
+
}
|
|
84
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageAlignAware, decorators: [{
|
|
85
|
+
type: Directive
|
|
86
|
+
}], ctorParameters: () => [], propDecorators: { class: [{
|
|
87
|
+
type: Input
|
|
88
|
+
}] } });
|
|
89
|
+
/**
|
|
90
|
+
* The row layout for a single chat message: avatar on one edge, the content
|
|
91
|
+
* column (header, bubble, footer) filling the rest. Compose it with
|
|
92
|
+
* `tolle-bubble` for the visible surface.
|
|
93
|
+
* @new
|
|
94
|
+
*/
|
|
95
|
+
export class MessageComponent {
|
|
96
|
+
cdr = inject(ChangeDetectorRef);
|
|
97
|
+
/** Which edge the message hangs off — 'start' for incoming, 'end' for outgoing. @default 'start' */
|
|
98
|
+
align = 'start';
|
|
99
|
+
/** Gap density of the row. @default 'default' */
|
|
100
|
+
size = 'default';
|
|
101
|
+
/** Extra Tailwind classes merged onto the row via `cn()` (last-wins). */
|
|
102
|
+
class = '';
|
|
103
|
+
service = inject(MessageAlignService);
|
|
104
|
+
ngOnChanges() {
|
|
105
|
+
// Push alignment into the service so OnPush children get told about it.
|
|
106
|
+
this.service.setAlign(this.align ?? 'start');
|
|
107
|
+
// A bound `class` input is written through Angular's styling path,
|
|
108
|
+
// which does not mark an OnPush view dirty on its own.
|
|
109
|
+
this.cdr.markForCheck();
|
|
110
|
+
}
|
|
111
|
+
get computedClass() {
|
|
112
|
+
return cn(messageVariants({ align: this.align, size: this.size }), this.class);
|
|
113
|
+
}
|
|
114
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
115
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MessageComponent, isStandalone: true, selector: "tolle-message", inputs: { align: "align", size: "size", class: "class" }, providers: [MessageAlignService], usesOnChanges: true, ngImport: i0, template: `<div [class]="computedClass" role="listitem"><ng-content></ng-content></div>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
116
|
+
}
|
|
117
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageComponent, decorators: [{
|
|
118
|
+
type: Component,
|
|
119
|
+
args: [{ selector: 'tolle-message', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, providers: [MessageAlignService], template: `<div [class]="computedClass" role="listitem"><ng-content></ng-content></div>`, styles: [":host{display:block}\n"] }]
|
|
120
|
+
}], propDecorators: { align: [{
|
|
121
|
+
type: Input
|
|
122
|
+
}], size: [{
|
|
123
|
+
type: Input
|
|
124
|
+
}], class: [{
|
|
125
|
+
type: Input
|
|
126
|
+
}] } });
|
|
127
|
+
const messageGroupVariants = cva('flex w-full flex-col', {
|
|
128
|
+
variants: {
|
|
129
|
+
align: {
|
|
130
|
+
start: 'items-start',
|
|
131
|
+
end: 'items-end',
|
|
132
|
+
},
|
|
133
|
+
spacing: {
|
|
134
|
+
tight: 'gap-0.5',
|
|
135
|
+
default: 'gap-1',
|
|
136
|
+
loose: 'gap-3',
|
|
137
|
+
},
|
|
138
|
+
},
|
|
139
|
+
defaultVariants: { align: 'start', spacing: 'default' },
|
|
140
|
+
});
|
|
141
|
+
/**
|
|
142
|
+
* Stacks consecutive messages from the same sender with tighter spacing, so a
|
|
143
|
+
* burst of replies reads as one turn rather than several.
|
|
144
|
+
*/
|
|
145
|
+
export class MessageGroupComponent {
|
|
146
|
+
cdr = inject(ChangeDetectorRef);
|
|
147
|
+
/**
|
|
148
|
+
* Angular writes a bound `class` input through its styling path, which does
|
|
149
|
+
* not mark an OnPush component dirty — without this hook the component keeps
|
|
150
|
+
* rendering the class it was born with.
|
|
151
|
+
*/
|
|
152
|
+
ngOnChanges() {
|
|
153
|
+
this.cdr.markForCheck();
|
|
154
|
+
}
|
|
155
|
+
/** Edge the grouped messages hang off. @default 'start' */
|
|
156
|
+
align = 'start';
|
|
157
|
+
/** Vertical gap between the grouped messages. @default 'default' */
|
|
158
|
+
spacing = 'default';
|
|
159
|
+
/** Extra Tailwind classes merged onto the group via `cn()` (last-wins). */
|
|
160
|
+
class = '';
|
|
161
|
+
get computedClass() {
|
|
162
|
+
return cn(messageGroupVariants({ align: this.align, spacing: this.spacing }), this.class);
|
|
163
|
+
}
|
|
164
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageGroupComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
165
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MessageGroupComponent, isStandalone: true, selector: "tolle-message-group", inputs: { align: "align", spacing: "spacing", class: "class" }, usesOnChanges: true, ngImport: i0, template: `<div [class]="computedClass" role="group"><ng-content></ng-content></div>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
166
|
+
}
|
|
167
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageGroupComponent, decorators: [{
|
|
168
|
+
type: Component,
|
|
169
|
+
args: [{ selector: 'tolle-message-group', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div [class]="computedClass" role="group"><ng-content></ng-content></div>`, styles: [":host{display:block}\n"] }]
|
|
170
|
+
}], propDecorators: { align: [{
|
|
171
|
+
type: Input
|
|
172
|
+
}], spacing: [{
|
|
173
|
+
type: Input
|
|
174
|
+
}], class: [{
|
|
175
|
+
type: Input
|
|
176
|
+
}] } });
|
|
177
|
+
/**
|
|
178
|
+
* Avatar slot for a message. Anchored to the bottom of the row so it sits beside
|
|
179
|
+
* the last line of a multi-line bubble rather than floating at the top.
|
|
180
|
+
*/
|
|
181
|
+
export class MessageAvatarComponent extends MessageAlignAware {
|
|
182
|
+
get computedClass() {
|
|
183
|
+
return cn('flex size-8 shrink-0 select-none items-center justify-center self-end overflow-hidden rounded-full bg-muted text-xs font-medium text-muted-foreground', this.class);
|
|
184
|
+
}
|
|
185
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageAvatarComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
186
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MessageAvatarComponent, isStandalone: true, selector: "tolle-message-avatar", usesInheritance: true, ngImport: i0, template: `<div [class]="computedClass"><ng-content></ng-content></div>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
187
|
+
}
|
|
188
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageAvatarComponent, decorators: [{
|
|
189
|
+
type: Component,
|
|
190
|
+
args: [{ selector: 'tolle-message-avatar', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div [class]="computedClass"><ng-content></ng-content></div>`, styles: [":host{display:block}\n"] }]
|
|
191
|
+
}] });
|
|
192
|
+
/** Content column of a message — wraps the header, the bubble, and the footer. */
|
|
193
|
+
export class MessageContentComponent extends MessageAlignAware {
|
|
194
|
+
get computedClass() {
|
|
195
|
+
return cn('flex min-w-0 flex-1 flex-col gap-1', this.align === 'end' ? 'items-end text-right' : 'items-start text-left', this.class);
|
|
196
|
+
}
|
|
197
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageContentComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
198
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MessageContentComponent, isStandalone: true, selector: "tolle-message-content", usesInheritance: true, ngImport: i0, template: `<div [class]="computedClass"><ng-content></ng-content></div>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
199
|
+
}
|
|
200
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageContentComponent, decorators: [{
|
|
201
|
+
type: Component,
|
|
202
|
+
args: [{ selector: 'tolle-message-content', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div [class]="computedClass"><ng-content></ng-content></div>`, styles: [":host{display:block}\n"] }]
|
|
203
|
+
}] });
|
|
204
|
+
/** Sender name and metadata rendered above the message surface. */
|
|
205
|
+
export class MessageHeaderComponent extends MessageAlignAware {
|
|
206
|
+
get computedClass() {
|
|
207
|
+
return cn('flex items-center gap-2 px-1 text-xs font-medium text-muted-foreground', this.align === 'end' ? 'flex-row-reverse' : 'flex-row', this.class);
|
|
208
|
+
}
|
|
209
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageHeaderComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
210
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MessageHeaderComponent, isStandalone: true, selector: "tolle-message-header", usesInheritance: true, ngImport: i0, template: `<div [class]="computedClass"><ng-content></ng-content></div>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
211
|
+
}
|
|
212
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageHeaderComponent, decorators: [{
|
|
213
|
+
type: Component,
|
|
214
|
+
args: [{ selector: 'tolle-message-header', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div [class]="computedClass"><ng-content></ng-content></div>`, styles: [":host{display:block}\n"] }]
|
|
215
|
+
}] });
|
|
216
|
+
/** Delivery status, actions, or a timestamp rendered below the message surface. */
|
|
217
|
+
export class MessageFooterComponent extends MessageAlignAware {
|
|
218
|
+
get computedClass() {
|
|
219
|
+
return cn('flex items-center gap-2 px-1 text-xs text-muted-foreground', this.align === 'end' ? 'flex-row-reverse' : 'flex-row', this.class);
|
|
220
|
+
}
|
|
221
|
+
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageFooterComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
|
|
222
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: MessageFooterComponent, isStandalone: true, selector: "tolle-message-footer", usesInheritance: true, ngImport: i0, template: `<div [class]="computedClass"><ng-content></ng-content></div>`, isInline: true, styles: [":host{display:block}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
223
|
+
}
|
|
224
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: MessageFooterComponent, decorators: [{
|
|
225
|
+
type: Component,
|
|
226
|
+
args: [{ selector: 'tolle-message-footer', standalone: true, imports: [CommonModule], changeDetection: ChangeDetectionStrategy.OnPush, template: `<div [class]="computedClass"><ng-content></ng-content></div>`, styles: [":host{display:block}\n"] }]
|
|
227
|
+
}] });
|
|
228
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWVzc2FnZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy90b2xsZS9zcmMvbGliL21lc3NhZ2UuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsU0FBUyxFQUFFLFVBQVUsRUFBRSxLQUFLLEVBQUUsdUJBQXVCLEVBQUUsaUJBQWlCLEVBQXdCLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNsSixPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFDckQsT0FBTyxFQUFFLEdBQUcsRUFBcUIsTUFBTSwwQkFBMEIsQ0FBQztBQUNsRSxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sWUFBWSxDQUFDOztBQUVoQyxNQUFNLGVBQWUsR0FBRyxHQUFHLENBQUMsaUNBQWlDLEVBQUU7SUFDN0QsUUFBUSxFQUFFO1FBQ1IsS0FBSyxFQUFFO1lBQ0wsc0RBQXNEO1lBQ3RELEtBQUssRUFBRSx3QkFBd0I7WUFDL0IsMEVBQTBFO1lBQzFFLEdBQUcsRUFBRSxnQ0FBZ0M7U0FDdEM7UUFDRCxJQUFJLEVBQUU7WUFDSixFQUFFLEVBQUUsaUJBQWlCO1lBQ3JCLE9BQU8sRUFBRSxPQUFPO1NBQ2pCO0tBQ0Y7SUFDRCxlQUFlLEVBQUUsRUFBRSxLQUFLLEVBQUUsT0FBTyxFQUFFLElBQUksRUFBRSxTQUFTLEVBQUU7Q0FDckQsQ0FBQyxDQUFDO0FBT0g7Ozs7Ozs7R0FPRztBQUVILE1BQU0sT0FBTyxtQkFBbUI7SUFDdEIsV0FBVyxHQUFHLElBQUksZUFBZSxDQUFlLE9BQU8sQ0FBQyxDQUFDO0lBRWpFLGdFQUFnRTtJQUN2RCxNQUFNLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxZQUFZLEVBQUUsQ0FBQztJQUVsRCw4Q0FBOEM7SUFDOUMs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QUFDLENBQUMsQ0FBQyxVQUFVLEVBQ3RELElBQUksQ0FBQyxLQUFLLENBQ1gsQ0FBQztJQUNKLENBQUM7d0dBUFUsc0JBQXNCOzRGQUF0QixzQkFBc0IsdUdBRnZCLDhEQUE4RCwrRkFGOUQsWUFBWTs7NEZBSVgsc0JBQXNCO2tCQVJsQyxTQUFTOytCQUNFLHNCQUFzQixjQUVwQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLENBQUMsbUJBQ04sdUJBQXVCLENBQUMsTUFBTSxZQUNyQyw4REFBOEQ7O0FBWTFFLG1GQUFtRjtBQVNuRixNQUFNLE9BQU8sc0JBQXVCLFNBQVEsaUJBQWlCO0lBQzNELElBQUksYUFBYTtRQUNmLE9BQU8sRUFBRSxDQUNQLDREQUE0RCxFQUM1RCxJQUFJLENBQUMsS0FBSyxLQUFLLEtBQUssQ0FBQyxDQUFDLENBQUMsa0JBQWtCLENBQUMsQ0FBQyxDQUFDLFVBQVUsRUFDdEQsSUFBSSxDQUFDLEtBQUssQ0FDWCxDQUFDO0lBQ0osQ0FBQzt3R0FQVSxzQkFBc0I7NEZBQXRCLHNCQUFzQix1R0FGdkIsOERBQThELCtGQUY5RCxZQUFZOzs0RkFJWCxzQkFBc0I7a0JBUmxDLFNBQVM7K0JBQ0Usc0JBQXNCLGNBRXBCLElBQUksV0FDUCxDQUFDLFlBQVksQ0FBQyxtQkFDTix1QkFBdUIsQ0FBQyxNQUFNLFlBQ3JDLDhEQUE4RCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRGlyZWN0aXZlLCBJbmplY3RhYmxlLCBJbnB1dCwgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksIENoYW5nZURldGVjdG9yUmVmLCBPbkNoYW5nZXMsIE9uRGVzdHJveSwgaW5qZWN0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgQmVoYXZpb3JTdWJqZWN0LCBTdWJzY3JpcHRpb24gfSBmcm9tICdyeGpzJztcbmltcG9ydCB7IGN2YSwgdHlwZSBWYXJpYW50UHJvcHMgfSBmcm9tICdjbGFzcy12YXJpYW5jZS1hdXRob3JpdHknO1xuaW1wb3J0IHsgY24gfSBmcm9tICcuL3V0aWxzL2NuJztcblxuY29uc3QgbWVzc2FnZVZhcmlhbnRzID0gY3ZhKCdncm91cC9tZXNzYWdlIGZsZXggdy1mdWxsIGdhcC0yJywge1xuICB2YXJpYW50czoge1xuICAgIGFsaWduOiB7XG4gICAgICAvLyBJbmNvbWluZzogYXZhdGFyIGZpcnN0LCBjb250ZW50IGdyb3dzIHRvIHRoZSByaWdodC5cbiAgICAgIHN0YXJ0OiAnZmxleC1yb3cganVzdGlmeS1zdGFydCcsXG4gICAgICAvLyBPdXRnb2luZzogdGhlIHJvdyBpcyBtaXJyb3JlZCBzbyB0aGUgYXZhdGFyIGxhbmRzIG9uIHRoZSB0cmFpbGluZyBlZGdlLlxuICAgICAgZW5kOiAnZmxleC1yb3ctcmV2ZXJzZSBqdXN0aWZ5LXN0YXJ0JyxcbiAgICB9LFxuICAgIHNpemU6IHtcbiAgICAgIHNtOiAnZ2FwLTEuNSB0ZXh0LXNtJyxcbiAgICAgIGRlZmF1bHQ6ICdnYXAtMicsXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7IGFsaWduOiAnc3RhcnQnLCBzaXplOiAnZGVmYXVsdCcgfSxcbn0pO1xuXG5leHBvcnQgdHlwZSBNZXNzYWdlUHJvcHMgPSBWYXJpYW50UHJvcHM8dHlwZW9mIG1lc3NhZ2VWYXJpYW50cz47XG5cbi8qKiBXaGljaCBlZGdlIG9mIHRoZSB0cmFuc2NyaXB0IGEgbWVzc2FnZSBoYW5ncyBvZmYuICovXG5leHBvcnQgdHlwZSBNZXNzYWdlQWxpZ24gPSAnc3RhcnQnIHwgJ2VuZCc7XG5cbi8qKlxuICogU2hhcmVzIHRoZSBvd25pbmcgbWVzc2FnZSdzIGFsaWdubWVudCB3aXRoIGl0cyBPblB1c2ggY2hpbGRyZW4uXG4gKlxuICogQXZhdGFyIC8gY29udGVudCAvIGhlYWRlciAvIGZvb3RlciBhbGwgbmVlZCB0byBrbm93IHdoaWNoIGVkZ2UgdGhlIHJvdyBoYW5nc1xuICogb2ZmLCBidXQgcmVhZGluZyBgTWVzc2FnZUNvbXBvbmVudC5hbGlnbmAgZnJvbSBhIGNoaWxkIGdldHRlciB3b3VsZCBuZXZlciBtYXJrXG4gKiB0aGF0IGNoaWxkIGRpcnR5LiBFbWl0dGluZyB0aHJvdWdoIGFuIG9ic2VydmFibGUgYW5kIGNhbGxpbmcgYG1hcmtGb3JDaGVjaygpYFxuICogb24gZWFjaCBlbWlzc2lvbiBpcyB0aGUgb25seSB0aGluZyB0aGF0IHJlLXJlbmRlcnMgdGhlbS5cbiAqL1xuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIE1lc3NhZ2VBbGlnblNlcnZpY2Uge1xuICBwcml2YXRlIGFsaWduU291cmNlID0gbmV3IEJlaGF2aW9yU3ViamVjdDxNZXNzYWdlQWxpZ24+KCdzdGFydCcpO1xuXG4gIC8qKiBFbWl0cyB0aGUgb3duaW5nIG1lc3NhZ2UncyBhbGlnbm1lbnQgd2hlbmV2ZXIgaXQgY2hhbmdlcy4gKi9cbiAgcmVhZG9ubHkgYWxpZ24kID0gdGhpcy5hbGlnblNvdXJjZS5hc09ic2VydmFibGUoKTtcblxuICAvKiogVGhlIG93bmluZyBtZXNzYWdlJ3MgY3VycmVudCBhbGlnbm1lbnQuICovXG4gIGdldCBhbGlnbigpOiBNZXNzYWdlQWxpZ24ge1xuICAgIHJldHVybiB0aGlzLmFsaWduU291cmNlLnZhbHVlO1xuICB9XG5cbiAgc2V0QWxpZ24oYWxpZ246IE1lc3NhZ2VBbGlnbik6IHZvaWQge1xuICAgIGlmICh0aGlzLmFsaWduU291cmNlLnZhbHVlICE9PSBhbGlnbikgdGhpcy5hbGlnblNvdXJjZS5uZXh0KGFsaWduKTtcbiAgfVxufVxuXG4vKipcbiAqIEJhc2UgY2xhc3MgZm9yIHRoZSBtZXNzYWdlIHN1Yi1jb21wb25lbnRzOiByZXNvbHZlcyB0aGUgcm93J3MgYWxpZ25tZW50IGZyb21cbiAqIHRoZSBwYXJlbnQgYHRvbGxlLW1lc3NhZ2VgIGFuZCBrZWVwcyB0aGUgT25QdXNoIHZpZXcgaW4gc3luYyB3aXRoIGl0LlxuICovXG5ARGlyZWN0aXZlKClcbmFic3RyYWN0IGNsYXNzIE1lc3NhZ2VBbGlnbkF3YXJlIGltcGxlbWVudHMgT25DaGFuZ2VzLCBPbkRlc3Ryb3kge1xuICAvKiogRXh0cmEgVGFpbHdpbmQgY2xhc3NlcyBtZXJnZWQgb250byB0aGUgZWxlbWVudCB2aWEgYGNuKClgIChsYXN0LXdpbnMpLiAqL1xuICBASW5wdXQoKSBjbGFzcyA9ICcnO1xuXG4gIHByaXZhdGUgcmVhZG9ubHkgc2VydmljZSA9IGluamVjdChNZXNzYWdlQWxpZ25TZXJ2aWNlLCB7IG9wdGlvbmFsOiB0cnVlIH0pO1xuICBwcml2YXRlIHJlYWRvbmx5IGNkciA9IGluamVjdChDaGFuZ2VEZXRlY3RvclJlZik7XG4gIHByaXZhdGUgcmVhZG9ubHkgc3ViID0gbmV3IFN1YnNjcmlwdGlvbigpO1xuXG4gIC8qKlxuICAgKiBBIGJvdW5kIGBjbGFzc2AgaW5wdXQgaXMgd3JpdHRlbiB0aHJvdWdoIEFuZ3VsYXIncyBzdHlsaW5nIHBhdGgsIHdoaWNoXG4gICAqIGRvZXMgbm90IG1hcmsgYW4gT25QdXNoIHZpZXcgZGlydHkg4oCUIHdpdGhvdXQgdGhpcyBldmVyeSBzdWJjbGFzcyB3b3VsZFxuICAgKiBrZWVwIHJlbmRlcmluZyB0aGUgY2xhc3MgaXQgd2FzIGJvcm4gd2l0aC5cbiAgICovXG4gIG5nT25DaGFuZ2VzKCk6IHZvaWQge1xuICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICB9XG5cbiAgY29uc3RydWN0b3IoKSB7XG4gICAgLy8gQWxpZ25tZW50IGlzIG5vdCBhbiBpbnB1dCBvZiB0aGlzIGNvbXBvbmVudCwgc28gbm90aGluZyBlbHNlIHdvdWxkIG1hcmsgaXRcbiAgICAvLyBkaXJ0eSB3aGVuIHRoZSBwYXJlbnQgbWVzc2FnZSBmbGlwcyBzaWRlcy5cbiAgICBpZiAodGhpcy5zZXJ2aWNlKSB7XG4gICAgICB0aGlzLnN1Yi5hZGQodGhpcy5zZXJ2aWNlLmFsaWduJC5zdWJzY3JpYmUoKCkgPT4gdGhpcy5jZHIubWFya0ZvckNoZWNrKCkpKTtcbiAgICB9XG4gIH1cblxuICAvKiogQWxpZ25tZW50IGluaGVyaXRlZCBmcm9tIHRoZSBlbmNsb3NpbmcgbWVzc2FnZSwgZGVmYXVsdGluZyB0byAnc3RhcnQnLiAqL1xuICBwcm90ZWN0ZWQgZ2V0IGFsaWduKCk6IE1lc3NhZ2VBbGlnbiB7XG4gICAgcmV0dXJuIHRoaXMuc2VydmljZT8uYWxpZ24gPz8gJ3N0YXJ0JztcbiAgfVxuXG4gIG5nT25EZXN0cm95KCk6IHZvaWQge1xuICAgIHRoaXMuc3ViLnVuc3Vic2NyaWJlKCk7XG4gIH1cblxuICBwcm90ZWN0ZWQgY24gPSBjbjtcbn1cblxuLyoqXG4gKiBUaGUgcm93IGxheW91dCBmb3IgYSBzaW5nbGUgY2hhdCBtZXNzYWdlOiBhdmF0YXIgb24gb25lIGVkZ2UsIHRoZSBjb250ZW50XG4gKiBjb2x1bW4gKGhlYWRlciwgYnViYmxlLCBmb290ZXIpIGZpbGxpbmcgdGhlIHJlc3QuIENvbXBvc2UgaXQgd2l0aFxuICogYHRvbGxlLWJ1YmJsZWAgZm9yIHRoZSB2aXNpYmxlIHN1cmZhY2UuXG4gKiBAbmV3XG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RvbGxlLW1lc3NhZ2UnLFxuICBzdHlsZXM6IFsnOmhvc3QgeyBkaXNwbGF5OiBibG9jazsgfSddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHByb3ZpZGVyczogW01lc3NhZ2VBbGlnblNlcnZpY2VdLFxuICB0ZW1wbGF0ZTogYDxkaXYgW2NsYXNzXT1cImNvbXB1dGVkQ2xhc3NcIiByb2xlPVwibGlzdGl0ZW1cIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+YCxcbn0pXG5leHBvcnQgY2xhc3MgTWVzc2FnZUNvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcyB7XG4gIHByaXZhdGUgcmVhZG9ubHkgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcblxuICAvKiogV2hpY2ggZWRnZSB0aGUgbWVzc2FnZSBoYW5ncyBvZmYg4oCUICdzdGFydCcgZm9yIGluY29taW5nLCAnZW5kJyBmb3Igb3V0Z29pbmcuIEBkZWZhdWx0ICdzdGFydCcgKi9cbiAgQElucHV0KCkgYWxpZ246IE1lc3NhZ2VQcm9wc1snYWxpZ24nXSA9ICdzdGFydCc7XG4gIC8qKiBHYXAgZGVuc2l0eSBvZiB0aGUgcm93LiBAZGVmYXVsdCAnZGVmYXVsdCcgKi9cbiAgQElucHV0KCkgc2l6ZTogTWVzc2FnZVByb3BzWydzaXplJ10gPSAnZGVmYXVsdCc7XG4gIC8qKiBFeHRyYSBUYWlsd2luZCBjbGFzc2VzIG1lcmdlZCBvbnRvIHRoZSByb3cgdmlhIGBjbigpYCAobGFzdC13aW5zKS4gKi9cbiAgQElucHV0KCkgY2xhc3MgPSAnJztcblxuICBwcml2YXRlIHJlYWRvbmx5IHNlcnZpY2UgPSBpbmplY3QoTWVzc2FnZUFsaWduU2VydmljZSk7XG5cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgLy8gUHVzaCBhbGlnbm1lbnQgaW50byB0aGUgc2VydmljZSBzbyBPblB1c2ggY2hpbGRyZW4gZ2V0IHRvbGQgYWJvdXQgaXQuXG4gICAgdGhpcy5zZXJ2aWNlLnNldEFsaWduKHRoaXMuYWxpZ24gPz8gJ3N0YXJ0Jyk7XG4gIFxuICAgIC8vIEEgYm91bmQgYGNsYXNzYCBpbnB1dCBpcyB3cml0dGVuIHRocm91Z2ggQW5ndWxhcidzIHN0eWxpbmcgcGF0aCxcbiAgICAvLyB3aGljaCBkb2VzIG5vdCBtYXJrIGFuIE9uUHVzaCB2aWV3IGRpcnR5IG9uIGl0cyBvd24uXG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICBnZXQgY29tcHV0ZWRDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBjbihtZXNzYWdlVmFyaWFudHMoeyBhbGlnbjogdGhpcy5hbGlnbiwgc2l6ZTogdGhpcy5zaXplIH0pLCB0aGlzLmNsYXNzKTtcbiAgfVxufVxuXG5jb25zdCBtZXNzYWdlR3JvdXBWYXJpYW50cyA9IGN2YSgnZmxleCB3LWZ1bGwgZmxleC1jb2wnLCB7XG4gIHZhcmlhbnRzOiB7XG4gICAgYWxpZ246IHtcbiAgICAgIHN0YXJ0OiAnaXRlbXMtc3RhcnQnLFxuICAgICAgZW5kOiAnaXRlbXMtZW5kJyxcbiAgICB9LFxuICAgIHNwYWNpbmc6IHtcbiAgICAgIHRpZ2h0OiAnZ2FwLTAuNScsXG4gICAgICBkZWZhdWx0OiAnZ2FwLTEnLFxuICAgICAgbG9vc2U6ICdnYXAtMycsXG4gICAgfSxcbiAgfSxcbiAgZGVmYXVsdFZhcmlhbnRzOiB7IGFsaWduOiAnc3RhcnQnLCBzcGFjaW5nOiAnZGVmYXVsdCcgfSxcbn0pO1xuXG5leHBvcnQgdHlwZSBNZXNzYWdlR3JvdXBQcm9wcyA9IFZhcmlhbnRQcm9wczx0eXBlb2YgbWVzc2FnZUdyb3VwVmFyaWFudHM+O1xuXG4vKipcbiAqIFN0YWNrcyBjb25zZWN1dGl2ZSBtZXNzYWdlcyBmcm9tIHRoZSBzYW1lIHNlbmRlciB3aXRoIHRpZ2h0ZXIgc3BhY2luZywgc28gYVxuICogYnVyc3Qgb2YgcmVwbGllcyByZWFkcyBhcyBvbmUgdHVybiByYXRoZXIgdGhhbiBzZXZlcmFsLlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0b2xsZS1tZXNzYWdlLWdyb3VwJyxcbiAgc3R5bGVzOiBbJzpob3N0IHsgZGlzcGxheTogYmxvY2s7IH0nXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZV0sXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICB0ZW1wbGF0ZTogYDxkaXYgW2NsYXNzXT1cImNvbXB1dGVkQ2xhc3NcIiByb2xlPVwiZ3JvdXBcIj48bmctY29udGVudD48L25nLWNvbnRlbnQ+PC9kaXY+YCxcbn0pXG5leHBvcnQgY2xhc3MgTWVzc2FnZUdyb3VwQ29tcG9uZW50ICBpbXBsZW1lbnRzIE9uQ2hhbmdlc3tcbiAgcHJpdmF0ZSByZWFkb25seSBjZHIgPSBpbmplY3QoQ2hhbmdlRGV0ZWN0b3JSZWYpO1xuXG4gIC8qKlxuICAgKiBBbmd1bGFyIHdyaXRlcyBhIGJvdW5kIGBjbGFzc2AgaW5wdXQgdGhyb3VnaCBpdHMgc3R5bGluZyBwYXRoLCB3aGljaCBkb2VzXG4gICAqIG5vdCBtYXJrIGFuIE9uUHVzaCBjb21wb25lbnQgZGlydHkg4oCUIHdpdGhvdXQgdGhpcyBob29rIHRoZSBjb21wb25lbnQga2VlcHNcbiAgICogcmVuZGVyaW5nIHRoZSBjbGFzcyBpdCB3YXMgYm9ybiB3aXRoLlxuICAgKi9cbiAgbmdPbkNoYW5nZXMoKTogdm9pZCB7XG4gICAgdGhpcy5jZHIubWFya0ZvckNoZWNrKCk7XG4gIH1cblxuICAvKiogRWRnZSB0aGUgZ3JvdXBlZCBtZXNzYWdlcyBoYW5nIG9mZi4gQGRlZmF1bHQgJ3N0YXJ0JyAqL1xuICBASW5wdXQoKSBhbGlnbjogTWVzc2FnZUdyb3VwUHJvcHNbJ2FsaWduJ10gPSAnc3RhcnQnO1xuICAvKiogVmVydGljYWwgZ2FwIGJldHdlZW4gdGhlIGdyb3VwZWQgbWVzc2FnZXMuIEBkZWZhdWx0ICdkZWZhdWx0JyAqL1xuICBASW5wdXQoKSBzcGFjaW5nOiBNZXNzYWdlR3JvdXBQcm9wc1snc3BhY2luZyddID0gJ2RlZmF1bHQnO1xuICAvKiogRXh0cmEgVGFpbHdpbmQgY2xhc3NlcyBtZXJnZWQgb250byB0aGUgZ3JvdXAgdmlhIGBjbigpYCAobGFzdC13aW5zKS4gKi9cbiAgQElucHV0KCkgY2xhc3MgPSAnJztcblxuICBnZXQgY29tcHV0ZWRDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBjbihtZXNzYWdlR3JvdXBWYXJpYW50cyh7IGFsaWduOiB0aGlzLmFsaWduLCBzcGFjaW5nOiB0aGlzLnNwYWNpbmcgfSksIHRoaXMuY2xhc3MpO1xuICB9XG59XG5cbi8qKlxuICogQXZhdGFyIHNsb3QgZm9yIGEgbWVzc2FnZS4gQW5jaG9yZWQgdG8gdGhlIGJvdHRvbSBvZiB0aGUgcm93IHNvIGl0IHNpdHMgYmVzaWRlXG4gKiB0aGUgbGFzdCBsaW5lIG9mIGEgbXVsdGktbGluZSBidWJibGUgcmF0aGVyIHRoYW4gZmxvYXRpbmcgYXQgdGhlIHRvcC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndG9sbGUtbWVzc2FnZS1hdmF0YXInLFxuICBzdHlsZXM6IFsnOmhvc3QgeyBkaXNwbGF5OiBibG9jazsgfSddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiBgPGRpdiBbY2xhc3NdPVwiY29tcHV0ZWRDbGFzc1wiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj5gLFxufSlcbmV4cG9ydCBjbGFzcyBNZXNzYWdlQXZhdGFyQ29tcG9uZW50IGV4dGVuZHMgTWVzc2FnZUFsaWduQXdhcmUge1xuICBnZXQgY29tcHV0ZWRDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBjbihcbiAgICAgICdmbGV4IHNpemUtOCBzaHJpbmstMCBzZWxlY3Qtbm9uZSBpdGVtcy1jZW50ZXIganVzdGlmeS1jZW50ZXIgc2VsZi1lbmQgb3ZlcmZsb3ctaGlkZGVuIHJvdW5kZWQtZnVsbCBiZy1tdXRlZCB0ZXh0LXhzIGZvbnQtbWVkaXVtIHRleHQtbXV0ZWQtZm9yZWdyb3VuZCcsXG4gICAgICB0aGlzLmNsYXNzXG4gICAgKTtcbiAgfVxufVxuXG4vKiogQ29udGVudCBjb2x1bW4gb2YgYSBtZXNzYWdlIOKAlCB3cmFwcyB0aGUgaGVhZGVyLCB0aGUgYnViYmxlLCBhbmQgdGhlIGZvb3Rlci4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RvbGxlLW1lc3NhZ2UtY29udGVudCcsXG4gIHN0eWxlczogWyc6aG9zdCB7IGRpc3BsYXk6IGJsb2NrOyB9J10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgdGVtcGxhdGU6IGA8ZGl2IFtjbGFzc109XCJjb21wdXRlZENsYXNzXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvZGl2PmAsXG59KVxuZXhwb3J0IGNsYXNzIE1lc3NhZ2VDb250ZW50Q29tcG9uZW50IGV4dGVuZHMgTWVzc2FnZUFsaWduQXdhcmUge1xuICBnZXQgY29tcHV0ZWRDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBjbihcbiAgICAgICdmbGV4IG1pbi13LTAgZmxleC0xIGZsZXgtY29sIGdhcC0xJyxcbiAgICAgIHRoaXMuYWxpZ24gPT09ICdlbmQnID8gJ2l0ZW1zLWVuZCB0ZXh0LXJpZ2h0JyA6ICdpdGVtcy1zdGFydCB0ZXh0LWxlZnQnLFxuICAgICAgdGhpcy5jbGFzc1xuICAgICk7XG4gIH1cbn1cblxuLyoqIFNlbmRlciBuYW1lIGFuZCBtZXRhZGF0YSByZW5kZXJlZCBhYm92ZSB0aGUgbWVzc2FnZSBzdXJmYWNlLiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndG9sbGUtbWVzc2FnZS1oZWFkZXInLFxuICBzdHlsZXM6IFsnOmhvc3QgeyBkaXNwbGF5OiBibG9jazsgfSddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIHRlbXBsYXRlOiBgPGRpdiBbY2xhc3NdPVwiY29tcHV0ZWRDbGFzc1wiPjxuZy1jb250ZW50PjwvbmctY29udGVudD48L2Rpdj5gLFxufSlcbmV4cG9ydCBjbGFzcyBNZXNzYWdlSGVhZGVyQ29tcG9uZW50IGV4dGVuZHMgTWVzc2FnZUFsaWduQXdhcmUge1xuICBnZXQgY29tcHV0ZWRDbGFzcygpOiBzdHJpbmcge1xuICAgIHJldHVybiBjbihcbiAgICAgICdmbGV4IGl0ZW1zLWNlbnRlciBnYXAtMiBweC0xIHRleHQteHMgZm9udC1tZWRpdW0gdGV4dC1tdXRlZC1mb3JlZ3JvdW5kJyxcbiAgICAgIHRoaXMuYWxpZ24gPT09ICdlbmQnID8gJ2ZsZXgtcm93LXJldmVyc2UnIDogJ2ZsZXgtcm93JyxcbiAgICAgIHRoaXMuY2xhc3NcbiAgICApO1xuICB9XG59XG5cbi8qKiBEZWxpdmVyeSBzdGF0dXMsIGFjdGlvbnMsIG9yIGEgdGltZXN0YW1wIHJlbmRlcmVkIGJlbG93IHRoZSBtZXNzYWdlIHN1cmZhY2UuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0b2xsZS1tZXNzYWdlLWZvb3RlcicsXG4gIHN0eWxlczogWyc6aG9zdCB7IGRpc3BsYXk6IGJsb2NrOyB9J10sXG4gIHN0YW5kYWxvbmU6IHRydWUsXG4gIGltcG9ydHM6IFtDb21tb25Nb2R1bGVdLFxuICBjaGFuZ2VEZXRlY3Rpb246IENoYW5nZURldGVjdGlvblN0cmF0ZWd5Lk9uUHVzaCxcbiAgdGVtcGxhdGU6IGA8ZGl2IFtjbGFzc109XCJjb21wdXRlZENsYXNzXCI+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvZGl2PmAsXG59KVxuZXhwb3J0IGNsYXNzIE1lc3NhZ2VGb290ZXJDb21wb25lbnQgZXh0ZW5kcyBNZXNzYWdlQWxpZ25Bd2FyZSB7XG4gIGdldCBjb21wdXRlZENsYXNzKCk6IHN0cmluZyB7XG4gICAgcmV0dXJuIGNuKFxuICAgICAgJ2ZsZXggaXRlbXMtY2VudGVyIGdhcC0yIHB4LTEgdGV4dC14cyB0ZXh0LW11dGVkLWZvcmVncm91bmQnLFxuICAgICAgdGhpcy5hbGlnbiA9PT0gJ2VuZCcgPyAnZmxleC1yb3ctcmV2ZXJzZScgOiAnZmxleC1yb3cnLFxuICAgICAgdGhpcy5jbGFzc1xuICAgICk7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,10 +1,19 @@
|
|
|
1
|
-
import { Subject } from 'rxjs';
|
|
1
|
+
import { BehaviorSubject, Subject } from 'rxjs';
|
|
2
|
+
/**
|
|
3
|
+
* Safety net if the exit animation's `animationend` never fires — reduced
|
|
4
|
+
* motion, no matching keyframe, or a panel that never rendered — so a modal
|
|
5
|
+
* can never get stuck open forever.
|
|
6
|
+
*/
|
|
7
|
+
const CLOSE_FALLBACK_MS = 300;
|
|
2
8
|
export class ModalRef {
|
|
3
9
|
overlay;
|
|
4
10
|
modal;
|
|
5
11
|
stack;
|
|
6
12
|
_afterClosed$ = new Subject();
|
|
7
13
|
afterClosed$ = this._afterClosed$.asObservable();
|
|
14
|
+
_closingSubject = new BehaviorSubject(false);
|
|
15
|
+
/** True once `close()` has been called — drives the panel's exit animation. */
|
|
16
|
+
closing$ = this._closingSubject.asObservable();
|
|
8
17
|
constructor(overlay, modal, stack) {
|
|
9
18
|
this.overlay = overlay;
|
|
10
19
|
this.modal = modal;
|
|
@@ -18,14 +27,34 @@ export class ModalRef {
|
|
|
18
27
|
});
|
|
19
28
|
}
|
|
20
29
|
/**
|
|
21
|
-
* Closes the modal
|
|
30
|
+
* Closes the modal. Signals the panel and backdrop to play their exit
|
|
31
|
+
* animation, then tears down the overlay once it finishes (or after
|
|
32
|
+
* `CLOSE_FALLBACK_MS`, whichever comes first).
|
|
22
33
|
* @param result Data to pass back to the caller
|
|
23
34
|
*/
|
|
24
35
|
close(result) {
|
|
25
|
-
this.
|
|
26
|
-
|
|
27
|
-
this.
|
|
28
|
-
this.
|
|
36
|
+
if (this._closingSubject.value)
|
|
37
|
+
return;
|
|
38
|
+
this._closingSubject.next(true);
|
|
39
|
+
this.overlay.backdropElement?.setAttribute('data-state', 'closed');
|
|
40
|
+
let finished = false;
|
|
41
|
+
const finish = () => {
|
|
42
|
+
if (finished)
|
|
43
|
+
return;
|
|
44
|
+
finished = true;
|
|
45
|
+
this._afterClosed$.next(result);
|
|
46
|
+
this._afterClosed$.complete();
|
|
47
|
+
this.overlay.dispose();
|
|
48
|
+
this.stack.unregister(this);
|
|
49
|
+
};
|
|
50
|
+
const panel = this.overlay.overlayElement.querySelector('[data-state]');
|
|
51
|
+
if (panel) {
|
|
52
|
+
panel.addEventListener('animationend', finish, { once: true });
|
|
53
|
+
setTimeout(finish, CLOSE_FALLBACK_MS);
|
|
54
|
+
}
|
|
55
|
+
else {
|
|
56
|
+
finish();
|
|
57
|
+
}
|
|
29
58
|
}
|
|
30
59
|
}
|
|
31
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
60
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtcmVmLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvdG9sbGUvc3JjL2xpYi9tb2RhbC1yZWYudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLGVBQWUsRUFBRSxPQUFPLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFJaEQ7Ozs7R0FJRztBQUNILE1BQU0saUJBQWlCLEdBQUcsR0FBRyxDQUFDO0FBRTlCLE1BQU0sT0FBTyxRQUFRO0lBU1Q7SUFDRDtJQUNDO0lBVk8sYUFBYSxHQUFHLElBQUksT0FBTyxFQUF3QixDQUFDO0lBQ3JFLFlBQVksR0FBRyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksRUFBRSxDQUFDO0lBRWhDLGVBQWUsR0FBRyxJQUFJLGVBQWUsQ0FBVSxLQUFLLENBQUMsQ0FBQztJQUN2RSwrRUFBK0U7SUFDdEUsUUFBUSxHQUFHLElBQUksQ0FBQyxlQUFlLENBQUMsWUFBWSxFQUFFLENBQUM7SUFFeEQsWUFDVSxPQUFtQixFQUNwQixLQUFZLEVBQ1gsS0FBd0I7UUFGeEIsWUFBTyxHQUFQLE9BQU8sQ0FBWTtRQUNwQixVQUFLLEdBQUwsS0FBSyxDQUFPO1FBQ1gsVUFBSyxHQUFMLEtBQUssQ0FBbUI7UUFFaEMsSUFBSSxDQUFDLEtBQUssQ0FBQyxRQUFRLENBQUMsSUFBSSxDQUFDLENBQUM7UUFFMUIsd0JBQXdCO1FBQ3hCLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxFQUFFLENBQUMsU0FBUyxDQUFDLEdBQUcsRUFBRTtZQUMxQyxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUMsYUFBYSxFQUFFLENBQUM7Z0JBQzdCLElBQUksQ0FBQyxLQUFLLEVBQUUsQ0FBQztZQUNmLENBQUM7UUFDSCxDQUFDLENBQUMsQ0FBQztJQUNMLENBQUM7SUFFRDs7Ozs7T0FLRztJQUNILEtBQUssQ0FBQyxNQUFVO1FBQ2QsSUFBSSxJQUFJLENBQUMsZUFBZSxDQUFDLEtBQUs7WUFBRSxPQUFPO1FBQ3ZDLElBQUksQ0FBQyxlQUFlLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFDO1FBQ2hDLElBQUksQ0FBQyxPQUFPLENBQUMsZUFBZSxFQUFFLFlBQVksQ0FBQyxZQUFZLEVBQUUsUUFBUSxDQUFDLENBQUM7UUFFbkUsSUFBSSxRQUFRLEdBQUcsS0FBSyxDQUFDO1FBQ3JCLE1BQU0sTUFBTSxHQUFHLEdBQUcsRUFBRTtZQUNsQixJQUFJLFFBQVE7Z0JBQUUsT0FBTztZQUNyQixRQUFRLEdBQUcsSUFBSSxDQUFDO1lBQ2hCLElBQUksQ0FBQyxhQUFhLENBQUMsSUFBSSxDQUFDLE1BQU0sQ0FBQyxDQUFDO1lBQ2hDLElBQUksQ0FBQyxhQUFhLENBQUMsUUFBUSxFQUFFLENBQUM7WUFDOUIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxPQUFPLEVBQUUsQ0FBQztZQUN2QixJQUFJLENBQUMsS0FBSyxDQUFDLFVBQVUsQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUM5QixDQUFDLENBQUM7UUFFRixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsT0FBTyxDQUFDLGNBQWMsQ0FBQyxhQUFhLENBQWMsY0FBYyxDQUFDLENBQUM7UUFDckYsSUFBSSxLQUFLLEVBQUUsQ0FBQztZQUNWLEtBQUssQ0FBQyxnQkFBZ0IsQ0FBQyxjQUFjLEVBQUUsTUFBTSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxDQUFDLENBQUM7WUFDL0QsVUFBVSxDQUFDLE1BQU0sRUFBRSxpQkFBaUIsQ0FBQyxDQUFDO1FBQ3hDLENBQUM7YUFBTSxDQUFDO1lBQ04sTUFBTSxFQUFFLENBQUM7UUFDWCxDQUFDO0lBQ0gsQ0FBQztDQUNGIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgT3ZlcmxheVJlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IEJlaGF2aW9yU3ViamVjdCwgU3ViamVjdCB9IGZyb20gJ3J4anMnO1xuaW1wb3J0IHsgTW9kYWwgfSBmcm9tICcuL21vZGFsJztcbmltcG9ydCB7IE1vZGFsU3RhY2tTZXJ2aWNlIH0gZnJvbSAnLi9tb2RhbC1zdGFjay5zZXJ2aWNlJztcblxuLyoqXG4gKiBTYWZldHkgbmV0IGlmIHRoZSBleGl0IGFuaW1hdGlvbidzIGBhbmltYXRpb25lbmRgIG5ldmVyIGZpcmVzIOKAlCByZWR1Y2VkXG4gKiBtb3Rpb24sIG5vIG1hdGNoaW5nIGtleWZyYW1lLCBvciBhIHBhbmVsIHRoYXQgbmV2ZXIgcmVuZGVyZWQg4oCUIHNvIGEgbW9kYWxcbiAqIGNhbiBuZXZlciBnZXQgc3R1Y2sgb3BlbiBmb3JldmVyLlxuICovXG5jb25zdCBDTE9TRV9GQUxMQkFDS19NUyA9IDMwMDtcblxuZXhwb3J0IGNsYXNzIE1vZGFsUmVmPFIgPSBhbnk+IHtcbiAgcHJpdmF0ZSByZWFkb25seSBfYWZ0ZXJDbG9zZWQkID0gbmV3IFN1YmplY3Q8UiB8IHVuZGVmaW5lZCB8IG51bGw+KCk7XG4gIGFmdGVyQ2xvc2VkJCA9IHRoaXMuX2FmdGVyQ2xvc2VkJC5hc09ic2VydmFibGUoKTtcblxuICBwcml2YXRlIHJlYWRvbmx5IF9jbG9zaW5nU3ViamVjdCA9IG5ldyBCZWhhdmlvclN1YmplY3Q8Ym9vbGVhbj4oZmFsc2UpO1xuICAvKiogVHJ1ZSBvbmNlIGBjbG9zZSgpYCBoYXMgYmVlbiBjYWxsZWQg4oCUIGRyaXZlcyB0aGUgcGFuZWwncyBleGl0IGFuaW1hdGlvbi4gKi9cbiAgcmVhZG9ubHkgY2xvc2luZyQgPSB0aGlzLl9jbG9zaW5nU3ViamVjdC5hc09ic2VydmFibGUoKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIG92ZXJsYXk6IE92ZXJsYXlSZWYsXG4gICAgcHVibGljIG1vZGFsOiBNb2RhbCxcbiAgICBwcml2YXRlIHN0YWNrOiBNb2RhbFN0YWNrU2VydmljZVxuICApIHtcbiAgICB0aGlzLnN0YWNrLnJlZ2lzdGVyKHRoaXMpO1xuXG4gICAgLy8gSGFuZGxlIEJhY2tkcm9wIENsaWNrXG4gICAgdGhpcy5vdmVybGF5LmJhY2tkcm9wQ2xpY2soKS5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgaWYgKHRoaXMubW9kYWwuYmFja2Ryb3BDbG9zZSkge1xuICAgICAgICB0aGlzLmNsb3NlKCk7XG4gICAgICB9XG4gICAgfSk7XG4gIH1cblxuICAvKipcbiAgICogQ2xvc2VzIHRoZSBtb2RhbC4gU2lnbmFscyB0aGUgcGFuZWwgYW5kIGJhY2tkcm9wIHRvIHBsYXkgdGhlaXIgZXhpdFxuICAgKiBhbmltYXRpb24sIHRoZW4gdGVhcnMgZG93biB0aGUgb3ZlcmxheSBvbmNlIGl0IGZpbmlzaGVzIChvciBhZnRlclxuICAgKiBgQ0xPU0VfRkFMTEJBQ0tfTVNgLCB3aGljaGV2ZXIgY29tZXMgZmlyc3QpLlxuICAgKiBAcGFyYW0gcmVzdWx0IERhdGEgdG8gcGFzcyBiYWNrIHRvIHRoZSBjYWxsZXJcbiAgICovXG4gIGNsb3NlKHJlc3VsdD86IFIpOiB2b2lkIHtcbiAgICBpZiAodGhpcy5fY2xvc2luZ1N1YmplY3QudmFsdWUpIHJldHVybjtcbiAgICB0aGlzLl9jbG9zaW5nU3ViamVjdC5uZXh0KHRydWUpO1xuICAgIHRoaXMub3ZlcmxheS5iYWNrZHJvcEVsZW1lbnQ/LnNldEF0dHJpYnV0ZSgnZGF0YS1zdGF0ZScsICdjbG9zZWQnKTtcblxuICAgIGxldCBmaW5pc2hlZCA9IGZhbHNlO1xuICAgIGNvbnN0IGZpbmlzaCA9ICgpID0+IHtcbiAgICAgIGlmIChmaW5pc2hlZCkgcmV0dXJuO1xuICAgICAgZmluaXNoZWQgPSB0cnVlO1xuICAgICAgdGhpcy5fYWZ0ZXJDbG9zZWQkLm5leHQocmVzdWx0KTtcbiAgICAgIHRoaXMuX2FmdGVyQ2xvc2VkJC5jb21wbGV0ZSgpO1xuICAgICAgdGhpcy5vdmVybGF5LmRpc3Bvc2UoKTtcbiAgICAgIHRoaXMuc3RhY2sudW5yZWdpc3Rlcih0aGlzKTtcbiAgICB9O1xuXG4gICAgY29uc3QgcGFuZWwgPSB0aGlzLm92ZXJsYXkub3ZlcmxheUVsZW1lbnQucXVlcnlTZWxlY3RvcjxIVE1MRWxlbWVudD4oJ1tkYXRhLXN0YXRlXScpO1xuICAgIGlmIChwYW5lbCkge1xuICAgICAgcGFuZWwuYWRkRXZlbnRMaXN0ZW5lcignYW5pbWF0aW9uZW5kJywgZmluaXNoLCB7IG9uY2U6IHRydWUgfSk7XG4gICAgICBzZXRUaW1lb3V0KGZpbmlzaCwgQ0xPU0VfRkFMTEJBQ0tfTVMpO1xuICAgIH0gZWxzZSB7XG4gICAgICBmaW5pc2goKTtcbiAgICB9XG4gIH1cbn1cbiJdfQ==
|
|
@@ -1,6 +1,7 @@
|
|
|
1
|
-
import { Component, TemplateRef } from '@angular/core';
|
|
1
|
+
import { ChangeDetectorRef, Component, inject, TemplateRef } from '@angular/core';
|
|
2
2
|
import { CommonModule } from '@angular/common';
|
|
3
3
|
import { A11yModule } from '@angular/cdk/a11y';
|
|
4
|
+
import { Subscription } from 'rxjs';
|
|
4
5
|
import { cn } from './utils/cn';
|
|
5
6
|
import * as i0 from "@angular/core";
|
|
6
7
|
import * as i1 from "./modal-ref";
|
|
@@ -8,9 +9,13 @@ import * as i2 from "@angular/common";
|
|
|
8
9
|
import * as i3 from "@angular/cdk/a11y";
|
|
9
10
|
export class ModalComponent {
|
|
10
11
|
ref;
|
|
12
|
+
cdr = inject(ChangeDetectorRef);
|
|
13
|
+
subscription = new Subscription();
|
|
11
14
|
contentType = 'string';
|
|
12
15
|
content;
|
|
13
16
|
modalClasses = '';
|
|
17
|
+
/** True while the exit animation plays, just before the overlay is torn down. */
|
|
18
|
+
closing = false;
|
|
14
19
|
/** Stable, per-instance ids used to wire dialog ARIA relationships. */
|
|
15
20
|
_uid = Math.random().toString(36).substr(2, 9);
|
|
16
21
|
titleId = `tolle-modal-title-${this._uid}`;
|
|
@@ -22,16 +27,21 @@ export class ModalComponent {
|
|
|
22
27
|
this.content = this.ref.modal.content;
|
|
23
28
|
this.modalClasses = this.getModalSizeCss();
|
|
24
29
|
this.determineContentType();
|
|
30
|
+
this.subscription.add(this.ref.closing$.subscribe((closing) => {
|
|
31
|
+
this.closing = closing;
|
|
32
|
+
this.cdr.markForCheck();
|
|
33
|
+
}));
|
|
25
34
|
}
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
return !!(this.ref.modal.showCloseButton || this.ref.modal.title);
|
|
35
|
+
ngOnDestroy() {
|
|
36
|
+
this.subscription.unsubscribe();
|
|
29
37
|
}
|
|
30
38
|
getModalSizeCss() {
|
|
31
39
|
const { size } = this.ref.modal;
|
|
32
40
|
return cn(
|
|
33
41
|
// Surface: overlay card that never exceeds the viewport (header stays, body scrolls).
|
|
34
|
-
'
|
|
42
|
+
'relative flex w-full mx-auto flex-col gap-4 rounded-lg border border-border bg-background p-6 text-foreground shadow-lg duration-200',
|
|
43
|
+
// Enter/exit animation, driven by `data-state` (see `closing` above).
|
|
44
|
+
'data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95', 'data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95', size === 'fullscreen' ? 'h-screen w-screen rounded-none' : 'max-h-[85vh]',
|
|
35
45
|
// Sizing scale with explicit max-widths
|
|
36
46
|
size === 'xs' && 'max-w-[320px]', size === 'sm' && 'max-w-[425px]', size === 'default' && 'max-w-[512px]', size === 'lg' && 'max-w-[1024px]', size === 'xl' && 'max-w-[1280px]');
|
|
37
47
|
}
|
|
@@ -49,6 +59,7 @@ export class ModalComponent {
|
|
|
49
59
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: ModalComponent, deps: [{ token: i1.ModalRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
50
60
|
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: ModalComponent, isStandalone: true, selector: "tolle-modal", ngImport: i0, template: `
|
|
51
61
|
<div [class]="modalClasses" class="pointer-events-auto"
|
|
62
|
+
[attr.data-state]="closing ? 'closed' : 'open'"
|
|
52
63
|
role="dialog"
|
|
53
64
|
aria-modal="true"
|
|
54
65
|
[attr.aria-labelledby]="ref.modal.title ? titleId : null"
|
|
@@ -56,25 +67,26 @@ export class ModalComponent {
|
|
|
56
67
|
cdkTrapFocus cdkTrapFocusAutoCapture
|
|
57
68
|
(mousedown)="$event.stopPropagation()">
|
|
58
69
|
|
|
70
|
+
<button
|
|
71
|
+
*ngIf="ref.modal.showCloseButton"
|
|
72
|
+
type="button"
|
|
73
|
+
(click)="ref.close()"
|
|
74
|
+
aria-label="Close"
|
|
75
|
+
class="absolute right-4 top-4 grid h-6 w-6 place-items-center rounded-sm text-muted-foreground opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2">
|
|
76
|
+
<i class="ri-close-line text-base" aria-hidden="true"></i>
|
|
77
|
+
</button>
|
|
78
|
+
|
|
59
79
|
<!-- Header -->
|
|
60
|
-
<div *ngIf="
|
|
61
|
-
<h2
|
|
80
|
+
<div *ngIf="ref.modal.title" class="flex shrink-0 flex-col gap-1.5 pr-8 text-center sm:text-left">
|
|
81
|
+
<h2 [id]="titleId" class="text-lg font-semibold leading-none tracking-tight text-foreground">
|
|
62
82
|
{{ ref.modal.title }}
|
|
63
83
|
</h2>
|
|
64
|
-
<button
|
|
65
|
-
*ngIf="ref.modal.showCloseButton"
|
|
66
|
-
type="button"
|
|
67
|
-
(click)="ref.close()"
|
|
68
|
-
aria-label="Close"
|
|
69
|
-
class="-mr-2 -mt-2 ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
|
|
70
|
-
<i class="ri-close-line text-xl"></i>
|
|
71
|
-
</button>
|
|
72
84
|
</div>
|
|
73
85
|
|
|
74
86
|
<!-- Body -->
|
|
75
87
|
<div class="min-h-0 flex-1 overflow-y-auto">
|
|
76
88
|
<ng-container [ngSwitch]="contentType">
|
|
77
|
-
<p *ngSwitchCase="'string'" [id]="descId"
|
|
89
|
+
<p *ngSwitchCase="'string'" [id]="descId" class="text-sm leading-relaxed text-muted-foreground">{{ content }}</p>
|
|
78
90
|
|
|
79
91
|
<ng-container *ngSwitchCase="'template'">
|
|
80
92
|
<ng-container *ngTemplateOutlet="asTemplate; context: ref.modal.context"></ng-container>
|
|
@@ -92,6 +104,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
92
104
|
type: Component,
|
|
93
105
|
args: [{ selector: 'tolle-modal', standalone: true, imports: [CommonModule, A11yModule], template: `
|
|
94
106
|
<div [class]="modalClasses" class="pointer-events-auto"
|
|
107
|
+
[attr.data-state]="closing ? 'closed' : 'open'"
|
|
95
108
|
role="dialog"
|
|
96
109
|
aria-modal="true"
|
|
97
110
|
[attr.aria-labelledby]="ref.modal.title ? titleId : null"
|
|
@@ -99,25 +112,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
99
112
|
cdkTrapFocus cdkTrapFocusAutoCapture
|
|
100
113
|
(mousedown)="$event.stopPropagation()">
|
|
101
114
|
|
|
115
|
+
<button
|
|
116
|
+
*ngIf="ref.modal.showCloseButton"
|
|
117
|
+
type="button"
|
|
118
|
+
(click)="ref.close()"
|
|
119
|
+
aria-label="Close"
|
|
120
|
+
class="absolute right-4 top-4 grid h-6 w-6 place-items-center rounded-sm text-muted-foreground opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2">
|
|
121
|
+
<i class="ri-close-line text-base" aria-hidden="true"></i>
|
|
122
|
+
</button>
|
|
123
|
+
|
|
102
124
|
<!-- Header -->
|
|
103
|
-
<div *ngIf="
|
|
104
|
-
<h2
|
|
125
|
+
<div *ngIf="ref.modal.title" class="flex shrink-0 flex-col gap-1.5 pr-8 text-center sm:text-left">
|
|
126
|
+
<h2 [id]="titleId" class="text-lg font-semibold leading-none tracking-tight text-foreground">
|
|
105
127
|
{{ ref.modal.title }}
|
|
106
128
|
</h2>
|
|
107
|
-
<button
|
|
108
|
-
*ngIf="ref.modal.showCloseButton"
|
|
109
|
-
type="button"
|
|
110
|
-
(click)="ref.close()"
|
|
111
|
-
aria-label="Close"
|
|
112
|
-
class="-mr-2 -mt-2 ml-auto grid h-8 w-8 shrink-0 place-items-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring">
|
|
113
|
-
<i class="ri-close-line text-xl"></i>
|
|
114
|
-
</button>
|
|
115
129
|
</div>
|
|
116
130
|
|
|
117
131
|
<!-- Body -->
|
|
118
132
|
<div class="min-h-0 flex-1 overflow-y-auto">
|
|
119
133
|
<ng-container [ngSwitch]="contentType">
|
|
120
|
-
<p *ngSwitchCase="'string'" [id]="descId"
|
|
134
|
+
<p *ngSwitchCase="'string'" [id]="descId" class="text-sm leading-relaxed text-muted-foreground">{{ content }}</p>
|
|
121
135
|
|
|
122
136
|
<ng-container *ngSwitchCase="'template'">
|
|
123
137
|
<ng-container *ngTemplateOutlet="asTemplate; context: ref.modal.context"></ng-container>
|
|
@@ -131,4 +145,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImpo
|
|
|
131
145
|
</div>
|
|
132
146
|
`, styles: [":host{display:contents}\n"] }]
|
|
133
147
|
}], ctorParameters: () => [{ type: i1.ModalRef }] });
|
|
134
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
148
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvdG9sbGUvc3JjL2xpYi9tb2RhbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLGlCQUFpQixFQUFFLFNBQVMsRUFBRSxNQUFNLEVBQXFCLFdBQVcsRUFBUSxNQUFNLGVBQWUsQ0FBQztBQUMzRyxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxNQUFNLENBQUM7QUFFcEMsT0FBTyxFQUFFLEVBQUUsRUFBRSxNQUFNLFlBQVksQ0FBQzs7Ozs7QUFzRGhDLE1BQU0sT0FBTyxjQUFjO0lBZU47SUFkRixHQUFHLEdBQUcsTUFBTSxDQUFDLGlCQUFpQixDQUFDLENBQUM7SUFDaEMsWUFBWSxHQUFHLElBQUksWUFBWSxFQUFFLENBQUM7SUFFbkQsV0FBVyxHQUF3QyxRQUFRLENBQUM7SUFDNUQsT0FBTyxDQUFNO0lBQ2IsWUFBWSxHQUFHLEVBQUUsQ0FBQztJQUNsQixpRkFBaUY7SUFDakYsT0FBTyxHQUFHLEtBQUssQ0FBQztJQUVoQix1RUFBdUU7SUFDdEQsSUFBSSxHQUFHLElBQUksQ0FBQyxNQUFNLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxDQUFDLENBQUMsTUFBTSxDQUFDLENBQUMsRUFBRSxDQUFDLENBQUMsQ0FBQztJQUN2RCxPQUFPLEdBQUcscUJBQXFCLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUMzQyxNQUFNLEdBQUcsb0JBQW9CLElBQUksQ0FBQyxJQUFJLEVBQUUsQ0FBQztJQUVsRCxZQUFtQixHQUFhO1FBQWIsUUFBRyxHQUFILEdBQUcsQ0FBVTtJQUFHLENBQUM7SUFFcEMsUUFBUTtRQUNOLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLEdBQUcsQ0FBQyxLQUFLLENBQUMsT0FBTyxDQUFDO1FBQ3RDLElBQUksQ0FBQyxZQUFZLEdBQUcsSUFBSSxDQUFDLGVBQWUsRUFBRSxDQUFDO1FBQzNDLElBQUksQ0FBQyxvQkFBb0IsRUFBRSxDQUFDO1FBRTVCLElBQUksQ0FBQyxZQUFZLENBQUMsR0FBRyxDQUNuQixJQUFJLENBQUMsR0FBRyxDQUFDLFFBQVEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxPQUFPLEVBQUUsRUFBRTtZQUN0QyxJQUFJLENBQUMsT0FBTyxHQUFHLE9BQU8sQ0FBQztZQUN2QixJQUFJLENBQUMsR0FBRyxDQUFDLFlBQVksRUFBRSxDQUFDO1FBQzFCLENBQUMsQ0FBQyxDQUNILENBQUM7SUFDSixDQUFDO0lBRUQsV0FBVztRQUNULElBQUksQ0FBQyxZQUFZLENBQUMsV0FBVyxFQUFFLENBQUM7SUFDbEMsQ0FBQztJQUVPLGVBQWU7UUFDckIsTUFBTSxFQUFFLElBQUksRUFBRSxHQUFHLElBQUksQ0FBQyxHQUFHLENBQUMsS0FBSyxDQUFDO1FBRWhDLE9BQU8sRUFBRTtRQUNQLHNGQUFzRjtRQUN0RixzSUFBc0k7UUFFdEksc0VBQXNFO1FBQ3RFLHVGQUF1RixFQUN2RixnR0FBZ0csRUFFaEcsSUFBSSxLQUFLLFlBQVksQ0FBQyxDQUFDLENBQUMsZ0NBQWdDLENBQUMsQ0FBQyxDQUFDLGNBQWM7UUFFekUsd0NBQXdDO1FBQ3hDLElBQUksS0FBSyxJQUFJLElBQUksZUFBZSxFQUNoQyxJQUFJLEtBQUssSUFBSSxJQUFJLGVBQWUsRUFDaEMsSUFBSSxLQUFLLFNBQVMsSUFBSSxlQUFlLEVBQ3JDLElBQUksS0FBSyxJQUFJLElBQUksZ0JBQWdCLEVBQ2pDLElBQUksS0FBSyxJQUFJLElBQUksZ0JBQWdCLENBQ2xDLENBQUM7SUFDSixDQUFDO0lBRU8sb0JBQW9CO1FBQzFCLElBQUksT0FBTyxJQUFJLENBQUMsT0FBTyxLQUFLLFFBQVE7WUFBRSxJQUFJLENBQUMsV0FBVyxHQUFHLFFBQVEsQ0FBQzthQUM3RCxJQUFJLElBQUksQ0FBQyxPQUFPLFlBQVksV0FBVztZQUFFLElBQUksQ0FBQyxXQUFXLEdBQUcsVUFBVSxDQUFDOztZQUN2RSxJQUFJLENBQUMsV0FBVyxHQUFHLFdBQVcsQ0FBQztJQUN0QyxDQUFDO0lBRUQsSUFBSSxVQUFVLEtBQUssT0FBTyxJQUFJLENBQUMsT0FBMkIsQ0FBQyxDQUFDLENBQUM7SUFDN0QsSUFBSSxXQUFXLEtBQUssT0FBTyxJQUFJLENBQUMsT0FBb0IsQ0FBQyxDQUFDLENBQUM7SUFDN0MsRUFBRSxHQUFHLEVBQUUsQ0FBQzt3R0FoRVAsY0FBYzs0RkFBZCxjQUFjLHVFQWhEZjs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7R0F5Q1Qsa0dBMUNTLFlBQVksNnVCQUFFLFVBQVU7OzRGQWlEdkIsY0FBYztrQkFwRDFCLFNBQVM7K0JBQ0UsYUFBYSxjQUNYLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxVQUFVLENBQUMsWUFDekI7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7Ozs7O0dBeUNUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ2hhbmdlRGV0ZWN0b3JSZWYsIENvbXBvbmVudCwgaW5qZWN0LCBPbkRlc3Ryb3ksIE9uSW5pdCwgVGVtcGxhdGVSZWYsIFR5cGUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQgeyBBMTF5TW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2ExMXknO1xuaW1wb3J0IHsgU3Vic2NyaXB0aW9uIH0gZnJvbSAncnhqcyc7XG5pbXBvcnQgeyBNb2RhbFJlZiB9IGZyb20gJy4vbW9kYWwtcmVmJztcbmltcG9ydCB7IGNuIH0gZnJvbSAnLi91dGlscy9jbic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3RvbGxlLW1vZGFsJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgQTExeU1vZHVsZV0sXG4gIHRlbXBsYXRlOiBgXG4gICAgPGRpdiBbY2xhc3NdPVwibW9kYWxDbGFzc2VzXCIgY2xhc3M9XCJwb2ludGVyLWV2ZW50cy1hdXRvXCJcbiAgICAgIFthdHRyLmRhdGEtc3RhdGVdPVwiY2xvc2luZyA/ICdjbG9zZWQnIDogJ29wZW4nXCJcbiAgICAgIHJvbGU9XCJkaWFsb2dcIlxuICAgICAgYXJpYS1tb2RhbD1cInRydWVcIlxuICAgICAgW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XT1cInJlZi5tb2RhbC50aXRsZSA/IHRpdGxlSWQgOiBudWxsXCJcbiAgICAgIFthdHRyLmFyaWEtZGVzY3JpYmVkYnldPVwiY29udGVudFR5cGUgPT09ICdzdHJpbmcnID8gZGVzY0lkIDogbnVsbFwiXG4gICAgICBjZGtUcmFwRm9jdXMgY2RrVHJhcEZvY3VzQXV0b0NhcHR1cmVcbiAgICAgIChtb3VzZWRvd24pPVwiJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpXCI+XG5cbiAgICAgIDxidXR0b25cbiAgICAgICAgKm5nSWY9XCJyZWYubW9kYWwuc2hvd0Nsb3NlQnV0dG9uXCJcbiAgICAgICAgdHlwZT1cImJ1dHRvblwiXG4gICAgICAgIChjbGljayk9XCJyZWYuY2xvc2UoKVwiXG4gICAgICAgIGFyaWEtbGFiZWw9XCJDbG9zZVwiXG4gICAgICAgIGNsYXNzPVwiYWJzb2x1dGUgcmlnaHQtNCB0b3AtNCBncmlkIGgtNiB3LTYgcGxhY2UtaXRlbXMtY2VudGVyIHJvdW5kZWQtc20gdGV4dC1tdXRlZC1mb3JlZ3JvdW5kIG9wYWNpdHktNzAgcmluZy1vZmZzZXQtYmFja2dyb3VuZCB0cmFuc2l0aW9uLW9wYWNpdHkgaG92ZXI6b3BhY2l0eS0xMDAgZm9jdXMtdmlzaWJsZTpvdXRsaW5lLW5vbmUgZm9jdXMtdmlzaWJsZTpyaW5nLTIgZm9jdXMtdmlzaWJsZTpyaW5nLXJpbmcgZm9jdXMtdmlzaWJsZTpyaW5nLW9mZnNldC0yXCI+XG4gICAgICAgIDxpIGNsYXNzPVwicmktY2xvc2UtbGluZSB0ZXh0LWJhc2VcIiBhcmlhLWhpZGRlbj1cInRydWVcIj48L2k+XG4gICAgICA8L2J1dHRvbj5cblxuICAgICAgPCEtLSBIZWFkZXIgLS0+XG4gICAgICA8ZGl2ICpuZ0lmPVwicmVmLm1vZGFsLnRpdGxlXCIgY2xhc3M9XCJmbGV4IHNocmluay0wIGZsZXgtY29sIGdhcC0xLjUgcHItOCB0ZXh0LWNlbnRlciBzbTp0ZXh0LWxlZnRcIj5cbiAgICAgICAgPGgyIFtpZF09XCJ0aXRsZUlkXCIgY2xhc3M9XCJ0ZXh0LWxnIGZvbnQtc2VtaWJvbGQgbGVhZGluZy1ub25lIHRyYWNraW5nLXRpZ2h0IHRleHQtZm9yZWdyb3VuZFwiPlxuICAgICAgICAgIHt7IHJlZi5tb2RhbC50aXRsZSB9fVxuICAgICAgICA8L2gyPlxuICAgICAgPC9kaXY+XG5cbiAgICAgIDwhLS0gQm9keSAtLT5cbiAgICAgIDxkaXYgY2xhc3M9XCJtaW4taC0wIGZsZXgtMSBvdmVyZmxvdy15LWF1dG9cIj5cbiAgICAgICAgPG5nLWNvbnRhaW5lciBbbmdTd2l0Y2hdPVwiY29udGVudFR5cGVcIj5cbiAgICAgICAgICA8cCAqbmdTd2l0Y2hDYXNlPVwiJ3N0cmluZydcIiBbaWRdPVwiZGVzY0lkXCIgY2xhc3M9XCJ0ZXh0LXNtIGxlYWRpbmctcmVsYXhlZCB0ZXh0LW11dGVkLWZvcmVncm91bmRcIj57eyBjb250ZW50IH19PC9wPlxuXG4gICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdTd2l0Y2hDYXNlPVwiJ3RlbXBsYXRlJ1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdUZW1wbGF0ZU91dGxldD1cImFzVGVtcGxhdGU7IGNvbnRleHQ6IHJlZi5tb2RhbC5jb250ZXh0XCI+PC9uZy1jb250YWluZXI+XG4gICAgICAgICAgPC9uZy1jb250YWluZXI+XG5cbiAgICAgICAgICA8bmctY29udGFpbmVyICpuZ1N3aXRjaENhc2U9XCInY29tcG9uZW50J1wiPlxuICAgICAgICAgICAgPG5nLWNvbnRhaW5lciAqbmdDb21wb25lbnRPdXRsZXQ9XCJhc0NvbXBvbmVudFwiPjwvbmctY29udGFpbmVyPlxuICAgICAgICAgIDwvbmctY29udGFpbmVyPlxuICAgICAgICA8L25nLWNvbnRhaW5lcj5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICBgLFxuICBzdHlsZXM6IFtgXG4gICAgOmhvc3Qge1xuICAgICAgZGlzcGxheTogY29udGVudHM7IC8qIFRoaXMgbWFrZXMgdGhlIGhvc3QgXCJkaXNhcHBlYXJcIiBzbyB0aGUgZGl2IHRhcmdldHMgdGhlIG92ZXJsYXkgcGFuZSBkaXJlY3RseSAqL1xuICAgIH1cbiAgYF1cbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxDb21wb25lbnQgaW1wbGVtZW50cyBPbkluaXQsIE9uRGVzdHJveSB7XG4gIHByaXZhdGUgcmVhZG9ubHkgY2RyID0gaW5qZWN0KENoYW5nZURldGVjdG9yUmVmKTtcbiAgcHJpdmF0ZSByZWFkb25seSBzdWJzY3JpcHRpb24gPSBuZXcgU3Vic2NyaXB0aW9uKCk7XG5cbiAgY29udGVudFR5cGU6ICd0ZW1wbGF0ZScgfCAnc3RyaW5nJyB8ICdjb21wb25lbnQnID0gJ3N0cmluZyc7XG4gIGNvbnRlbnQ6IGFueTtcbiAgbW9kYWxDbGFzc2VzID0gJyc7XG4gIC8qKiBUcnVlIHdoaWxlIHRoZSBleGl0IGFuaW1hdGlvbiBwbGF5cywganVzdCBiZWZvcmUgdGhlIG92ZXJsYXkgaXMgdG9ybiBkb3duLiAqL1xuICBjbG9zaW5nID0gZmFsc2U7XG5cbiAgLyoqIFN0YWJsZSwgcGVyLWluc3RhbmNlIGlkcyB1c2VkIHRvIHdpcmUgZGlhbG9nIEFSSUEgcmVsYXRpb25zaGlwcy4gKi9cbiAgcHJpdmF0ZSByZWFkb25seSBfdWlkID0gTWF0aC5yYW5kb20oKS50b1N0cmluZygzNikuc3Vic3RyKDIsIDkpO1xuICByZWFkb25seSB0aXRsZUlkID0gYHRvbGxlLW1vZGFsLXRpdGxlLSR7dGhpcy5fdWlkfWA7XG4gIHJlYWRvbmx5IGRlc2NJZCA9IGB0b2xsZS1tb2RhbC1kZXNjLSR7dGhpcy5fdWlkfWA7XG5cbiAgY29uc3RydWN0b3IocHVibGljIHJlZjogTW9kYWxSZWYpIHt9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgdGhpcy5jb250ZW50ID0gdGhpcy5yZWYubW9kYWwuY29udGVudDtcbiAgICB0aGlzLm1vZGFsQ2xhc3NlcyA9IHRoaXMuZ2V0TW9kYWxTaXplQ3NzKCk7XG4gICAgdGhpcy5kZXRlcm1pbmVDb250ZW50VHlwZSgpO1xuXG4gICAgdGhpcy5zdWJzY3JpcHRpb24uYWRkKFxuICAgICAgdGhpcy5yZWYuY2xvc2luZyQuc3Vic2NyaWJlKChjbG9zaW5nKSA9PiB7XG4gICAgICAgIHRoaXMuY2xvc2luZyA9IGNsb3Npbmc7XG4gICAgICAgIHRoaXMuY2RyLm1hcmtGb3JDaGVjaygpO1xuICAgICAgfSlcbiAgICApO1xuICB9XG5cbiAgbmdPbkRlc3Ryb3koKSB7XG4gICAgdGhpcy5zdWJzY3JpcHRpb24udW5zdWJzY3JpYmUoKTtcbiAgfVxuXG4gIHByaXZhdGUgZ2V0TW9kYWxTaXplQ3NzKCk6IHN0cmluZyB7XG4gICAgY29uc3QgeyBzaXplIH0gPSB0aGlzLnJlZi5tb2RhbDtcblxuICAgIHJldHVybiBjbihcbiAgICAgIC8vIFN1cmZhY2U6IG92ZXJsYXkgY2FyZCB0aGF0IG5ldmVyIGV4Y2VlZHMgdGhlIHZpZXdwb3J0IChoZWFkZXIgc3RheXMsIGJvZHkgc2Nyb2xscykuXG4gICAgICAncmVsYXRpdmUgZmxleCB3LWZ1bGwgbXgtYXV0byBmbGV4LWNvbCBnYXAtNCByb3VuZGVkLWxnIGJvcmRlciBib3JkZXItYm9yZGVyIGJnLWJhY2tncm91bmQgcC02IHRleHQtZm9yZWdyb3VuZCBzaGFkb3ctbGcgZHVyYXRpb24tMjAwJyxcblxuICAgICAgLy8gRW50ZXIvZXhpdCBhbmltYXRpb24sIGRyaXZlbiBieSBgZGF0YS1zdGF0ZWAgKHNlZSBgY2xvc2luZ2AgYWJvdmUpLlxuICAgICAgJ2RhdGEtW3N0YXRlPW9wZW5dOmFuaW1hdGUtaW4gZGF0YS1bc3RhdGU9b3Blbl06ZmFkZS1pbi0wIGRhdGEtW3N0YXRlPW9wZW5dOnpvb20taW4tOTUnLFxuICAgICAgJ2RhdGEtW3N0YXRlPWNsb3NlZF06YW5pbWF0ZS1vdXQgZGF0YS1bc3RhdGU9Y2xvc2VkXTpmYWRlLW91dC0wIGRhdGEtW3N0YXRlPWNsb3NlZF06em9vbS1vdXQtOTUnLFxuXG4gICAgICBzaXplID09PSAnZnVsbHNjcmVlbicgPyAnaC1zY3JlZW4gdy1zY3JlZW4gcm91bmRlZC1ub25lJyA6ICdtYXgtaC1bODV2aF0nLFxuXG4gICAgICAvLyBTaXppbmcgc2NhbGUgd2l0aCBleHBsaWNpdCBtYXgtd2lkdGhzXG4gICAgICBzaXplID09PSAneHMnICYmICdtYXgtdy1bMzIwcHhdJyxcbiAgICAgIHNpemUgPT09ICdzbScgJiYgJ21heC13LVs0MjVweF0nLFxuICAgICAgc2l6ZSA9PT0gJ2RlZmF1bHQnICYmICdtYXgtdy1bNTEycHhdJyxcbiAgICAgIHNpemUgPT09ICdsZycgJiYgJ21heC13LVsxMDI0cHhdJyxcbiAgICAgIHNpemUgPT09ICd4bCcgJiYgJ21heC13LVsxMjgwcHhdJ1xuICAgICk7XG4gIH1cblxuICBwcml2YXRlIGRldGVybWluZUNvbnRlbnRUeXBlKCkge1xuICAgIGlmICh0eXBlb2YgdGhpcy5jb250ZW50ID09PSAnc3RyaW5nJykgdGhpcy5jb250ZW50VHlwZSA9ICdzdHJpbmcnO1xuICAgIGVsc2UgaWYgKHRoaXMuY29udGVudCBpbnN0YW5jZW9mIFRlbXBsYXRlUmVmKSB0aGlzLmNvbnRlbnRUeXBlID0gJ3RlbXBsYXRlJztcbiAgICBlbHNlIHRoaXMuY29udGVudFR5cGUgPSAnY29tcG9uZW50JztcbiAgfVxuXG4gIGdldCBhc1RlbXBsYXRlKCkgeyByZXR1cm4gdGhpcy5jb250ZW50IGFzIFRlbXBsYXRlUmVmPGFueT47IH1cbiAgZ2V0IGFzQ29tcG9uZW50KCkgeyByZXR1cm4gdGhpcy5jb250ZW50IGFzIFR5cGU8YW55PjsgfVxuICBwcm90ZWN0ZWQgY24gPSBjbjtcbn1cbiJdfQ==
|
package/esm2022/lib/modal.mjs
CHANGED
|
@@ -1,29 +1,2 @@
|
|
|
1
|
-
export
|
|
2
|
-
|
|
3
|
-
content;
|
|
4
|
-
/** Optional title for the standard header */
|
|
5
|
-
title;
|
|
6
|
-
/** * Predefined size scale.
|
|
7
|
-
* - xs: 320px (Mobile alerts)
|
|
8
|
-
* - sm: 425px (Standard dialogs)
|
|
9
|
-
* - default: 544px (Forms)
|
|
10
|
-
* - lg: 90% / 1024px (Data tables)
|
|
11
|
-
* - xl: 1280px (Large forms, dashboards)
|
|
12
|
-
* - fullscreen: 100vw/100vh (Complex workflows)
|
|
13
|
-
*/
|
|
14
|
-
size = 'default';
|
|
15
|
-
/** * If true (default), clicking the backdrop closes the modal.
|
|
16
|
-
* Set to false for "blocking" modals (e.g., Terms of Service).
|
|
17
|
-
*/
|
|
18
|
-
backdropClose = true;
|
|
19
|
-
/** * Data to pass to a Component content.
|
|
20
|
-
* Accessed via @Input() in the child component.
|
|
21
|
-
*/
|
|
22
|
-
data;
|
|
23
|
-
/** * Context to pass to a TemplateRef content.
|
|
24
|
-
* Accessed via `let-val` in the HTML.
|
|
25
|
-
*/
|
|
26
|
-
context;
|
|
27
|
-
showCloseButton = true;
|
|
28
|
-
}
|
|
29
|
-
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy90b2xsZS9zcmMvbGliL21vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUVBLE1BQU0sT0FBTyxLQUFLO0lBQ2hCLDhEQUE4RDtJQUM5RCxPQUFPLENBQXlDO0lBRWhELDZDQUE2QztJQUM3QyxLQUFLLENBQVU7SUFFZjs7Ozs7OztPQU9HO0lBQ0gsSUFBSSxHQUEwRCxTQUFTLENBQUM7SUFFeEU7O09BRUc7SUFDSCxhQUFhLEdBQWEsSUFBSSxDQUFDO0lBRS9COztPQUVHO0lBQ0gsSUFBSSxDQUEwQjtJQUU5Qjs7T0FFRztJQUNILE9BQU8sQ0FBSztJQUVaLGVBQWUsR0FBYSxJQUFJLENBQUM7Q0FDbEMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZW1wbGF0ZVJlZiwgVHlwZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbmV4cG9ydCBjbGFzcyBNb2RhbDxUID0gYW55PiB7XG4gIC8qKiBUaGUgY29udGVudCB0byBkaXNwbGF5IChTdHJpbmcsIENvbXBvbmVudCwgb3IgVGVtcGxhdGUpICovXG4gIGNvbnRlbnQhOiBzdHJpbmcgfCBUeXBlPGFueT4gfCBUZW1wbGF0ZVJlZjxhbnk+O1xuXG4gIC8qKiBPcHRpb25hbCB0aXRsZSBmb3IgdGhlIHN0YW5kYXJkIGhlYWRlciAqL1xuICB0aXRsZT86IHN0cmluZztcblxuICAvKiogKiBQcmVkZWZpbmVkIHNpemUgc2NhbGUuXG4gICAqIC0geHM6IDMyMHB4IChNb2JpbGUgYWxlcnRzKVxuICAgKiAtIHNtOiA0MjVweCAoU3RhbmRhcmQgZGlhbG9ncylcbiAgICogLSBkZWZhdWx0OiA1NDRweCAoRm9ybXMpXG4gICAqIC0gbGc6IDkwJSAvIDEwMjRweCAoRGF0YSB0YWJsZXMpXG4gICAqIC0geGw6IDEyODBweCAoTGFyZ2UgZm9ybXMsIGRhc2hib2FyZHMpXG4gICAqIC0gZnVsbHNjcmVlbjogMTAwdncvMTAwdmggKENvbXBsZXggd29ya2Zsb3dzKVxuICAgKi9cbiAgc2l6ZT86ICd4cycgfCAnc20nIHwgJ2RlZmF1bHQnIHwgJ2xnJyB8ICd4bCcgfCAnZnVsbHNjcmVlbicgPSAnZGVmYXVsdCc7XG5cbiAgLyoqICogSWYgdHJ1ZSAoZGVmYXVsdCksIGNsaWNraW5nIHRoZSBiYWNrZHJvcCBjbG9zZXMgdGhlIG1vZGFsLlxuICAgKiBTZXQgdG8gZmFsc2UgZm9yIFwiYmxvY2tpbmdcIiBtb2RhbHMgKGUuZy4sIFRlcm1zIG9mIFNlcnZpY2UpLlxuICAgKi9cbiAgYmFja2Ryb3BDbG9zZT86IGJvb2xlYW4gPSB0cnVlO1xuXG4gIC8qKiAqIERhdGEgdG8gcGFzcyB0byBhIENvbXBvbmVudCBjb250ZW50LlxuICAgKiBBY2Nlc3NlZCB2aWEgQElucHV0KCkgaW4gdGhlIGNoaWxkIGNvbXBvbmVudC5cbiAgICovXG4gIGRhdGE/OiB7IFtrZXk6IHN0cmluZ106IGFueSB9O1xuXG4gIC8qKiAqIENvbnRleHQgdG8gcGFzcyB0byBhIFRlbXBsYXRlUmVmIGNvbnRlbnQuXG4gICAqIEFjY2Vzc2VkIHZpYSBgbGV0LXZhbGAgaW4gdGhlIEhUTUwuXG4gICAqL1xuICBjb250ZXh0PzogVDtcblxuICBzaG93Q2xvc2VCdXR0b24/OiBib29sZWFuID0gdHJ1ZTtcbn1cbiJdfQ==
|
|
1
|
+
export {};
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy90b2xsZS9zcmMvbGliL21vZGFsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBUZW1wbGF0ZVJlZiwgVHlwZSB9IGZyb20gXCJAYW5ndWxhci9jb3JlXCI7XG5cbi8qKlxuICogQ29uZmlndXJhdGlvbiBmb3IgYE1vZGFsU2VydmljZS5vcGVuKClgLiBBbHdheXMgcGFzc2VkIGFzIGEgcGxhaW4gb2JqZWN0XG4gKiBsaXRlcmFsLCBzbyB1bnNldCBmaWVsZHMgZmFsbCBiYWNrIHRvIGBNT0RBTF9ERUZBVUxUU2AgaW4gYG1vZGFsLnNlcnZpY2UudHNgXG4gKiByYXRoZXIgdGhhbiBhIGNsYXNzIGZpZWxkIGluaXRpYWxpemVyIOKAlCB0aG9zZSBuZXZlciBydW4gZm9yIGEgbGl0ZXJhbC5cbiAqL1xuZXhwb3J0IGludGVyZmFjZSBNb2RhbDxUID0gYW55PiB7XG4gIC8qKiBUaGUgY29udGVudCB0byBkaXNwbGF5IChTdHJpbmcsIENvbXBvbmVudCwgb3IgVGVtcGxhdGUpICovXG4gIGNvbnRlbnQ6IHN0cmluZyB8IFR5cGU8YW55PiB8IFRlbXBsYXRlUmVmPGFueT47XG5cbiAgLyoqIE9wdGlvbmFsIHRpdGxlIGZvciB0aGUgc3RhbmRhcmQgaGVhZGVyICovXG4gIHRpdGxlPzogc3RyaW5nO1xuXG4gIC8qKiAqIFByZWRlZmluZWQgc2l6ZSBzY2FsZS5cbiAgICogLSB4czogMzIwcHggKE1vYmlsZSBhbGVydHMpXG4gICAqIC0gc206IDQyNXB4IChTdGFuZGFyZCBkaWFsb2dzKVxuICAgKiAtIGRlZmF1bHQ6IDUxMnB4IChGb3JtcylcbiAgICogLSBsZzogMTAyNHB4IChEYXRhIHRhYmxlcylcbiAgICogLSB4bDogMTI4MHB4IChMYXJnZSBmb3JtcywgZGFzaGJvYXJkcylcbiAgICogLSBmdWxsc2NyZWVuOiAxMDB2dy8xMDB2aCAoQ29tcGxleCB3b3JrZmxvd3MpXG4gICAqL1xuICBzaXplPzogJ3hzJyB8ICdzbScgfCAnZGVmYXVsdCcgfCAnbGcnIHwgJ3hsJyB8ICdmdWxsc2NyZWVuJztcblxuICAvKiogKiBJZiB0cnVlIChkZWZhdWx0KSwgY2xpY2tpbmcgdGhlIGJhY2tkcm9wIGNsb3NlcyB0aGUgbW9kYWwuXG4gICAqIFNldCB0byBmYWxzZSBmb3IgXCJibG9ja2luZ1wiIG1vZGFscyAoZS5nLiwgVGVybXMgb2YgU2VydmljZSkuXG4gICAqL1xuICBiYWNrZHJvcENsb3NlPzogYm9vbGVhbjtcblxuICAvKiogKiBEYXRhIHRvIHBhc3MgdG8gYSBDb21wb25lbnQgY29udGVudC5cbiAgICogQWNjZXNzZWQgdmlhIEBJbnB1dCgpIGluIHRoZSBjaGlsZCBjb21wb25lbnQuXG4gICAqL1xuICBkYXRhPzogeyBba2V5OiBzdHJpbmddOiBhbnkgfTtcblxuICAvKiogKiBDb250ZXh0IHRvIHBhc3MgdG8gYSBUZW1wbGF0ZVJlZiBjb250ZW50LlxuICAgKiBBY2Nlc3NlZCB2aWEgYGxldC12YWxgIGluIHRoZSBIVE1MLlxuICAgKi9cbiAgY29udGV4dD86IFQ7XG5cbiAgLyoqIFdoZXRoZXIgdGhlIGJ1aWx0LWluIGNvcm5lciBjbG9zZSBidXR0b24gcmVuZGVycy4gRGVmYXVsdHMgdG8gdHJ1ZS4gKi9cbiAgc2hvd0Nsb3NlQnV0dG9uPzogYm9vbGVhbjtcbn1cbiJdfQ==
|