@spartan-ng/brain 0.0.1-alpha.707 → 0.0.1-alpha.708
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/spartan-ng-brain-accordion.mjs +30 -30
- package/fesm2022/spartan-ng-brain-accordion.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-alert-dialog.mjs +19 -19
- package/fesm2022/spartan-ng-brain-alert-dialog.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-autocomplete.mjs +89 -102
- package/fesm2022/spartan-ng-brain-autocomplete.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-avatar.mjs +15 -15
- package/fesm2022/spartan-ng-brain-avatar.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-button.mjs +4 -4
- package/fesm2022/spartan-ng-brain-button.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-calendar.mjs +120 -127
- package/fesm2022/spartan-ng-brain-calendar.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-checkbox.mjs +24 -24
- package/fesm2022/spartan-ng-brain-checkbox.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-collapsible.mjs +17 -17
- package/fesm2022/spartan-ng-brain-collapsible.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-combobox.mjs +151 -178
- package/fesm2022/spartan-ng-brain-combobox.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-command.mjs +43 -52
- package/fesm2022/spartan-ng-brain-command.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-core.mjs +5 -5
- package/fesm2022/spartan-ng-brain-core.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-date-time-luxon.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-date-time.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-dialog.mjs +72 -86
- package/fesm2022/spartan-ng-brain-dialog.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-field.mjs +38 -43
- package/fesm2022/spartan-ng-brain-field.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-forms.mjs +20 -20
- package/fesm2022/spartan-ng-brain-forms.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-hover-card.mjs +24 -32
- package/fesm2022/spartan-ng-brain-hover-card.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-input-otp.mjs +23 -25
- package/fesm2022/spartan-ng-brain-input-otp.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-input.mjs +6 -6
- package/fesm2022/spartan-ng-brain-input.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-label.mjs +6 -6
- package/fesm2022/spartan-ng-brain-label.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-navigation-menu.mjs +49 -53
- package/fesm2022/spartan-ng-brain-navigation-menu.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-popover.mjs +13 -15
- package/fesm2022/spartan-ng-brain-popover.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-progress.mjs +11 -13
- package/fesm2022/spartan-ng-brain-progress.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-radio-group.mjs +28 -34
- package/fesm2022/spartan-ng-brain-radio-group.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-resizable.mjs +23 -23
- package/fesm2022/spartan-ng-brain-resizable.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-select.mjs +102 -105
- package/fesm2022/spartan-ng-brain-select.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-separator.mjs +7 -7
- package/fesm2022/spartan-ng-brain-separator.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-sheet.mjs +24 -24
- package/fesm2022/spartan-ng-brain-sheet.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-slider.mjs +52 -76
- package/fesm2022/spartan-ng-brain-slider.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-sonner.mjs +108 -132
- package/fesm2022/spartan-ng-brain-sonner.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-switch.mjs +21 -23
- package/fesm2022/spartan-ng-brain-switch.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-tabs.mjs +36 -39
- package/fesm2022/spartan-ng-brain-tabs.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-textarea.mjs +6 -6
- package/fesm2022/spartan-ng-brain-textarea.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-toggle-group.mjs +21 -27
- package/fesm2022/spartan-ng-brain-toggle-group.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-toggle.mjs +10 -12
- package/fesm2022/spartan-ng-brain-toggle.mjs.map +1 -1
- package/fesm2022/spartan-ng-brain-tooltip.mjs +27 -27
- package/fesm2022/spartan-ng-brain-tooltip.mjs.map +1 -1
- package/hlm-tailwind-preset.css +6 -6
- package/package.json +44 -43
- package/{autocomplete/index.d.ts → types/spartan-ng-brain-autocomplete.d.ts} +10 -10
- package/{calendar/index.d.ts → types/spartan-ng-brain-calendar.d.ts} +2 -2
- package/{combobox/index.d.ts → types/spartan-ng-brain-combobox.d.ts} +10 -10
- package/{dialog/index.d.ts → types/spartan-ng-brain-dialog.d.ts} +1 -1
- package/{hover-card/index.d.ts → types/spartan-ng-brain-hover-card.d.ts} +1 -1
- package/{select/index.d.ts → types/spartan-ng-brain-select.d.ts} +11 -11
- /package/{accordion/index.d.ts → types/spartan-ng-brain-accordion.d.ts} +0 -0
- /package/{alert-dialog/index.d.ts → types/spartan-ng-brain-alert-dialog.d.ts} +0 -0
- /package/{avatar/index.d.ts → types/spartan-ng-brain-avatar.d.ts} +0 -0
- /package/{button/index.d.ts → types/spartan-ng-brain-button.d.ts} +0 -0
- /package/{checkbox/index.d.ts → types/spartan-ng-brain-checkbox.d.ts} +0 -0
- /package/{collapsible/index.d.ts → types/spartan-ng-brain-collapsible.d.ts} +0 -0
- /package/{command/index.d.ts → types/spartan-ng-brain-command.d.ts} +0 -0
- /package/{core/index.d.ts → types/spartan-ng-brain-core.d.ts} +0 -0
- /package/{date-time-luxon/index.d.ts → types/spartan-ng-brain-date-time-luxon.d.ts} +0 -0
- /package/{date-time/index.d.ts → types/spartan-ng-brain-date-time.d.ts} +0 -0
- /package/{field/index.d.ts → types/spartan-ng-brain-field.d.ts} +0 -0
- /package/{forms/index.d.ts → types/spartan-ng-brain-forms.d.ts} +0 -0
- /package/{input-otp/index.d.ts → types/spartan-ng-brain-input-otp.d.ts} +0 -0
- /package/{input/index.d.ts → types/spartan-ng-brain-input.d.ts} +0 -0
- /package/{label/index.d.ts → types/spartan-ng-brain-label.d.ts} +0 -0
- /package/{navigation-menu/index.d.ts → types/spartan-ng-brain-navigation-menu.d.ts} +0 -0
- /package/{popover/index.d.ts → types/spartan-ng-brain-popover.d.ts} +0 -0
- /package/{progress/index.d.ts → types/spartan-ng-brain-progress.d.ts} +0 -0
- /package/{radio-group/index.d.ts → types/spartan-ng-brain-radio-group.d.ts} +0 -0
- /package/{resizable/index.d.ts → types/spartan-ng-brain-resizable.d.ts} +0 -0
- /package/{separator/index.d.ts → types/spartan-ng-brain-separator.d.ts} +0 -0
- /package/{sheet/index.d.ts → types/spartan-ng-brain-sheet.d.ts} +0 -0
- /package/{slider/index.d.ts → types/spartan-ng-brain-slider.d.ts} +0 -0
- /package/{sonner/index.d.ts → types/spartan-ng-brain-sonner.d.ts} +0 -0
- /package/{switch/index.d.ts → types/spartan-ng-brain-switch.d.ts} +0 -0
- /package/{tabs/index.d.ts → types/spartan-ng-brain-tabs.d.ts} +0 -0
- /package/{textarea/index.d.ts → types/spartan-ng-brain-textarea.d.ts} +0 -0
- /package/{toggle-group/index.d.ts → types/spartan-ng-brain-toggle-group.d.ts} +0 -0
- /package/{toggle/index.d.ts → types/spartan-ng-brain-toggle.d.ts} +0 -0
- /package/{tooltip/index.d.ts → types/spartan-ng-brain-tooltip.d.ts} +0 -0
- /package/{index.d.ts → types/spartan-ng-brain.d.ts} +0 -0
|
@@ -5,9 +5,9 @@ import { input, ChangeDetectionStrategy, Component, booleanAttribute, InjectionT
|
|
|
5
5
|
import clsx from 'clsx';
|
|
6
6
|
|
|
7
7
|
class BrnSonnerIcon {
|
|
8
|
-
type = input('default', ...(ngDevMode ? [{ debugName: "type" }] : []));
|
|
9
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
10
|
-
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
8
|
+
type = input('default', ...(ngDevMode ? [{ debugName: "type" }] : /* istanbul ignore next */ []));
|
|
9
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BrnSonnerIcon, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
10
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: BrnSonnerIcon, isStandalone: true, selector: "brn-sonner-icon", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null } }, ngImport: i0, template: `
|
|
11
11
|
@switch (type()) {
|
|
12
12
|
@case ('success') {
|
|
13
13
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="currentColor" height="20" width="20">
|
|
@@ -49,7 +49,7 @@ class BrnSonnerIcon {
|
|
|
49
49
|
}
|
|
50
50
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
51
51
|
}
|
|
52
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
52
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BrnSonnerIcon, decorators: [{
|
|
53
53
|
type: Component,
|
|
54
54
|
args: [{
|
|
55
55
|
selector: 'brn-sonner-icon',
|
|
@@ -99,10 +99,10 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
99
99
|
}], propDecorators: { type: [{ type: i0.Input, args: [{ isSignal: true, alias: "type", required: false }] }] } });
|
|
100
100
|
|
|
101
101
|
class BrnSonnerLoader {
|
|
102
|
-
isVisible = input.required(...(ngDevMode ?
|
|
102
|
+
isVisible = input.required({ ...(ngDevMode ? { debugName: "isVisible" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
103
103
|
_bars = Array(12).fill(0);
|
|
104
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
105
|
-
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
104
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BrnSonnerLoader, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
105
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: BrnSonnerLoader, isStandalone: true, selector: "brn-sonner-loader", inputs: { isVisible: { classPropertyName: "isVisible", publicName: "isVisible", isSignal: true, isRequired: true, transformFunction: null } }, ngImport: i0, template: `
|
|
106
106
|
<div class="sonner-loading-wrapper" [attr.data-visible]="isVisible()">
|
|
107
107
|
<div class="sonner-spinner">
|
|
108
108
|
@for (_ of _bars; track $index) {
|
|
@@ -112,7 +112,7 @@ class BrnSonnerLoader {
|
|
|
112
112
|
</div>
|
|
113
113
|
`, isInline: true, changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
114
114
|
}
|
|
115
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
115
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BrnSonnerLoader, decorators: [{
|
|
116
116
|
type: Component,
|
|
117
117
|
args: [{
|
|
118
118
|
selector: 'brn-sonner-loader',
|
|
@@ -166,10 +166,10 @@ class AsComponentPipe {
|
|
|
166
166
|
transform(value) {
|
|
167
167
|
return value;
|
|
168
168
|
}
|
|
169
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
170
|
-
/** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
169
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AsComponentPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
170
|
+
/** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: AsComponentPipe, isStandalone: true, name: "asComponent" });
|
|
171
171
|
}
|
|
172
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
172
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: AsComponentPipe, decorators: [{
|
|
173
173
|
type: Pipe,
|
|
174
174
|
args: [{ name: 'asComponent' }]
|
|
175
175
|
}] });
|
|
@@ -178,18 +178,18 @@ class IsStringPipe {
|
|
|
178
178
|
transform(value) {
|
|
179
179
|
return typeof value === 'string';
|
|
180
180
|
}
|
|
181
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
182
|
-
/** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
181
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: IsStringPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
182
|
+
/** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: IsStringPipe, isStandalone: true, name: "isString" });
|
|
183
183
|
}
|
|
184
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
184
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: IsStringPipe, decorators: [{
|
|
185
185
|
type: Pipe,
|
|
186
186
|
args: [{ name: 'isString' }]
|
|
187
187
|
}] });
|
|
188
188
|
|
|
189
189
|
let toastsCounter = 0;
|
|
190
190
|
function createToastState() {
|
|
191
|
-
const toasts = signal([], ...(ngDevMode ? [{ debugName: "toasts" }] : []));
|
|
192
|
-
const heights = signal([], ...(ngDevMode ? [{ debugName: "heights" }] : []));
|
|
191
|
+
const toasts = signal([], ...(ngDevMode ? [{ debugName: "toasts" }] : /* istanbul ignore next */ []));
|
|
192
|
+
const heights = signal([], ...(ngDevMode ? [{ debugName: "heights" }] : /* istanbul ignore next */ []));
|
|
193
193
|
function addToast(data) {
|
|
194
194
|
toasts.update((prev) => [data, ...prev]);
|
|
195
195
|
}
|
|
@@ -359,73 +359,67 @@ const toast = Object.assign(basicToast, {
|
|
|
359
359
|
|
|
360
360
|
class BrnSonnerToast {
|
|
361
361
|
_config = injectBrnSonnerToasterConfig();
|
|
362
|
-
_toasts = computed(() => toastState.toasts().filter((t) => t.position === this.position()), ...(ngDevMode ? [{ debugName: "_toasts" }] : []));
|
|
363
|
-
_heights = computed(() => toastState.heights().filter((h) => h.position === this.position()), ...(ngDevMode ? [{ debugName: "_heights" }] : []));
|
|
362
|
+
_toasts = computed(() => toastState.toasts().filter((t) => t.position === this.position()), ...(ngDevMode ? [{ debugName: "_toasts" }] : /* istanbul ignore next */ []));
|
|
363
|
+
_heights = computed(() => toastState.heights().filter((h) => h.position === this.position()), ...(ngDevMode ? [{ debugName: "_heights" }] : /* istanbul ignore next */ []));
|
|
364
364
|
_removeHeight = toastState.removeHeight;
|
|
365
365
|
_addHeight = toastState.addHeight;
|
|
366
366
|
_dismiss = toastState.dismiss;
|
|
367
|
-
toast = input.required(...(ngDevMode ? [{ debugName: "toast" }] : []));
|
|
368
|
-
index = input.required(...(ngDevMode ? [{ debugName: "index" }] : []));
|
|
369
|
-
expanded = input.required(...(ngDevMode ? [{ debugName: "expanded" }] : []));
|
|
370
|
-
invert = input.required(...(ngDevMode ? [{ debugName: "invert" }] : []));
|
|
371
|
-
position = input.required(...(ngDevMode ? [{ debugName: "position" }] : []));
|
|
372
|
-
visibleToasts = input.required(...(ngDevMode ? [{ debugName: "visibleToasts" }] : []));
|
|
373
|
-
expandByDefault = input.required(...(ngDevMode ? [{ debugName: "expandByDefault" }] : []));
|
|
374
|
-
closeButton = input.required(...(ngDevMode ? [{ debugName: "closeButton" }] : []));
|
|
375
|
-
interacting = input.required(...(ngDevMode ? [{ debugName: "interacting" }] : []));
|
|
376
|
-
cancelButtonStyle = input(...(ngDevMode ? [undefined, { debugName: "cancelButtonStyle" }] : []));
|
|
377
|
-
actionButtonStyle = input(...(ngDevMode ? [undefined, { debugName: "actionButtonStyle" }] : []));
|
|
378
|
-
duration = input(this._config.toastLifetime, ...(ngDevMode ? [{ debugName: "duration" }] : []));
|
|
379
|
-
descriptionClass = input('', ...(ngDevMode ? [{ debugName: "descriptionClass" }] : []));
|
|
380
|
-
classes = input({}, ...(ngDevMode ? [{ debugName: "classes" }] : []));
|
|
381
|
-
unstyled = input(false, ...(ngDevMode ? [{ debugName: "unstyled" }] : []));
|
|
382
|
-
userClass = input('', ...(ngDevMode ?
|
|
383
|
-
style = input({}, ...(ngDevMode ? [{ debugName: "style" }] : []));
|
|
384
|
-
_mounted = signal(false, ...(ngDevMode ? [{ debugName: "_mounted" }] : []));
|
|
385
|
-
_removed = signal(false, ...(ngDevMode ? [{ debugName: "_removed" }] : []));
|
|
386
|
-
_swiping = signal(false, ...(ngDevMode ? [{ debugName: "_swiping" }] : []));
|
|
387
|
-
_swipeOut = signal(false, ...(ngDevMode ? [{ debugName: "_swipeOut" }] : []));
|
|
388
|
-
_offsetBeforeRemove = signal(0, ...(ngDevMode ? [{ debugName: "_offsetBeforeRemove" }] : []));
|
|
389
|
-
_initialHeight = signal(0, ...(ngDevMode ? [{ debugName: "_initialHeight" }] : []));
|
|
367
|
+
toast = input.required(...(ngDevMode ? [{ debugName: "toast" }] : /* istanbul ignore next */ []));
|
|
368
|
+
index = input.required(...(ngDevMode ? [{ debugName: "index" }] : /* istanbul ignore next */ []));
|
|
369
|
+
expanded = input.required(...(ngDevMode ? [{ debugName: "expanded" }] : /* istanbul ignore next */ []));
|
|
370
|
+
invert = input.required(...(ngDevMode ? [{ debugName: "invert" }] : /* istanbul ignore next */ []));
|
|
371
|
+
position = input.required(...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
372
|
+
visibleToasts = input.required(...(ngDevMode ? [{ debugName: "visibleToasts" }] : /* istanbul ignore next */ []));
|
|
373
|
+
expandByDefault = input.required(...(ngDevMode ? [{ debugName: "expandByDefault" }] : /* istanbul ignore next */ []));
|
|
374
|
+
closeButton = input.required(...(ngDevMode ? [{ debugName: "closeButton" }] : /* istanbul ignore next */ []));
|
|
375
|
+
interacting = input.required(...(ngDevMode ? [{ debugName: "interacting" }] : /* istanbul ignore next */ []));
|
|
376
|
+
cancelButtonStyle = input(...(ngDevMode ? [undefined, { debugName: "cancelButtonStyle" }] : /* istanbul ignore next */ []));
|
|
377
|
+
actionButtonStyle = input(...(ngDevMode ? [undefined, { debugName: "actionButtonStyle" }] : /* istanbul ignore next */ []));
|
|
378
|
+
duration = input(this._config.toastLifetime, ...(ngDevMode ? [{ debugName: "duration" }] : /* istanbul ignore next */ []));
|
|
379
|
+
descriptionClass = input('', ...(ngDevMode ? [{ debugName: "descriptionClass" }] : /* istanbul ignore next */ []));
|
|
380
|
+
classes = input({}, ...(ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []));
|
|
381
|
+
unstyled = input(false, ...(ngDevMode ? [{ debugName: "unstyled" }] : /* istanbul ignore next */ []));
|
|
382
|
+
userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
|
|
383
|
+
style = input({}, ...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
|
|
384
|
+
_mounted = signal(false, ...(ngDevMode ? [{ debugName: "_mounted" }] : /* istanbul ignore next */ []));
|
|
385
|
+
_removed = signal(false, ...(ngDevMode ? [{ debugName: "_removed" }] : /* istanbul ignore next */ []));
|
|
386
|
+
_swiping = signal(false, ...(ngDevMode ? [{ debugName: "_swiping" }] : /* istanbul ignore next */ []));
|
|
387
|
+
_swipeOut = signal(false, ...(ngDevMode ? [{ debugName: "_swipeOut" }] : /* istanbul ignore next */ []));
|
|
388
|
+
_offsetBeforeRemove = signal(0, ...(ngDevMode ? [{ debugName: "_offsetBeforeRemove" }] : /* istanbul ignore next */ []));
|
|
389
|
+
_initialHeight = signal(0, ...(ngDevMode ? [{ debugName: "_initialHeight" }] : /* istanbul ignore next */ []));
|
|
390
390
|
_toastRef = viewChild.required('toastRef');
|
|
391
391
|
_classes = computed(() => ({
|
|
392
392
|
...defaultClasses,
|
|
393
393
|
...this.classes(),
|
|
394
|
-
}), ...(ngDevMode ? [{ debugName: "_classes" }] : []));
|
|
395
|
-
_isFront = computed(() => this.index() === 0, ...(ngDevMode ? [{ debugName: "_isFront" }] : []));
|
|
396
|
-
_isVisible = computed(() => this.index() + 1 <= this.visibleToasts(), ...(ngDevMode ? [{ debugName: "_isVisible" }] : []));
|
|
397
|
-
_toastType = computed(() => this.toast().type ?? 'default', ...(ngDevMode ? [{ debugName: "_toastType" }] : []));
|
|
398
|
-
_toastClass = computed(() => this.toast().class ?? '', ...(ngDevMode ? [{ debugName: "_toastClass" }] : []));
|
|
399
|
-
_toastPosition = computed(() => this.toast().position ?? this.position(), ...(ngDevMode ? [{ debugName: "_toastPosition" }] : []));
|
|
400
|
-
_toastDescriptionClass = computed(() => this.toast().descriptionClass ?? '', ...(ngDevMode ? [{ debugName: "_toastDescriptionClass" }] : []));
|
|
401
|
-
_heightIndex = computed(() => this._heights().findIndex((height) => height.toastId === this.toast().id), ...(ngDevMode ? [{ debugName: "_heightIndex" }] : []));
|
|
402
|
-
_offset = linkedSignal(...(ngDevMode ?
|
|
403
|
-
|
|
404
|
-
|
|
405
|
-
|
|
406
|
-
|
|
407
|
-
source: () => ({
|
|
408
|
-
heightIndex: this._heightIndex(),
|
|
409
|
-
toastsHeightBefore: this._toastsHeightBefore(),
|
|
410
|
-
}),
|
|
411
|
-
computation: ({ heightIndex, toastsHeightBefore }) => Math.round(heightIndex * this._config.gap + toastsHeightBefore),
|
|
412
|
-
}]));
|
|
394
|
+
}), ...(ngDevMode ? [{ debugName: "_classes" }] : /* istanbul ignore next */ []));
|
|
395
|
+
_isFront = computed(() => this.index() === 0, ...(ngDevMode ? [{ debugName: "_isFront" }] : /* istanbul ignore next */ []));
|
|
396
|
+
_isVisible = computed(() => this.index() + 1 <= this.visibleToasts(), ...(ngDevMode ? [{ debugName: "_isVisible" }] : /* istanbul ignore next */ []));
|
|
397
|
+
_toastType = computed(() => this.toast().type ?? 'default', ...(ngDevMode ? [{ debugName: "_toastType" }] : /* istanbul ignore next */ []));
|
|
398
|
+
_toastClass = computed(() => this.toast().class ?? '', ...(ngDevMode ? [{ debugName: "_toastClass" }] : /* istanbul ignore next */ []));
|
|
399
|
+
_toastPosition = computed(() => this.toast().position ?? this.position(), ...(ngDevMode ? [{ debugName: "_toastPosition" }] : /* istanbul ignore next */ []));
|
|
400
|
+
_toastDescriptionClass = computed(() => this.toast().descriptionClass ?? '', ...(ngDevMode ? [{ debugName: "_toastDescriptionClass" }] : /* istanbul ignore next */ []));
|
|
401
|
+
_heightIndex = computed(() => this._heights().findIndex((height) => height.toastId === this.toast().id), ...(ngDevMode ? [{ debugName: "_heightIndex" }] : /* istanbul ignore next */ []));
|
|
402
|
+
_offset = linkedSignal({ ...(ngDevMode ? { debugName: "_offset" } : /* istanbul ignore next */ {}), source: () => ({
|
|
403
|
+
heightIndex: this._heightIndex(),
|
|
404
|
+
toastsHeightBefore: this._toastsHeightBefore(),
|
|
405
|
+
}),
|
|
406
|
+
computation: ({ heightIndex, toastsHeightBefore }) => Math.round(heightIndex * this._config.gap + toastsHeightBefore) });
|
|
413
407
|
_closeTimerStartTimeRef = 0;
|
|
414
408
|
_lastCloseTimerStartTimeRef = 0;
|
|
415
409
|
_pointerStartRef = null;
|
|
416
|
-
_coords = computed(() => this._toastPosition().split('-'), ...(ngDevMode ? [{ debugName: "_coords" }] : []));
|
|
410
|
+
_coords = computed(() => this._toastPosition().split('-'), ...(ngDevMode ? [{ debugName: "_coords" }] : /* istanbul ignore next */ []));
|
|
417
411
|
_toastsHeightBefore = computed(() => this._heights().reduce((prev, curr, reducerIndex) => {
|
|
418
412
|
if (reducerIndex >= this._heightIndex())
|
|
419
413
|
return prev;
|
|
420
414
|
return prev + curr.height;
|
|
421
|
-
}, 0), ...(ngDevMode ? [{ debugName: "_toastsHeightBefore" }] : []));
|
|
422
|
-
_invert = computed(() => this.toast().invert ?? this.invert(), ...(ngDevMode ? [{ debugName: "_invert" }] : []));
|
|
423
|
-
_closeButton = computed(() => this.toast().closeButton ?? this.closeButton(), ...(ngDevMode ? [{ debugName: "_closeButton" }] : []));
|
|
424
|
-
_disabled = computed(() => this._toastType() === 'loading', ...(ngDevMode ? [{ debugName: "_disabled" }] : []));
|
|
415
|
+
}, 0), ...(ngDevMode ? [{ debugName: "_toastsHeightBefore" }] : /* istanbul ignore next */ []));
|
|
416
|
+
_invert = computed(() => this.toast().invert ?? this.invert(), ...(ngDevMode ? [{ debugName: "_invert" }] : /* istanbul ignore next */ []));
|
|
417
|
+
_closeButton = computed(() => this.toast().closeButton ?? this.closeButton(), ...(ngDevMode ? [{ debugName: "_closeButton" }] : /* istanbul ignore next */ []));
|
|
418
|
+
_disabled = computed(() => this._toastType() === 'loading', ...(ngDevMode ? [{ debugName: "_disabled" }] : /* istanbul ignore next */ []));
|
|
425
419
|
_timeoutId;
|
|
426
420
|
_remainingTime = 0;
|
|
427
|
-
_isPromiseLoadingOrInfiniteDuration = computed(() => (this.toast().promise && this._toastType() === 'loading') || this.toast().duration === Number.POSITIVE_INFINITY, ...(ngDevMode ? [{ debugName: "_isPromiseLoadingOrInfiniteDuration" }] : []));
|
|
428
|
-
_toastClasses = computed(() => clsx(this.userClass(), this._toastClass(), this._classes().toast, this.toast().classes?.toast, this._classes()[this._toastType()], this.toast().classes?.[this._toastType()]), ...(ngDevMode ? [{ debugName: "_toastClasses" }] : []));
|
|
421
|
+
_isPromiseLoadingOrInfiniteDuration = computed(() => (this.toast().promise && this._toastType() === 'loading') || this.toast().duration === Number.POSITIVE_INFINITY, ...(ngDevMode ? [{ debugName: "_isPromiseLoadingOrInfiniteDuration" }] : /* istanbul ignore next */ []));
|
|
422
|
+
_toastClasses = computed(() => clsx(this.userClass(), this._toastClass(), this._classes().toast, this.toast().classes?.toast, this._classes()[this._toastType()], this.toast().classes?.[this._toastType()]), ...(ngDevMode ? [{ debugName: "_toastClasses" }] : /* istanbul ignore next */ []));
|
|
429
423
|
_toastStyle = computed(() => ({
|
|
430
424
|
'--index': `${this.index()}`,
|
|
431
425
|
'--toasts-before': `${this.index()}`,
|
|
@@ -433,12 +427,12 @@ class BrnSonnerToast {
|
|
|
433
427
|
'--offset': `${this._removed() ? this._offsetBeforeRemove() : this._offset()}px`,
|
|
434
428
|
'--initial-height': this.expandByDefault() ? 'auto' : `${this._initialHeight()}px`,
|
|
435
429
|
...this.style(),
|
|
436
|
-
}), ...(ngDevMode ? [{ debugName: "_toastStyle" }] : []));
|
|
437
|
-
_actionButtonClasses = computed(() => clsx(this._classes().actionButton, this.toast().classes?.actionButton), ...(ngDevMode ? [{ debugName: "_actionButtonClasses" }] : []));
|
|
438
|
-
_cancelButtonClasses = computed(() => clsx(this._classes().cancelButton, this.toast().classes?.cancelButton), ...(ngDevMode ? [{ debugName: "_cancelButtonClasses" }] : []));
|
|
439
|
-
_toastDescriptionClasses = computed(() => clsx(this.descriptionClass(), this._toastDescriptionClass(), this._classes().description, this.toast().classes?.description), ...(ngDevMode ? [{ debugName: "_toastDescriptionClasses" }] : []));
|
|
440
|
-
_titleClasses = computed(() => clsx(this._classes().title, this.toast().classes?.title), ...(ngDevMode ? [{ debugName: "_titleClasses" }] : []));
|
|
441
|
-
_closeButtonClasses = computed(() => clsx(this._classes().closeButton, this.toast().classes?.closeButton), ...(ngDevMode ? [{ debugName: "_closeButtonClasses" }] : []));
|
|
430
|
+
}), ...(ngDevMode ? [{ debugName: "_toastStyle" }] : /* istanbul ignore next */ []));
|
|
431
|
+
_actionButtonClasses = computed(() => clsx(this._classes().actionButton, this.toast().classes?.actionButton), ...(ngDevMode ? [{ debugName: "_actionButtonClasses" }] : /* istanbul ignore next */ []));
|
|
432
|
+
_cancelButtonClasses = computed(() => clsx(this._classes().cancelButton, this.toast().classes?.cancelButton), ...(ngDevMode ? [{ debugName: "_cancelButtonClasses" }] : /* istanbul ignore next */ []));
|
|
433
|
+
_toastDescriptionClasses = computed(() => clsx(this.descriptionClass(), this._toastDescriptionClass(), this._classes().description, this.toast().classes?.description), ...(ngDevMode ? [{ debugName: "_toastDescriptionClasses" }] : /* istanbul ignore next */ []));
|
|
434
|
+
_titleClasses = computed(() => clsx(this._classes().title, this.toast().classes?.title), ...(ngDevMode ? [{ debugName: "_titleClasses" }] : /* istanbul ignore next */ []));
|
|
435
|
+
_closeButtonClasses = computed(() => clsx(this._classes().closeButton, this.toast().classes?.closeButton), ...(ngDevMode ? [{ debugName: "_closeButtonClasses" }] : /* istanbul ignore next */ []));
|
|
442
436
|
constructor() {
|
|
443
437
|
effect(() => {
|
|
444
438
|
if (this.toast().updated) {
|
|
@@ -575,8 +569,8 @@ class BrnSonnerToast {
|
|
|
575
569
|
return;
|
|
576
570
|
this.deleteToast();
|
|
577
571
|
}
|
|
578
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
579
|
-
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
572
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BrnSonnerToast, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
573
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: BrnSonnerToast, isStandalone: true, selector: "brn-sonner-toast", inputs: { toast: { classPropertyName: "toast", publicName: "toast", isSignal: true, isRequired: true, transformFunction: null }, index: { classPropertyName: "index", publicName: "index", isSignal: true, isRequired: true, transformFunction: null }, expanded: { classPropertyName: "expanded", publicName: "expanded", isSignal: true, isRequired: true, transformFunction: null }, invert: { classPropertyName: "invert", publicName: "invert", isSignal: true, isRequired: true, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: true, transformFunction: null }, visibleToasts: { classPropertyName: "visibleToasts", publicName: "visibleToasts", isSignal: true, isRequired: true, transformFunction: null }, expandByDefault: { classPropertyName: "expandByDefault", publicName: "expandByDefault", isSignal: true, isRequired: true, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: true, transformFunction: null }, interacting: { classPropertyName: "interacting", publicName: "interacting", isSignal: true, isRequired: true, transformFunction: null }, cancelButtonStyle: { classPropertyName: "cancelButtonStyle", publicName: "cancelButtonStyle", isSignal: true, isRequired: false, transformFunction: null }, actionButtonStyle: { classPropertyName: "actionButtonStyle", publicName: "actionButtonStyle", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, descriptionClass: { classPropertyName: "descriptionClass", publicName: "descriptionClass", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, unstyled: { classPropertyName: "unstyled", publicName: "unstyled", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, viewQueries: [{ propertyName: "_toastRef", first: true, predicate: ["toastRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
580
574
|
<li
|
|
581
575
|
#toastRef
|
|
582
576
|
data-sonner-toast
|
|
@@ -701,9 +695,9 @@ class BrnSonnerToast {
|
|
|
701
695
|
}
|
|
702
696
|
}
|
|
703
697
|
</li>
|
|
704
|
-
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"
|
|
698
|
+
`, isInline: true, dependencies: [{ kind: "directive", type: NgComponentOutlet, selector: "[ngComponentOutlet]", inputs: ["ngComponentOutlet", "ngComponentOutletInputs", "ngComponentOutletInjector", "ngComponentOutletEnvironmentInjector", "ngComponentOutletContent", "ngComponentOutletNgModule"], exportAs: ["ngComponentOutlet"] }, { kind: "pipe", type: IsStringPipe, name: "isString" }, { kind: "pipe", type: AsComponentPipe, name: "asComponent" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
705
699
|
}
|
|
706
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
700
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BrnSonnerToast, decorators: [{
|
|
707
701
|
type: Component,
|
|
708
702
|
args: [{
|
|
709
703
|
selector: 'brn-sonner-toast',
|
|
@@ -842,10 +836,10 @@ class ToastFilterPipe {
|
|
|
842
836
|
transform(toasts, index, position) {
|
|
843
837
|
return toasts.filter((toast) => (!toast.position && index === 0) || toast.position === position);
|
|
844
838
|
}
|
|
845
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
846
|
-
/** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "
|
|
839
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastFilterPipe, deps: [], target: i0.ɵɵFactoryTarget.Pipe });
|
|
840
|
+
/** @nocollapse */ static ɵpipe = i0.ɵɵngDeclarePipe({ minVersion: "14.0.0", version: "21.2.16", ngImport: i0, type: ToastFilterPipe, isStandalone: true, name: "toastFilter" });
|
|
847
841
|
}
|
|
848
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
842
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: ToastFilterPipe, decorators: [{
|
|
849
843
|
type: Pipe,
|
|
850
844
|
args: [{ name: 'toastFilter' }]
|
|
851
845
|
}] });
|
|
@@ -859,66 +853,48 @@ class BrnSonnerToaster {
|
|
|
859
853
|
_toasts = toastState.toasts;
|
|
860
854
|
_heights = toastState.heights;
|
|
861
855
|
_reset = toastState.reset;
|
|
862
|
-
invert = input(false, ...(ngDevMode ?
|
|
863
|
-
|
|
864
|
-
|
|
865
|
-
|
|
866
|
-
|
|
867
|
-
|
|
868
|
-
|
|
869
|
-
|
|
870
|
-
|
|
871
|
-
|
|
872
|
-
|
|
873
|
-
|
|
874
|
-
|
|
875
|
-
transform: numberAttribute,
|
|
876
|
-
}]));
|
|
877
|
-
visibleToasts = input(this._config.visibleToastsAmount, ...(ngDevMode ? [{ debugName: "visibleToasts", transform: numberAttribute }] : [{
|
|
878
|
-
transform: numberAttribute,
|
|
879
|
-
}]));
|
|
880
|
-
closeButton = input(false, ...(ngDevMode ? [{ debugName: "closeButton", transform: booleanAttribute }] : [{
|
|
881
|
-
transform: booleanAttribute,
|
|
882
|
-
}]));
|
|
883
|
-
toastOptions = input({}, ...(ngDevMode ? [{ debugName: "toastOptions" }] : []));
|
|
884
|
-
offset = input(null, ...(ngDevMode ? [{ debugName: "offset" }] : []));
|
|
885
|
-
userClass = input('', ...(ngDevMode ? [{ debugName: "userClass", alias: 'class' }] : [{ alias: 'class' }]));
|
|
886
|
-
style = input({}, ...(ngDevMode ? [{ debugName: "style" }] : []));
|
|
856
|
+
invert = input(false, { ...(ngDevMode ? { debugName: "invert" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
857
|
+
theme = input('light', ...(ngDevMode ? [{ debugName: "theme" }] : /* istanbul ignore next */ []));
|
|
858
|
+
position = input('bottom-right', ...(ngDevMode ? [{ debugName: "position" }] : /* istanbul ignore next */ []));
|
|
859
|
+
hotKey = input(['altKey', 'KeyT'], ...(ngDevMode ? [{ debugName: "hotKey" }] : /* istanbul ignore next */ []));
|
|
860
|
+
richColors = input(false, { ...(ngDevMode ? { debugName: "richColors" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
861
|
+
expand = input(false, { ...(ngDevMode ? { debugName: "expand" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
862
|
+
duration = input(this._config.toastLifetime, { ...(ngDevMode ? { debugName: "duration" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
863
|
+
visibleToasts = input(this._config.visibleToastsAmount, { ...(ngDevMode ? { debugName: "visibleToasts" } : /* istanbul ignore next */ {}), transform: numberAttribute });
|
|
864
|
+
closeButton = input(false, { ...(ngDevMode ? { debugName: "closeButton" } : /* istanbul ignore next */ {}), transform: booleanAttribute });
|
|
865
|
+
toastOptions = input({}, ...(ngDevMode ? [{ debugName: "toastOptions" }] : /* istanbul ignore next */ []));
|
|
866
|
+
offset = input(null, ...(ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []));
|
|
867
|
+
userClass = input('', { ...(ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {}), alias: 'class' });
|
|
868
|
+
style = input({}, ...(ngDevMode ? [{ debugName: "style" }] : /* istanbul ignore next */ []));
|
|
887
869
|
_possiblePositions = computed(() => Array.from(new Set([
|
|
888
870
|
this.position(),
|
|
889
871
|
...this._toasts()
|
|
890
872
|
.filter((toast) => toast.position)
|
|
891
873
|
.map((toast) => toast.position),
|
|
892
|
-
].filter(Boolean))), ...(ngDevMode ? [{ debugName: "_possiblePositions" }] : []));
|
|
893
|
-
_expanded = linkedSignal(...(ngDevMode ?
|
|
894
|
-
|
|
895
|
-
|
|
896
|
-
|
|
897
|
-
|
|
898
|
-
_actualTheme = linkedSignal(...(ngDevMode ? [{ debugName: "_actualTheme", source: this.theme,
|
|
899
|
-
computation: (newTheme) => this.getActualTheme(newTheme) }] : [{
|
|
900
|
-
source: this.theme,
|
|
901
|
-
computation: (newTheme) => this.getActualTheme(newTheme),
|
|
902
|
-
}]));
|
|
903
|
-
_interacting = signal(false, ...(ngDevMode ? [{ debugName: "_interacting" }] : []));
|
|
874
|
+
].filter(Boolean))), ...(ngDevMode ? [{ debugName: "_possiblePositions" }] : /* istanbul ignore next */ []));
|
|
875
|
+
_expanded = linkedSignal({ ...(ngDevMode ? { debugName: "_expanded" } : /* istanbul ignore next */ {}), source: this._toasts,
|
|
876
|
+
computation: (toasts) => toasts.length < 1 });
|
|
877
|
+
_actualTheme = linkedSignal({ ...(ngDevMode ? { debugName: "_actualTheme" } : /* istanbul ignore next */ {}), source: this.theme,
|
|
878
|
+
computation: (newTheme) => this.getActualTheme(newTheme) });
|
|
879
|
+
_interacting = signal(false, ...(ngDevMode ? [{ debugName: "_interacting" }] : /* istanbul ignore next */ []));
|
|
904
880
|
/** internal **/
|
|
905
881
|
direction = this._dir.valueSignal;
|
|
906
|
-
_listRef = viewChild('listRef', ...(ngDevMode ? [{ debugName: "_listRef" }] : []));
|
|
907
|
-
_lastFocusedElementRef = signal(null, ...(ngDevMode ? [{ debugName: "_lastFocusedElementRef" }] : []));
|
|
908
|
-
_isFocusWithinRef = signal(false, ...(ngDevMode ? [{ debugName: "_isFocusWithinRef" }] : []));
|
|
909
|
-
_hotKeyLabel = computed(() => this.hotKey().join('+').replace(/Key/g, '').replace(/Digit/g, ''), ...(ngDevMode ? [{ debugName: "_hotKeyLabel" }] : []));
|
|
882
|
+
_listRef = viewChild('listRef', ...(ngDevMode ? [{ debugName: "_listRef" }] : /* istanbul ignore next */ []));
|
|
883
|
+
_lastFocusedElementRef = signal(null, ...(ngDevMode ? [{ debugName: "_lastFocusedElementRef" }] : /* istanbul ignore next */ []));
|
|
884
|
+
_isFocusWithinRef = signal(false, ...(ngDevMode ? [{ debugName: "_isFocusWithinRef" }] : /* istanbul ignore next */ []));
|
|
885
|
+
_hotKeyLabel = computed(() => this.hotKey().join('+').replace(/Key/g, '').replace(/Digit/g, ''), ...(ngDevMode ? [{ debugName: "_hotKeyLabel" }] : /* istanbul ignore next */ []));
|
|
910
886
|
_toasterStyles = computed(() => ({
|
|
911
887
|
'--front-toast-height': `${this._heights()[0]?.height}px`,
|
|
912
888
|
'--offset': typeof this.offset() === 'number' ? `${this.offset()}px` : (this.offset() ?? `${this._config.viewPortOffset}`),
|
|
913
889
|
'--width': `${this._config.toastWidth}px`,
|
|
914
890
|
'--gap': `${this._config.gap}px`,
|
|
915
891
|
...this.style(),
|
|
916
|
-
}), ...(ngDevMode ? [{ debugName: "_toasterStyles" }] : []));
|
|
917
|
-
_loadingIcon = contentChild('loadingIcon', ...(ngDevMode ?
|
|
918
|
-
_successIcon = contentChild('successIcon', ...(ngDevMode ?
|
|
919
|
-
_errorIcon = contentChild('errorIcon', ...(ngDevMode ?
|
|
920
|
-
_warningIcon = contentChild('warningIcon', ...(ngDevMode ?
|
|
921
|
-
_infoIcon = contentChild('infoIcon', ...(ngDevMode ?
|
|
892
|
+
}), ...(ngDevMode ? [{ debugName: "_toasterStyles" }] : /* istanbul ignore next */ []));
|
|
893
|
+
_loadingIcon = contentChild('loadingIcon', { ...(ngDevMode ? { debugName: "_loadingIcon" } : /* istanbul ignore next */ {}), read: TemplateRef });
|
|
894
|
+
_successIcon = contentChild('successIcon', { ...(ngDevMode ? { debugName: "_successIcon" } : /* istanbul ignore next */ {}), read: TemplateRef });
|
|
895
|
+
_errorIcon = contentChild('errorIcon', { ...(ngDevMode ? { debugName: "_errorIcon" } : /* istanbul ignore next */ {}), read: TemplateRef });
|
|
896
|
+
_warningIcon = contentChild('warningIcon', { ...(ngDevMode ? { debugName: "_warningIcon" } : /* istanbul ignore next */ {}), read: TemplateRef });
|
|
897
|
+
_infoIcon = contentChild('infoIcon', { ...(ngDevMode ? { debugName: "_infoIcon" } : /* istanbul ignore next */ {}), read: TemplateRef });
|
|
922
898
|
constructor() {
|
|
923
899
|
this._reset();
|
|
924
900
|
const destroyRef = inject(DestroyRef);
|
|
@@ -998,8 +974,8 @@ class BrnSonnerToaster {
|
|
|
998
974
|
}
|
|
999
975
|
return 'light';
|
|
1000
976
|
}
|
|
1001
|
-
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "
|
|
1002
|
-
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "
|
|
977
|
+
/** @nocollapse */ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BrnSonnerToaster, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
978
|
+
/** @nocollapse */ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "21.2.16", type: BrnSonnerToaster, isStandalone: true, selector: "brn-sonner-toaster", inputs: { invert: { classPropertyName: "invert", publicName: "invert", isSignal: true, isRequired: false, transformFunction: null }, theme: { classPropertyName: "theme", publicName: "theme", isSignal: true, isRequired: false, transformFunction: null }, position: { classPropertyName: "position", publicName: "position", isSignal: true, isRequired: false, transformFunction: null }, hotKey: { classPropertyName: "hotKey", publicName: "hotKey", isSignal: true, isRequired: false, transformFunction: null }, richColors: { classPropertyName: "richColors", publicName: "richColors", isSignal: true, isRequired: false, transformFunction: null }, expand: { classPropertyName: "expand", publicName: "expand", isSignal: true, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: true, isRequired: false, transformFunction: null }, visibleToasts: { classPropertyName: "visibleToasts", publicName: "visibleToasts", isSignal: true, isRequired: false, transformFunction: null }, closeButton: { classPropertyName: "closeButton", publicName: "closeButton", isSignal: true, isRequired: false, transformFunction: null }, toastOptions: { classPropertyName: "toastOptions", publicName: "toastOptions", isSignal: true, isRequired: false, transformFunction: null }, offset: { classPropertyName: "offset", publicName: "offset", isSignal: true, isRequired: false, transformFunction: null }, userClass: { classPropertyName: "userClass", publicName: "class", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null } }, queries: [{ propertyName: "_loadingIcon", first: true, predicate: ["loadingIcon"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "_successIcon", first: true, predicate: ["successIcon"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "_errorIcon", first: true, predicate: ["errorIcon"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "_warningIcon", first: true, predicate: ["warningIcon"], descendants: true, read: TemplateRef, isSignal: true }, { propertyName: "_infoIcon", first: true, predicate: ["infoIcon"], descendants: true, read: TemplateRef, isSignal: true }], viewQueries: [{ propertyName: "_listRef", first: true, predicate: ["listRef"], descendants: true, isSignal: true }], ngImport: i0, template: `
|
|
1003
979
|
@if (_toasts().length > 0) {
|
|
1004
980
|
<section [attr.aria-label]="'Notifications ' + _hotKeyLabel()" [tabIndex]="-1">
|
|
1005
981
|
@for (pos of _possiblePositions(); track pos) {
|
|
@@ -1076,9 +1052,9 @@ class BrnSonnerToaster {
|
|
|
1076
1052
|
}
|
|
1077
1053
|
</section>
|
|
1078
1054
|
}
|
|
1079
|
-
`, isInline: true, styles: ["html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start: var(--brn-sonner-toast-icon-margin-start, -3px);--toast-icon-margin-end: var(--brn-sonner-toast-icon-margin-end, 4px);--toast-svg-margin-start: var(--brn-sonner-toast-svg-margin-start, -1px);--toast-svg-margin-end: var(--brn-sonner-toast-svg-margin-end, 0px);--toast-button-margin-start: var(--brn-sonner-toast-button-margin-start, auto);--toast-button-margin-end: var(--brn-sonner-toast-button-margin-end, 0);--toast-close-button-start: var(--brn-sonner-toast-close-button-start, 0);--toast-close-button-end: var(--brn-sonner-toast-close-button-end, unset);--toast-close-button-transform: var(--brn-sonner-toast-close-button-transform, translate(-35%, -35%))}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start: var(--brn-sonner-rtl-toast-icon-margin-start, 4px);--toast-icon-margin-end: var(--brn-sonner-rtl-toast-icon-margin-end, -3px);--toast-svg-margin-start: var(--brn-sonner-rtl-toast-svg-margin-start, 0px);--toast-svg-margin-end: var(--brn-sonner-rtl-toast-svg-margin-end, -1px);--toast-button-margin-start: var(--brn-sonner-rtl-toast-button-margin-start, 0);--toast-button-margin-end: var(--brn-sonner-rtl-toast-button-margin-end, auto);--toast-close-button-start: var(--brn-sonner-rtl-toast-close-button-start, unset);--toast-close-button-end: var(--brn-sonner-rtl-toast-close-button-end, 0);--toast-close-button-transform: var(--brn-sonner-rtl-toast-close-button-transform, translate(35%, -35%))}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:var( --brn-sonner-font-family, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji );--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: var(--brn-sonner-border-radius, 8px);box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[data-sonner-toast]{--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast] [data-button]:focus-visible{box-shadow:var(--brn-sonner-toast-focus-box-shadow, 0 0 0 2px rgba(0, 0, 0, .4))}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toast][data-theme=dark] [data-cancel]{background:#ffffff4d}[data-sonner-toast] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--brn-sonner-toast-close-button-background, var(--gray1));color:var(--brn-sonner-toast-close-button-color, var(--gray12));border:var(--brn-sonner-toast-close-button-border, 1px solid var(--gray4));transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--brn-sonner-toast-close-button-hover-background, var(--gray2));color:var(--brn-sonner-toast-close-button-hover-color, var(--gray12));border-color:var(--brn-sonner-toast-close-button-hover-border-color, var(--gray5))}[data-sonner-toast][data-swiping=true]:before{content:\"\";position:absolute;left:0;right:0;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:\"\";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:\"\";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: var(--brn-sonner-toast-normal-background, #fff);--normal-border: var(--brn-sonner-toast-normal-border-color, var(--gray4));--normal-text: var(--brn-sonner-toast-normal-color, var(--gray12));--success-bg: var(--brn-sonner-toast-success-background, hsl(143, 85%, 96%));--success-border: var(--brn-sonner-toast-success-border, hsl(145, 92%, 91%));--success-text: var(--brn-sonner-toast-success-color, hsl(140, 100%, 27%));--info-bg: var(--brn-sonner-toast-info-background, hsl(208, 100%, 97%));--info-border: var(--brn-sonner-toast-info-border, hsl(221, 91%, 91%));--info-text: var(--brn-sonner-toast-info-color, hsl(210, 92%, 45%));--warning-bg: var(--brn-sonner-toast-warning-background, hsl(49, 100%, 97%));--warning-border: var(--brn-sonner-toast-warning-border, hsl(49, 91%, 91%));--warning-text: var(--brn-sonner-toast-warning-color, hsl(31, 92%, 45%));--error-bg: var(--brn-sonner-toast-error-background, hsl(359, 100%, 97%));--error-border: var(--brn-sonner-toast-error-border, hsl(359, 100%, 94%));--error-text: var(--brn-sonner-toast-error-color, hsl(360, 100%, 45%))}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: var(--brn-sonner-toast-inverse-normal-background, #000);--normal-border: var(--brn-sonner-toast-inverse-normal-border-color, hsl(0, 0%, 20%));--normal-text: var(--brn-sonner-toast-inverse-normal-color, var(--gray1))}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: var(--brn-sonner-toast-inverse-dark-normal-background, #fff);--normal-border: var(--brn-sonner-toast-inverse-dark-normal-border-color, var(--gray3));--normal-text: var(--brn-sonner-toast-inverse-dark-normal-color, var(--gray12))}[data-sonner-toaster][data-theme=dark]{--normal-bg: var(--brn-sonner-toast-dark-normal-background, #000);--normal-border: var(--brn-sonner-toast-dark-normal-border-color, hsl(0, 0%, 20%));--normal-text: var(--brn-sonner-toast-dark-normal-color, var(--gray1));--success-bg: var(--brn-sonner-toast-dark-success-background, hsl(150, 100%, 6%));--success-border: var(--brn-sonner-toast-dark-success-border, hsl(147, 100%, 12%));--success-text: var(--brn-sonner-toast-dark-success-color, hsl(150, 86%, 65%));--info-bg: var(--brn-sonner-toast-dark-info-background, hsl(215, 100%, 6%));--info-border: var(--brn-sonner-toast-dark-info-border, hsl(223, 100%, 12%));--info-text: var(--brn-sonner-toast-dark-info-color, hsl(216, 87%, 65%));--warning-bg: var(--brn-sonner-toast-dark-warning-background, hsl(64, 100%, 6%));--warning-border: var(--brn-sonner-toast-dark-warning-border, hsl(60, 100%, 12%));--warning-text: var(--brn-sonner-toast-dark-warning-color, hsl(46, 87%, 65%));--error-bg: var(--brn-sonner-toast-dark-error-background, hsl(358, 76%, 10%));--error-border: var(--brn-sonner-toast-dark-error-border, hsl(357, 89%, 16%));--error-text: var(--brn-sonner-toast-dark-error-color, hsl(358, 100%, 81%))}[data-rich-colors=true] [data-sonner-toast][data-type=success],[data-rich-colors=true] [data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true] [data-sonner-toast][data-type=info],[data-rich-colors=true] [data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true] [data-sonner-toast][data-type=warning],[data-rich-colors=true] [data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true] [data-sonner-toast][data-type=error],[data-rich-colors=true] [data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}\n"], dependencies: [{ kind: "component", type: BrnSonnerToast, selector: "brn-sonner-toast", inputs: ["toast", "index", "expanded", "invert", "position", "visibleToasts", "expandByDefault", "closeButton", "interacting", "cancelButtonStyle", "actionButtonStyle", "duration", "descriptionClass", "classes", "unstyled", "class", "style"] }, { kind: "component", type: BrnSonnerIcon, selector: "brn-sonner-icon", inputs: ["type"] }, { kind: "component", type: BrnSonnerLoader, selector: "brn-sonner-loader", inputs: ["isVisible"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: ToastFilterPipe, name: "toastFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1055
|
+
`, isInline: true, styles: ["html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start: var(--brn-sonner-toast-icon-margin-start, -3px);--toast-icon-margin-end: var(--brn-sonner-toast-icon-margin-end, 4px);--toast-svg-margin-start: var(--brn-sonner-toast-svg-margin-start, -1px);--toast-svg-margin-end: var(--brn-sonner-toast-svg-margin-end, 0px);--toast-button-margin-start: var(--brn-sonner-toast-button-margin-start, auto);--toast-button-margin-end: var(--brn-sonner-toast-button-margin-end, 0);--toast-close-button-start: var(--brn-sonner-toast-close-button-start, 0);--toast-close-button-end: var(--brn-sonner-toast-close-button-end, unset);--toast-close-button-transform: var(--brn-sonner-toast-close-button-transform, translate(-35%, -35%))}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start: var(--brn-sonner-rtl-toast-icon-margin-start, 4px);--toast-icon-margin-end: var(--brn-sonner-rtl-toast-icon-margin-end, -3px);--toast-svg-margin-start: var(--brn-sonner-rtl-toast-svg-margin-start, 0px);--toast-svg-margin-end: var(--brn-sonner-rtl-toast-svg-margin-end, -1px);--toast-button-margin-start: var(--brn-sonner-rtl-toast-button-margin-start, 0);--toast-button-margin-end: var(--brn-sonner-rtl-toast-button-margin-end, auto);--toast-close-button-start: var(--brn-sonner-rtl-toast-close-button-start, unset);--toast-close-button-end: var(--brn-sonner-rtl-toast-close-button-end, 0);--toast-close-button-transform: var(--brn-sonner-rtl-toast-close-button-transform, translate(35%, -35%))}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:var( --brn-sonner-font-family, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji );--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: var(--brn-sonner-border-radius, 8px);box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[data-sonner-toast]{--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast] [data-button]:focus-visible{box-shadow:var(--brn-sonner-toast-focus-box-shadow, 0 0 0 2px rgba(0, 0, 0, .4))}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toast][data-theme=dark] [data-cancel]{background:#ffffff4d}[data-sonner-toast] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--brn-sonner-toast-close-button-background, var(--gray1));color:var(--brn-sonner-toast-close-button-color, var(--gray12));border:var(--brn-sonner-toast-close-button-border, 1px solid var(--gray4));transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--brn-sonner-toast-close-button-hover-background, var(--gray2));color:var(--brn-sonner-toast-close-button-hover-color, var(--gray12));border-color:var(--brn-sonner-toast-close-button-hover-border-color, var(--gray5))}[data-sonner-toast][data-swiping=true]:before{content:\"\";position:absolute;left:0;right:0;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:\"\";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:\"\";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media(max-width:600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: var(--brn-sonner-toast-normal-background, #fff);--normal-border: var(--brn-sonner-toast-normal-border-color, var(--gray4));--normal-text: var(--brn-sonner-toast-normal-color, var(--gray12));--success-bg: var(--brn-sonner-toast-success-background, hsl(143, 85%, 96%));--success-border: var(--brn-sonner-toast-success-border, hsl(145, 92%, 91%));--success-text: var(--brn-sonner-toast-success-color, hsl(140, 100%, 27%));--info-bg: var(--brn-sonner-toast-info-background, hsl(208, 100%, 97%));--info-border: var(--brn-sonner-toast-info-border, hsl(221, 91%, 91%));--info-text: var(--brn-sonner-toast-info-color, hsl(210, 92%, 45%));--warning-bg: var(--brn-sonner-toast-warning-background, hsl(49, 100%, 97%));--warning-border: var(--brn-sonner-toast-warning-border, hsl(49, 91%, 91%));--warning-text: var(--brn-sonner-toast-warning-color, hsl(31, 92%, 45%));--error-bg: var(--brn-sonner-toast-error-background, hsl(359, 100%, 97%));--error-border: var(--brn-sonner-toast-error-border, hsl(359, 100%, 94%));--error-text: var(--brn-sonner-toast-error-color, hsl(360, 100%, 45%))}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: var(--brn-sonner-toast-inverse-normal-background, #000);--normal-border: var(--brn-sonner-toast-inverse-normal-border-color, hsl(0, 0%, 20%));--normal-text: var(--brn-sonner-toast-inverse-normal-color, var(--gray1))}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: var(--brn-sonner-toast-inverse-dark-normal-background, #fff);--normal-border: var(--brn-sonner-toast-inverse-dark-normal-border-color, var(--gray3));--normal-text: var(--brn-sonner-toast-inverse-dark-normal-color, var(--gray12))}[data-sonner-toaster][data-theme=dark]{--normal-bg: var(--brn-sonner-toast-dark-normal-background, #000);--normal-border: var(--brn-sonner-toast-dark-normal-border-color, hsl(0, 0%, 20%));--normal-text: var(--brn-sonner-toast-dark-normal-color, var(--gray1));--success-bg: var(--brn-sonner-toast-dark-success-background, hsl(150, 100%, 6%));--success-border: var(--brn-sonner-toast-dark-success-border, hsl(147, 100%, 12%));--success-text: var(--brn-sonner-toast-dark-success-color, hsl(150, 86%, 65%));--info-bg: var(--brn-sonner-toast-dark-info-background, hsl(215, 100%, 6%));--info-border: var(--brn-sonner-toast-dark-info-border, hsl(223, 100%, 12%));--info-text: var(--brn-sonner-toast-dark-info-color, hsl(216, 87%, 65%));--warning-bg: var(--brn-sonner-toast-dark-warning-background, hsl(64, 100%, 6%));--warning-border: var(--brn-sonner-toast-dark-warning-border, hsl(60, 100%, 12%));--warning-text: var(--brn-sonner-toast-dark-warning-color, hsl(46, 87%, 65%));--error-bg: var(--brn-sonner-toast-dark-error-background, hsl(358, 76%, 10%));--error-border: var(--brn-sonner-toast-dark-error-border, hsl(357, 89%, 16%));--error-text: var(--brn-sonner-toast-dark-error-color, hsl(358, 100%, 81%))}[data-rich-colors=true] [data-sonner-toast][data-type=success],[data-rich-colors=true] [data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true] [data-sonner-toast][data-type=info],[data-rich-colors=true] [data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true] [data-sonner-toast][data-type=warning],[data-rich-colors=true] [data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true] [data-sonner-toast][data-type=error],[data-rich-colors=true] [data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media(prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}\n"], dependencies: [{ kind: "component", type: BrnSonnerToast, selector: "brn-sonner-toast", inputs: ["toast", "index", "expanded", "invert", "position", "visibleToasts", "expandByDefault", "closeButton", "interacting", "cancelButtonStyle", "actionButtonStyle", "duration", "descriptionClass", "classes", "unstyled", "class", "style"] }, { kind: "component", type: BrnSonnerIcon, selector: "brn-sonner-icon", inputs: ["type"] }, { kind: "component", type: BrnSonnerLoader, selector: "brn-sonner-loader", inputs: ["isVisible"] }, { kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "pipe", type: ToastFilterPipe, name: "toastFilter" }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
|
|
1080
1056
|
}
|
|
1081
|
-
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "
|
|
1057
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "21.2.16", ngImport: i0, type: BrnSonnerToaster, decorators: [{
|
|
1082
1058
|
type: Component,
|
|
1083
1059
|
args: [{ selector: 'brn-sonner-toaster', imports: [BrnSonnerToast, ToastFilterPipe, BrnSonnerIcon, BrnSonnerLoader, NgTemplateOutlet], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: `
|
|
1084
1060
|
@if (_toasts().length > 0) {
|
|
@@ -1157,7 +1133,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "20.3.17", ngImpo
|
|
|
1157
1133
|
}
|
|
1158
1134
|
</section>
|
|
1159
1135
|
}
|
|
1160
|
-
`, styles: ["html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start: var(--brn-sonner-toast-icon-margin-start, -3px);--toast-icon-margin-end: var(--brn-sonner-toast-icon-margin-end, 4px);--toast-svg-margin-start: var(--brn-sonner-toast-svg-margin-start, -1px);--toast-svg-margin-end: var(--brn-sonner-toast-svg-margin-end, 0px);--toast-button-margin-start: var(--brn-sonner-toast-button-margin-start, auto);--toast-button-margin-end: var(--brn-sonner-toast-button-margin-end, 0);--toast-close-button-start: var(--brn-sonner-toast-close-button-start, 0);--toast-close-button-end: var(--brn-sonner-toast-close-button-end, unset);--toast-close-button-transform: var(--brn-sonner-toast-close-button-transform, translate(-35%, -35%))}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start: var(--brn-sonner-rtl-toast-icon-margin-start, 4px);--toast-icon-margin-end: var(--brn-sonner-rtl-toast-icon-margin-end, -3px);--toast-svg-margin-start: var(--brn-sonner-rtl-toast-svg-margin-start, 0px);--toast-svg-margin-end: var(--brn-sonner-rtl-toast-svg-margin-end, -1px);--toast-button-margin-start: var(--brn-sonner-rtl-toast-button-margin-start, 0);--toast-button-margin-end: var(--brn-sonner-rtl-toast-button-margin-end, auto);--toast-close-button-start: var(--brn-sonner-rtl-toast-close-button-start, unset);--toast-close-button-end: var(--brn-sonner-rtl-toast-close-button-end, 0);--toast-close-button-transform: var(--brn-sonner-rtl-toast-close-button-transform, translate(35%, -35%))}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:var( --brn-sonner-font-family, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji );--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: var(--brn-sonner-border-radius, 8px);box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[data-sonner-toast]{--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast] [data-button]:focus-visible{box-shadow:var(--brn-sonner-toast-focus-box-shadow, 0 0 0 2px rgba(0, 0, 0, .4))}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toast][data-theme=dark] [data-cancel]{background:#ffffff4d}[data-sonner-toast] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--brn-sonner-toast-close-button-background, var(--gray1));color:var(--brn-sonner-toast-close-button-color, var(--gray12));border:var(--brn-sonner-toast-close-button-border, 1px solid var(--gray4));transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--brn-sonner-toast-close-button-hover-background, var(--gray2));color:var(--brn-sonner-toast-close-button-hover-color, var(--gray12));border-color:var(--brn-sonner-toast-close-button-hover-border-color, var(--gray5))}[data-sonner-toast][data-swiping=true]:before{content:\"\";position:absolute;left:0;right:0;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:\"\";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:\"\";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media (max-width: 600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: var(--brn-sonner-toast-normal-background, #fff);--normal-border: var(--brn-sonner-toast-normal-border-color, var(--gray4));--normal-text: var(--brn-sonner-toast-normal-color, var(--gray12));--success-bg: var(--brn-sonner-toast-success-background, hsl(143, 85%, 96%));--success-border: var(--brn-sonner-toast-success-border, hsl(145, 92%, 91%));--success-text: var(--brn-sonner-toast-success-color, hsl(140, 100%, 27%));--info-bg: var(--brn-sonner-toast-info-background, hsl(208, 100%, 97%));--info-border: var(--brn-sonner-toast-info-border, hsl(221, 91%, 91%));--info-text: var(--brn-sonner-toast-info-color, hsl(210, 92%, 45%));--warning-bg: var(--brn-sonner-toast-warning-background, hsl(49, 100%, 97%));--warning-border: var(--brn-sonner-toast-warning-border, hsl(49, 91%, 91%));--warning-text: var(--brn-sonner-toast-warning-color, hsl(31, 92%, 45%));--error-bg: var(--brn-sonner-toast-error-background, hsl(359, 100%, 97%));--error-border: var(--brn-sonner-toast-error-border, hsl(359, 100%, 94%));--error-text: var(--brn-sonner-toast-error-color, hsl(360, 100%, 45%))}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: var(--brn-sonner-toast-inverse-normal-background, #000);--normal-border: var(--brn-sonner-toast-inverse-normal-border-color, hsl(0, 0%, 20%));--normal-text: var(--brn-sonner-toast-inverse-normal-color, var(--gray1))}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: var(--brn-sonner-toast-inverse-dark-normal-background, #fff);--normal-border: var(--brn-sonner-toast-inverse-dark-normal-border-color, var(--gray3));--normal-text: var(--brn-sonner-toast-inverse-dark-normal-color, var(--gray12))}[data-sonner-toaster][data-theme=dark]{--normal-bg: var(--brn-sonner-toast-dark-normal-background, #000);--normal-border: var(--brn-sonner-toast-dark-normal-border-color, hsl(0, 0%, 20%));--normal-text: var(--brn-sonner-toast-dark-normal-color, var(--gray1));--success-bg: var(--brn-sonner-toast-dark-success-background, hsl(150, 100%, 6%));--success-border: var(--brn-sonner-toast-dark-success-border, hsl(147, 100%, 12%));--success-text: var(--brn-sonner-toast-dark-success-color, hsl(150, 86%, 65%));--info-bg: var(--brn-sonner-toast-dark-info-background, hsl(215, 100%, 6%));--info-border: var(--brn-sonner-toast-dark-info-border, hsl(223, 100%, 12%));--info-text: var(--brn-sonner-toast-dark-info-color, hsl(216, 87%, 65%));--warning-bg: var(--brn-sonner-toast-dark-warning-background, hsl(64, 100%, 6%));--warning-border: var(--brn-sonner-toast-dark-warning-border, hsl(60, 100%, 12%));--warning-text: var(--brn-sonner-toast-dark-warning-color, hsl(46, 87%, 65%));--error-bg: var(--brn-sonner-toast-dark-error-background, hsl(358, 76%, 10%));--error-border: var(--brn-sonner-toast-dark-error-border, hsl(357, 89%, 16%));--error-text: var(--brn-sonner-toast-dark-error-color, hsl(358, 100%, 81%))}[data-rich-colors=true] [data-sonner-toast][data-type=success],[data-rich-colors=true] [data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true] [data-sonner-toast][data-type=info],[data-rich-colors=true] [data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true] [data-sonner-toast][data-type=warning],[data-rich-colors=true] [data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true] [data-sonner-toast][data-type=error],[data-rich-colors=true] [data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media (prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}\n"] }]
|
|
1136
|
+
`, styles: ["html[dir=ltr],[data-sonner-toaster][dir=ltr]{--toast-icon-margin-start: var(--brn-sonner-toast-icon-margin-start, -3px);--toast-icon-margin-end: var(--brn-sonner-toast-icon-margin-end, 4px);--toast-svg-margin-start: var(--brn-sonner-toast-svg-margin-start, -1px);--toast-svg-margin-end: var(--brn-sonner-toast-svg-margin-end, 0px);--toast-button-margin-start: var(--brn-sonner-toast-button-margin-start, auto);--toast-button-margin-end: var(--brn-sonner-toast-button-margin-end, 0);--toast-close-button-start: var(--brn-sonner-toast-close-button-start, 0);--toast-close-button-end: var(--brn-sonner-toast-close-button-end, unset);--toast-close-button-transform: var(--brn-sonner-toast-close-button-transform, translate(-35%, -35%))}html[dir=rtl],[data-sonner-toaster][dir=rtl]{--toast-icon-margin-start: var(--brn-sonner-rtl-toast-icon-margin-start, 4px);--toast-icon-margin-end: var(--brn-sonner-rtl-toast-icon-margin-end, -3px);--toast-svg-margin-start: var(--brn-sonner-rtl-toast-svg-margin-start, 0px);--toast-svg-margin-end: var(--brn-sonner-rtl-toast-svg-margin-end, -1px);--toast-button-margin-start: var(--brn-sonner-rtl-toast-button-margin-start, 0);--toast-button-margin-end: var(--brn-sonner-rtl-toast-button-margin-end, auto);--toast-close-button-start: var(--brn-sonner-rtl-toast-close-button-start, unset);--toast-close-button-end: var(--brn-sonner-rtl-toast-close-button-end, 0);--toast-close-button-transform: var(--brn-sonner-rtl-toast-close-button-transform, translate(35%, -35%))}[data-sonner-toaster]{position:fixed;width:var(--width);font-family:var( --brn-sonner-font-family, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, Noto Sans, sans-serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol, Noto Color Emoji );--gray1: hsl(0, 0%, 99%);--gray2: hsl(0, 0%, 97.3%);--gray3: hsl(0, 0%, 95.1%);--gray4: hsl(0, 0%, 93%);--gray5: hsl(0, 0%, 90.9%);--gray6: hsl(0, 0%, 88.7%);--gray7: hsl(0, 0%, 85.8%);--gray8: hsl(0, 0%, 78%);--gray9: hsl(0, 0%, 56.1%);--gray10: hsl(0, 0%, 52.3%);--gray11: hsl(0, 0%, 43.5%);--gray12: hsl(0, 0%, 9%);--border-radius: var(--brn-sonner-border-radius, 8px);box-sizing:border-box;padding:0;margin:0;list-style:none;outline:none;z-index:999999999}[data-sonner-toaster][data-x-position=right]{right:max(var(--offset),env(safe-area-inset-right))}[data-sonner-toaster][data-x-position=left]{left:max(var(--offset),env(safe-area-inset-left))}[data-sonner-toaster][data-x-position=center]{left:50%;transform:translate(-50%)}[data-sonner-toaster][data-y-position=top]{top:max(var(--offset),env(safe-area-inset-top))}[data-sonner-toaster][data-y-position=bottom]{bottom:max(var(--offset),env(safe-area-inset-bottom))}[data-sonner-toast]{--y: translateY(100%);--lift-amount: calc(var(--lift) * var(--gap));z-index:var(--z-index);position:absolute;opacity:0;transform:var(--y);filter:blur(0);touch-action:none;transition:transform .4s,opacity .4s,height .4s,box-shadow .2s;box-sizing:border-box;outline:none;overflow-wrap:anywhere}[data-sonner-toast][data-styled=true]{padding:16px;background:var(--normal-bg);border:1px solid var(--normal-border);color:var(--normal-text);border-radius:var(--border-radius);box-shadow:0 4px 12px #0000001a;width:var(--width);font-size:13px;display:flex;align-items:center;gap:6px}[data-sonner-toast]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast][data-y-position=top]{top:0;--y: translateY(-100%);--lift: 1;--lift-amount: calc(1 * var(--gap))}[data-sonner-toast][data-y-position=bottom]{bottom:0;--y: translateY(100%);--lift: -1;--lift-amount: calc(var(--lift) * var(--gap))}[data-sonner-toast] [data-description]{font-weight:400;line-height:1.4;color:inherit}[data-sonner-toast] [data-title]{font-weight:500;line-height:1.5;color:inherit}[data-sonner-toast] [data-icon]{display:flex;height:16px;width:16px;position:relative;justify-content:flex-start;align-items:center;flex-shrink:0;margin-left:var(--toast-icon-margin-start);margin-right:var(--toast-icon-margin-end)}[data-sonner-toast][data-promise=true] [data-icon]>svg{opacity:0;transform:scale(.8);transform-origin:center;animation:sonner-fade-in .3s ease forwards}[data-sonner-toast] [data-icon]>*{flex-shrink:0}[data-sonner-toast] [data-icon] svg{margin-left:var(--toast-svg-margin-start);margin-right:var(--toast-svg-margin-end)}[data-sonner-toast] [data-content]{display:flex;flex-direction:column;gap:2px}[data-sonner-toast] [data-button]{border-radius:4px;padding-left:8px;padding-right:8px;height:24px;font-size:12px;color:var(--normal-bg);background:var(--normal-text);margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end);border:none;cursor:pointer;outline:none;display:flex;align-items:center;flex-shrink:0;transition:opacity .4s,box-shadow .2s}[data-sonner-toast] [data-button]:focus-visible{box-shadow:var(--brn-sonner-toast-focus-box-shadow, 0 0 0 2px rgba(0, 0, 0, .4))}[data-sonner-toast] [data-button]:first-of-type{margin-left:var(--toast-button-margin-start);margin-right:var(--toast-button-margin-end)}[data-sonner-toast] [data-cancel]{color:var(--normal-text);background:#00000014}[data-sonner-toast][data-theme=dark] [data-cancel]{background:#ffffff4d}[data-sonner-toast] [data-close-button]{position:absolute;left:var(--toast-close-button-start);right:var(--toast-close-button-end);top:0;height:20px;width:20px;display:flex;justify-content:center;align-items:center;padding:0;background:var(--brn-sonner-toast-close-button-background, var(--gray1));color:var(--brn-sonner-toast-close-button-color, var(--gray12));border:var(--brn-sonner-toast-close-button-border, 1px solid var(--gray4));transform:var(--toast-close-button-transform);border-radius:50%;cursor:pointer;z-index:1;transition:opacity .1s,background .2s,border-color .2s}[data-sonner-toast] [data-close-button]:focus-visible{box-shadow:0 4px 12px #0000001a,0 0 0 2px #0003}[data-sonner-toast] [data-disabled=true]{cursor:not-allowed}[data-sonner-toast]:hover [data-close-button]:hover{background:var(--brn-sonner-toast-close-button-hover-background, var(--gray2));color:var(--brn-sonner-toast-close-button-hover-color, var(--gray12));border-color:var(--brn-sonner-toast-close-button-hover-border-color, var(--gray5))}[data-sonner-toast][data-swiping=true]:before{content:\"\";position:absolute;left:0;right:0;height:100%;z-index:-1}[data-sonner-toast][data-y-position=top][data-swiping=true]:before{bottom:50%;transform:scaleY(3) translateY(50%)}[data-sonner-toast][data-y-position=bottom][data-swiping=true]:before{top:50%;transform:scaleY(3) translateY(-50%)}[data-sonner-toast][data-swiping=false][data-removed=true]:before{content:\"\";position:absolute;inset:0;transform:scaleY(2)}[data-sonner-toast]:after{content:\"\";position:absolute;left:0;height:calc(var(--gap) + 1px);bottom:100%;width:100%}[data-sonner-toast][data-mounted=true]{--y: translateY(0);opacity:1}[data-sonner-toast][data-expanded=false][data-front=false]{--scale: var(--toasts-before) * .05 + 1;--y: translateY(calc(var(--lift-amount) * var(--toasts-before))) scale(calc(-1 * var(--scale)));height:var(--front-toast-height)}[data-sonner-toast]>*{transition:opacity .4s}[data-sonner-toast][data-expanded=false][data-front=false][data-styled=true]>*{opacity:0}[data-sonner-toast][data-visible=false]{opacity:0;pointer-events:none}[data-sonner-toast][data-mounted=true][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset)));height:var(--initial-height)}[data-sonner-toast][data-removed=true][data-front=true][data-swipe-out=false]{--y: translateY(calc(var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=true]{--y: translateY(calc(var(--lift) * var(--offset) + var(--lift) * -100%));opacity:0}[data-sonner-toast][data-removed=true][data-front=false][data-swipe-out=false][data-expanded=false]{--y: translateY(40%);opacity:0;transition:transform .5s,opacity .2s}[data-sonner-toast][data-removed=true][data-front=false]:before{height:calc(var(--initial-height) + 20%)}[data-sonner-toast][data-swiping=true]{transform:var(--y) translateY(var(--swipe-amount, 0px));transition:none}[data-sonner-toast][data-swipe-out=true][data-y-position=bottom],[data-sonner-toast][data-swipe-out=true][data-y-position=top]{animation:swipe-out .2s ease-out forwards}@keyframes swipe-out{0%{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount)));opacity:1}to{transform:translateY(calc(var(--lift) * var(--offset) + var(--swipe-amount) + var(--lift) * -100%));opacity:0}}@media(max-width:600px){[data-sonner-toaster]{position:fixed;--mobile-offset: 16px;right:var(--mobile-offset);left:var(--mobile-offset);width:100%}[data-sonner-toaster] [data-sonner-toast]{left:0;right:0;width:calc(100% - 32px)}[data-sonner-toaster][data-x-position=left]{left:var(--mobile-offset)}[data-sonner-toaster][data-y-position=bottom]{bottom:20px}[data-sonner-toaster][data-y-position=top]{top:20px}[data-sonner-toaster][data-x-position=center]{left:var(--mobile-offset);right:var(--mobile-offset);transform:none}}[data-sonner-toaster][data-theme=light]{--normal-bg: var(--brn-sonner-toast-normal-background, #fff);--normal-border: var(--brn-sonner-toast-normal-border-color, var(--gray4));--normal-text: var(--brn-sonner-toast-normal-color, var(--gray12));--success-bg: var(--brn-sonner-toast-success-background, hsl(143, 85%, 96%));--success-border: var(--brn-sonner-toast-success-border, hsl(145, 92%, 91%));--success-text: var(--brn-sonner-toast-success-color, hsl(140, 100%, 27%));--info-bg: var(--brn-sonner-toast-info-background, hsl(208, 100%, 97%));--info-border: var(--brn-sonner-toast-info-border, hsl(221, 91%, 91%));--info-text: var(--brn-sonner-toast-info-color, hsl(210, 92%, 45%));--warning-bg: var(--brn-sonner-toast-warning-background, hsl(49, 100%, 97%));--warning-border: var(--brn-sonner-toast-warning-border, hsl(49, 91%, 91%));--warning-text: var(--brn-sonner-toast-warning-color, hsl(31, 92%, 45%));--error-bg: var(--brn-sonner-toast-error-background, hsl(359, 100%, 97%));--error-border: var(--brn-sonner-toast-error-border, hsl(359, 100%, 94%));--error-text: var(--brn-sonner-toast-error-color, hsl(360, 100%, 45%))}[data-sonner-toaster][data-theme=light] [data-sonner-toast][data-invert=true]{--normal-bg: var(--brn-sonner-toast-inverse-normal-background, #000);--normal-border: var(--brn-sonner-toast-inverse-normal-border-color, hsl(0, 0%, 20%));--normal-text: var(--brn-sonner-toast-inverse-normal-color, var(--gray1))}[data-sonner-toaster][data-theme=dark] [data-sonner-toast][data-invert=true]{--normal-bg: var(--brn-sonner-toast-inverse-dark-normal-background, #fff);--normal-border: var(--brn-sonner-toast-inverse-dark-normal-border-color, var(--gray3));--normal-text: var(--brn-sonner-toast-inverse-dark-normal-color, var(--gray12))}[data-sonner-toaster][data-theme=dark]{--normal-bg: var(--brn-sonner-toast-dark-normal-background, #000);--normal-border: var(--brn-sonner-toast-dark-normal-border-color, hsl(0, 0%, 20%));--normal-text: var(--brn-sonner-toast-dark-normal-color, var(--gray1));--success-bg: var(--brn-sonner-toast-dark-success-background, hsl(150, 100%, 6%));--success-border: var(--brn-sonner-toast-dark-success-border, hsl(147, 100%, 12%));--success-text: var(--brn-sonner-toast-dark-success-color, hsl(150, 86%, 65%));--info-bg: var(--brn-sonner-toast-dark-info-background, hsl(215, 100%, 6%));--info-border: var(--brn-sonner-toast-dark-info-border, hsl(223, 100%, 12%));--info-text: var(--brn-sonner-toast-dark-info-color, hsl(216, 87%, 65%));--warning-bg: var(--brn-sonner-toast-dark-warning-background, hsl(64, 100%, 6%));--warning-border: var(--brn-sonner-toast-dark-warning-border, hsl(60, 100%, 12%));--warning-text: var(--brn-sonner-toast-dark-warning-color, hsl(46, 87%, 65%));--error-bg: var(--brn-sonner-toast-dark-error-background, hsl(358, 76%, 10%));--error-border: var(--brn-sonner-toast-dark-error-border, hsl(357, 89%, 16%));--error-text: var(--brn-sonner-toast-dark-error-color, hsl(358, 100%, 81%))}[data-rich-colors=true] [data-sonner-toast][data-type=success],[data-rich-colors=true] [data-sonner-toast][data-type=success] [data-close-button]{background:var(--success-bg);border-color:var(--success-border);color:var(--success-text)}[data-rich-colors=true] [data-sonner-toast][data-type=info],[data-rich-colors=true] [data-sonner-toast][data-type=info] [data-close-button]{background:var(--info-bg);border-color:var(--info-border);color:var(--info-text)}[data-rich-colors=true] [data-sonner-toast][data-type=warning],[data-rich-colors=true] [data-sonner-toast][data-type=warning] [data-close-button]{background:var(--warning-bg);border-color:var(--warning-border);color:var(--warning-text)}[data-rich-colors=true] [data-sonner-toast][data-type=error],[data-rich-colors=true] [data-sonner-toast][data-type=error] [data-close-button]{background:var(--error-bg);border-color:var(--error-border);color:var(--error-text)}.sonner-loading-wrapper{--size: 16px;height:var(--size);width:var(--size);position:absolute;inset:0;z-index:10}.sonner-loading-wrapper[data-visible=false]{transform-origin:center;animation:sonner-fade-out .2s ease forwards}.sonner-spinner{position:relative;top:50%;left:50%;height:var(--size);width:var(--size)}.sonner-loading-bar{animation:sonner-spin 1.2s linear infinite;background:var(--gray11);border-radius:6px;height:8%;left:-10%;position:absolute;top:-3.9%;width:24%}.sonner-loading-bar:nth-child(1){animation-delay:-1.2s;transform:rotate(.0001deg) translate(146%)}.sonner-loading-bar:nth-child(2){animation-delay:-1.1s;transform:rotate(30deg) translate(146%)}.sonner-loading-bar:nth-child(3){animation-delay:-1s;transform:rotate(60deg) translate(146%)}.sonner-loading-bar:nth-child(4){animation-delay:-.9s;transform:rotate(90deg) translate(146%)}.sonner-loading-bar:nth-child(5){animation-delay:-.8s;transform:rotate(120deg) translate(146%)}.sonner-loading-bar:nth-child(6){animation-delay:-.7s;transform:rotate(150deg) translate(146%)}.sonner-loading-bar:nth-child(7){animation-delay:-.6s;transform:rotate(180deg) translate(146%)}.sonner-loading-bar:nth-child(8){animation-delay:-.5s;transform:rotate(210deg) translate(146%)}.sonner-loading-bar:nth-child(9){animation-delay:-.4s;transform:rotate(240deg) translate(146%)}.sonner-loading-bar:nth-child(10){animation-delay:-.3s;transform:rotate(270deg) translate(146%)}.sonner-loading-bar:nth-child(11){animation-delay:-.2s;transform:rotate(300deg) translate(146%)}.sonner-loading-bar:nth-child(12){animation-delay:-.1s;transform:rotate(330deg) translate(146%)}@keyframes sonner-fade-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes sonner-fade-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.8)}}@keyframes sonner-spin{0%{opacity:1}to{opacity:.15}}@media(prefers-reduced-motion){[data-sonner-toast],[data-sonner-toast]>*,.sonner-loading-bar{transition:none!important;animation:none!important}}.sonner-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);transform-origin:center;transition:opacity .2s,transform .2s}.sonner-loader[data-visible=false]{opacity:0;transform:scale(.8) translate(-50%,-50%)}\n"] }]
|
|
1161
1137
|
}], ctorParameters: () => [], propDecorators: { invert: [{ type: i0.Input, args: [{ isSignal: true, alias: "invert", required: false }] }], theme: [{ type: i0.Input, args: [{ isSignal: true, alias: "theme", required: false }] }], position: [{ type: i0.Input, args: [{ isSignal: true, alias: "position", required: false }] }], hotKey: [{ type: i0.Input, args: [{ isSignal: true, alias: "hotKey", required: false }] }], richColors: [{ type: i0.Input, args: [{ isSignal: true, alias: "richColors", required: false }] }], expand: [{ type: i0.Input, args: [{ isSignal: true, alias: "expand", required: false }] }], duration: [{ type: i0.Input, args: [{ isSignal: true, alias: "duration", required: false }] }], visibleToasts: [{ type: i0.Input, args: [{ isSignal: true, alias: "visibleToasts", required: false }] }], closeButton: [{ type: i0.Input, args: [{ isSignal: true, alias: "closeButton", required: false }] }], toastOptions: [{ type: i0.Input, args: [{ isSignal: true, alias: "toastOptions", required: false }] }], offset: [{ type: i0.Input, args: [{ isSignal: true, alias: "offset", required: false }] }], userClass: [{ type: i0.Input, args: [{ isSignal: true, alias: "class", required: false }] }], style: [{ type: i0.Input, args: [{ isSignal: true, alias: "style", required: false }] }], _listRef: [{ type: i0.ViewChild, args: ['listRef', { isSignal: true }] }], _loadingIcon: [{ type: i0.ContentChild, args: ['loadingIcon', { ...{ read: TemplateRef }, isSignal: true }] }], _successIcon: [{ type: i0.ContentChild, args: ['successIcon', { ...{ read: TemplateRef }, isSignal: true }] }], _errorIcon: [{ type: i0.ContentChild, args: ['errorIcon', { ...{ read: TemplateRef }, isSignal: true }] }], _warningIcon: [{ type: i0.ContentChild, args: ['warningIcon', { ...{ read: TemplateRef }, isSignal: true }] }], _infoIcon: [{ type: i0.ContentChild, args: ['infoIcon', { ...{ read: TemplateRef }, isSignal: true }] }] } });
|
|
1162
1138
|
|
|
1163
1139
|
const BrnSonnerImports = [BrnSonnerToaster];
|