@vallift/ngl 22.0.46 → 22.0.47
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/vallift-ngl.mjs
CHANGED
|
@@ -5376,14 +5376,14 @@ class ToastComponent {
|
|
|
5376
5376
|
ngOnDestroy() {
|
|
5377
5377
|
}
|
|
5378
5378
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ToastComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
5379
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: ToastComponent, isStandalone: true, selector: "app-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: false, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: false, isRequired: false, transformFunction: null }, themeType: { classPropertyName: "themeType", publicName: "themeType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disposeEvent: "disposeEvent" }, ngImport: i0, template: "<div
|
|
5379
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "22.0.1", type: ToastComponent, isStandalone: true, selector: "app-toast", inputs: { type: { classPropertyName: "type", publicName: "type", isSignal: false, isRequired: false, transformFunction: null }, title: { classPropertyName: "title", publicName: "title", isSignal: false, isRequired: false, transformFunction: null }, message: { classPropertyName: "message", publicName: "message", isSignal: false, isRequired: false, transformFunction: null }, duration: { classPropertyName: "duration", publicName: "duration", isSignal: false, isRequired: false, transformFunction: null }, themeType: { classPropertyName: "themeType", publicName: "themeType", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { disposeEvent: "disposeEvent" }, ngImport: i0, template: "<div\n class=\"toast-panel mb-3 flex min-w-72 max-w-96 items-center gap-3 rounded-full border border-neutral-100 bg-white px-4 py-3 shadow-[0_8px_24px_rgb(15_23_42/0.10)]\"\n [ngClass]=\"themeClass()\">\n <div class=\"flex shrink-0 items-center justify-center\">\n @switch (type) {\n @case (ToastType.success) {\n <div class=\"flex h-8 w-8 items-center justify-center rounded-full bg-green-500 text-white\">\n <svg height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n </svg>\n </div>\n }\n @case (ToastType.error) {\n <div class=\"flex h-8 w-8 items-center justify-center rounded-full bg-red-500 text-white\">\n <svg height=\"14\" width=\"14\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n </svg>\n </div>\n }\n @case (ToastType.info) {\n <div class=\"flex h-8 w-8 items-center justify-center rounded-full bg-blue-500 text-white\">\n <svg height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M11 7h2v2h-2zm0 4h2v6h-2z\"/>\n </svg>\n </div>\n }\n @case (ToastType.warning) {\n <div class=\"flex h-8 w-8 items-center justify-center rounded-full bg-amber-500 text-white\">\n <svg height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M11 7h2v6h-2zm0 8h2v2h-2z\"/>\n </svg>\n </div>\n }\n }\n </div>\n\n <div class=\"min-w-0 flex-1 flex flex-col gap-0.5\">\n @if (title) {\n <p class=\"truncate text-sm font-semibold text-neutral-900\">{{ title }}</p>\n }\n <p class=\"text-sm text-neutral-500\" [class.truncate]=\"!!title\">{{ message }}</p>\n </div>\n\n <app-toast-close-button (closeEvent)=\"hide()\"></app-toast-close-button>\n</div>\n", styles: ["@keyframes toast-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}:host{display:block}.toast-panel{animation:toast-slide-in .25s ease-out}.toast-panel.bg-black{background-color:#111827;border-color:#1f2937;color:#f9fafb}.toast-panel.bg-black .text-neutral-900{color:#f9fafb}.toast-panel.bg-black .text-neutral-500{color:#9ca3af}\n"], dependencies: [{ kind: "component", type: ToastCloseButtonComponent, selector: "app-toast-close-button", outputs: ["closeEvent"] }, { kind: "directive", type: NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
|
|
5380
5380
|
}
|
|
5381
5381
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "22.0.1", ngImport: i0, type: ToastComponent, decorators: [{
|
|
5382
5382
|
type: Component,
|
|
5383
5383
|
args: [{ selector: 'app-toast', standalone: true, imports: [
|
|
5384
5384
|
ToastCloseButtonComponent,
|
|
5385
5385
|
NgClass
|
|
5386
|
-
], template: "<div
|
|
5386
|
+
], template: "<div\n class=\"toast-panel mb-3 flex min-w-72 max-w-96 items-center gap-3 rounded-full border border-neutral-100 bg-white px-4 py-3 shadow-[0_8px_24px_rgb(15_23_42/0.10)]\"\n [ngClass]=\"themeClass()\">\n <div class=\"flex shrink-0 items-center justify-center\">\n @switch (type) {\n @case (ToastType.success) {\n <div class=\"flex h-8 w-8 items-center justify-center rounded-full bg-green-500 text-white\">\n <svg height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M9 16.17 4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z\"/>\n </svg>\n </div>\n }\n @case (ToastType.error) {\n <div class=\"flex h-8 w-8 items-center justify-center rounded-full bg-red-500 text-white\">\n <svg height=\"14\" width=\"14\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z\"/>\n </svg>\n </div>\n }\n @case (ToastType.info) {\n <div class=\"flex h-8 w-8 items-center justify-center rounded-full bg-blue-500 text-white\">\n <svg height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M11 7h2v2h-2zm0 4h2v6h-2z\"/>\n </svg>\n </div>\n }\n @case (ToastType.warning) {\n <div class=\"flex h-8 w-8 items-center justify-center rounded-full bg-amber-500 text-white\">\n <svg height=\"16\" width=\"16\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\n <path d=\"M11 7h2v6h-2zm0 8h2v2h-2z\"/>\n </svg>\n </div>\n }\n }\n </div>\n\n <div class=\"min-w-0 flex-1 flex flex-col gap-0.5\">\n @if (title) {\n <p class=\"truncate text-sm font-semibold text-neutral-900\">{{ title }}</p>\n }\n <p class=\"text-sm text-neutral-500\" [class.truncate]=\"!!title\">{{ message }}</p>\n </div>\n\n <app-toast-close-button (closeEvent)=\"hide()\"></app-toast-close-button>\n</div>\n", styles: ["@keyframes toast-slide-in{0%{opacity:0;transform:translate(12px)}to{opacity:1;transform:translate(0)}}:host{display:block}.toast-panel{animation:toast-slide-in .25s ease-out}.toast-panel.bg-black{background-color:#111827;border-color:#1f2937;color:#f9fafb}.toast-panel.bg-black .text-neutral-900{color:#f9fafb}.toast-panel.bg-black .text-neutral-500{color:#9ca3af}\n"] }]
|
|
5387
5387
|
}], propDecorators: { disposeEvent: [{
|
|
5388
5388
|
type: Output
|
|
5389
5389
|
}], type: [{
|