@igo2/core 21.0.0-next.17 → 21.0.0-next.18

package/style/style.css

@@ -1,225 +1,3 @@
-/* based on angular-toastr css https://github.com/Foxandxss/angular-toastr/blob/cb508fe6801d6b288d3afc525bb40fee1b101650/dist/angular-toastr.css */
-/* position */
-.toast-center-center {
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-}
-
-.toast-top-center {
-  top: 0;
-  right: 0;
-  width: 100%;
-}
-
-.toast-bottom-center {
-  bottom: 0;
-  right: 0;
-  width: 100%;
-}
-
-.toast-top-full-width {
-  top: 0;
-  right: 0;
-  width: 100%;
-}
-
-.toast-bottom-full-width {
-  bottom: 0;
-  right: 0;
-  width: 100%;
-}
-
-.toast-top-left {
-  top: 12px;
-  left: 12px;
-}
-
-.toast-top-right {
-  top: 12px;
-  right: 12px;
-}
-
-.toast-bottom-right {
-  right: 12px;
-  bottom: 12px;
-}
-
-.toast-bottom-left {
-  bottom: 12px;
-  left: 12px;
-}
-
-/* toast styles */
-.toast-title {
-  font-weight: bold;
-}
-
-.toast-message {
-  word-wrap: break-word;
-}
-
-.toast-message a,
-.toast-message label {
-  color: #FFFFFF;
-}
-
-.toast-message a:hover {
-  color: #CCCCCC;
-  text-decoration: none;
-}
-
-.toast-close-button {
-  position: relative;
-  right: -0.3em;
-  top: -0.3em;
-  float: right;
-  font-size: 20px;
-  font-weight: bold;
-  color: #FFFFFF;
-  text-shadow: 0 1px 0 #ffffff;
-  /* opacity: 0.8; */
-}
-
-.toast-close-button:hover,
-.toast-close-button:focus {
-  color: #000000;
-  text-decoration: none;
-  cursor: pointer;
-  opacity: 0.4;
-}
-
-/*Additional properties for button version
- iOS requires the button element instead of an anchor tag.
- If you want the anchor version, it requires `href="#"`.*/
-button.toast-close-button {
-  padding: 0;
-  cursor: pointer;
-  background: transparent;
-  border: 0;
-}
-
-.toast-container {
-  pointer-events: none;
-  position: fixed;
-  z-index: 999999;
-}
-
-.toast-container * {
-  box-sizing: border-box;
-}
-
-.toast-container .ngx-toastr {
-  position: relative;
-  overflow: hidden;
-  margin: 0 0 6px;
-  padding: 15px 15px 15px 50px;
-  width: 300px;
-  border-radius: 3px 3px 3px 3px;
-  background-position: 15px center;
-  background-repeat: no-repeat;
-  background-size: 24px;
-  box-shadow: 0 0 12px #999999;
-  color: #FFFFFF;
-}
-
-.toast-container .ngx-toastr:hover {
-  box-shadow: 0 0 12px #000000;
-  opacity: 1;
-  cursor: pointer;
-}
-
-/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/info-circle.svg */
-.toast-info {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOS4wNDMgOCA4IDExOS4wODMgOCAyNTZjMCAxMzYuOTk3IDExMS4wNDMgMjQ4IDI0OCAyNDhzMjQ4LTExMS4wMDMgMjQ4LTI0OEM1MDQgMTE5LjA4MyAzOTIuOTU3IDggMjU2IDh6bTAgMTEwYzIzLjE5NiAwIDQyIDE4LjgwNCA0MiA0MnMtMTguODA0IDQyLTQyIDQyLTQyLTE4LjgwNC00Mi00MiAxOC44MDQtNDIgNDItNDJ6bTU2IDI1NGMwIDYuNjI3LTUuMzczIDEyLTEyIDEyaC04OGMtNi42MjcgMC0xMi01LjM3My0xMi0xMnYtMjRjMC02LjYyNyA1LjM3My0xMiAxMi0xMmgxMnYtNjRoLTEyYy02LjYyNyAwLTEyLTUuMzczLTEyLTEydi0yNGMwLTYuNjI3IDUuMzczLTEyIDEyLTEyaDY0YzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MTAwaDEyYzYuNjI3IDAgMTIgNS4zNzMgMTIgMTJ2MjR6Jy8+PC9zdmc+");
-}
-
-/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/times-circle.svg */
-.toast-error {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTI1NiA4QzExOSA4IDggMTE5IDggMjU2czExMSAyNDggMjQ4IDI0OCAyNDgtMTExIDI0OC0yNDhTMzkzIDggMjU2IDh6bTEyMS42IDMxMy4xYzQuNyA0LjcgNC43IDEyLjMgMCAxN0wzMzggMzc3LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwyNTYgMzEybC02NS4xIDY1LjZjLTQuNyA0LjctMTIuMyA0LjctMTcgMEwxMzQuNCAzMzhjLTQuNy00LjctNC43LTEyLjMgMC0xN2w2NS42LTY1LTY1LjYtNjUuMWMtNC43LTQuNy00LjctMTIuMyAwLTE3bDM5LjYtMzkuNmM0LjctNC43IDEyLjMtNC43IDE3IDBsNjUgNjUuNyA2NS4xLTY1LjZjNC43LTQuNyAxMi4zLTQuNyAxNyAwbDM5LjYgMzkuNmM0LjcgNC43IDQuNyAxMi4zIDAgMTdMMzEyIDI1Nmw2NS42IDY1LjF6Jy8+PC9zdmc+");
-}
-
-/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/check.svg */
-.toast-success {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1MTIgNTEyJyB3aWR0aD0nNTEyJyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTE3My44OTggNDM5LjQwNGwtMTY2LjQtMTY2LjRjLTkuOTk3LTkuOTk3LTkuOTk3LTI2LjIwNiAwLTM2LjIwNGwzNi4yMDMtMzYuMjA0YzkuOTk3LTkuOTk4IDI2LjIwNy05Ljk5OCAzNi4yMDQgMEwxOTIgMzEyLjY5IDQzMi4wOTUgNzIuNTk2YzkuOTk3LTkuOTk3IDI2LjIwNy05Ljk5NyAzNi4yMDQgMGwzNi4yMDMgMzYuMjA0YzkuOTk3IDkuOTk3IDkuOTk3IDI2LjIwNiAwIDM2LjIwNGwtMjk0LjQgMjk0LjQwMWMtOS45OTggOS45OTctMjYuMjA3IDkuOTk3LTM2LjIwNC0uMDAxeicvPjwvc3ZnPg==");
-}
-
-/* https://github.com/FortAwesome/Font-Awesome-Pro/blob/master/advanced-options/raw-svg/regular/exclamation-triangle.svg */
-.toast-warning {
-  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHZpZXdCb3g9JzAgMCA1NzYgNTEyJyB3aWR0aD0nNTc2JyBoZWlnaHQ9JzUxMic+PHBhdGggZmlsbD0ncmdiKDI1NSwyNTUsMjU1KScgZD0nTTU2OS41MTcgNDQwLjAxM0M1ODcuOTc1IDQ3Mi4wMDcgNTY0LjgwNiA1MTIgNTI3Ljk0IDUxMkg0OC4wNTRjLTM2LjkzNyAwLTU5Ljk5OS00MC4wNTUtNDEuNTc3LTcxLjk4N0wyNDYuNDIzIDIzLjk4NWMxOC40NjctMzIuMDA5IDY0LjcyLTMxLjk1MSA4My4xNTQgMGwyMzkuOTQgNDE2LjAyOHpNMjg4IDM1NGMtMjUuNDA1IDAtNDYgMjAuNTk1LTQ2IDQ2czIwLjU5NSA0NiA0NiA0NiA0Ni0yMC41OTUgNDYtNDYtMjAuNTk1LTQ2LTQ2LTQ2em0tNDMuNjczLTE2NS4zNDZsNy40MTggMTM2Yy4zNDcgNi4zNjQgNS42MDkgMTEuMzQ2IDExLjk4MiAxMS4zNDZoNDguNTQ2YzYuMzczIDAgMTEuNjM1LTQuOTgyIDExLjk4Mi0xMS4zNDZsNy40MTgtMTM2Yy4zNzUtNi44NzQtNS4wOTgtMTIuNjU0LTExLjk4Mi0xMi42NTRoLTYzLjM4M2MtNi44ODQgMC0xMi4zNTYgNS43OC0xMS45ODEgMTIuNjU0eicvPjwvc3ZnPg==");
-}
-
-.toast-container.toast-top-center .ngx-toastr,
-.toast-container.toast-bottom-center .ngx-toastr {
-  width: 300px;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.toast-container.toast-top-full-width .ngx-toastr,
-.toast-container.toast-bottom-full-width .ngx-toastr {
-  width: 96%;
-  margin-left: auto;
-  margin-right: auto;
-}
-
-.ngx-toastr {
-  background-color: #030303;
-  pointer-events: auto;
-}
-
-.toast-success {
-  background-color: #51A351;
-}
-
-.toast-error {
-  background-color: #BD362F;
-}
-
-.toast-info {
-  background-color: #2F96B4;
-}
-
-.toast-warning {
-  background-color: #F89406;
-}
-
-.toast-progress {
-  position: absolute;
-  left: 0;
-  bottom: 0;
-  height: 4px;
-  background-color: #000000;
-  opacity: 0.4;
-}
-
-/* Responsive Design */
-@media all and (max-width: 240px) {
-  .toast-container .ngx-toastr.div {
-    padding: 8px 8px 8px 50px;
-    width: 11em;
-  }
-  .toast-container .toast-close-button {
-    right: -0.2em;
-    top: -0.2em;
-  }
-}
-@media all and (min-width: 241px) and (max-width: 480px) {
-  .toast-container .ngx-toastr.div {
-    padding: 8px 8px 8px 50px;
-    width: 18em;
-  }
-  .toast-container .toast-close-button {
-    right: -0.2em;
-    top: -0.2em;
-  }
-}
-@media all and (min-width: 481px) and (max-width: 768px) {
-  .toast-container .ngx-toastr.div {
-    padding: 15px 15px 15px 50px;
-    width: 25em;
-  }
-}
 button.mat-mdc-menu-item {
   line-height: 24px !important;
 }

package/theming/prebuilt-themes/blue-theme.css

@@ -198,9 +198,6 @@ html .blue-theme mat-icon[igocollapse].igo-chevron.collapsed {
   transform: rotateZ(180deg);
   transition: 300ms ease-in-out;
 }
-html .blue-theme .toastr-message-title {
-  font-size: var(--sdg-font-size-h5);
-}
 html .blue-theme {
   --mat-sys-background: light-dark(#ffffff, #101319);
   --mat-sys-error: light-dark(#f44336, #ffb4ab);

package/theming/prebuilt-themes/bluedark-theme.css

@@ -198,9 +198,6 @@ html .bluedark-theme mat-icon[igocollapse].igo-chevron.collapsed {
   transform: rotateZ(180deg);
   transition: 300ms ease-in-out;
 }
-html .bluedark-theme .toastr-message-title {
-  font-size: var(--sdg-font-size-h5);
-}
 html .bluedark-theme {
   --mat-sys-background: light-dark(#f9f9fb, #111415);
   --mat-sys-error: light-dark(#f44336, #ffb4ab);

package/theming/prebuilt-themes/bluedq-theme.css

@@ -198,9 +198,6 @@ html .bluedq-theme mat-icon[igocollapse].igo-chevron.collapsed {
   transform: rotateZ(180deg);
   transition: 300ms ease-in-out;
 }
-html .bluedq-theme .toastr-message-title {
-  font-size: var(--sdg-font-size-h5);
-}
 html .bluedq-theme {
   --mat-sys-background: light-dark(#f8f9ff, #111418);
   --mat-sys-error: light-dark(#f44336, #ffb4ab);

package/theming/prebuilt-themes/teal-theme.css

@@ -198,9 +198,6 @@ html .teal-theme mat-icon[igocollapse].igo-chevron.collapsed {
   transform: rotateZ(180deg);
   transition: 300ms ease-in-out;
 }
-html .teal-theme .toastr-message-title {
-  font-size: var(--sdg-font-size-h5);
-}
 html .teal-theme {
   --mat-sys-background: light-dark(#f6faf8, #0f1413);
   --mat-sys-error: light-dark(#f44336, #ffb4ab);

package/types/igo2-core-message.d.ts

@@ -1,32 +1,113 @@
 import * as i0 from '@angular/core';
-import { ModuleWithProviders, TemplateRef, EnvironmentProviders } from '@angular/core';
-import { IndividualConfig, ActiveToast } from 'ngx-toastr';
+import { OnInit, OnDestroy, EnvironmentProviders } from '@angular/core';
 import { HttpErrorResponse } from '@angular/common/http';
 import { BehaviorSubject } from 'rxjs';
-
-/**
- * @deprecated import the provideMessage directly
- */
-declare class IgoMessageModule {
-    static forRoot(): ModuleWithProviders<IgoMessageModule>;
-    static ɵfac: i0.ɵɵFactoryDeclaration<IgoMessageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IgoMessageModule, never, never, never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IgoMessageModule>;
-}
+import { SafeHtml } from '@angular/platform-browser';
 
 declare enum MessageType {
     ERROR = "error",
-    ALERT = "warning",// todo delete (transition to ngx-toastr)
+    ALERT = "warning",
     WARNING = "warning",
     INFO = "info",
     SUCCESS = "success",
     SHOW = "show"
 }
 
+interface ToastConfig {
+    timeOut: number;
+    extendedTimeOut: number;
+    closeButton: boolean;
+    progressBar: boolean;
+    tapToDismiss: boolean;
+    positionClass: string;
+    maxOpened: number;
+    preventDuplicates: boolean;
+    enableHtml: boolean;
+    disableTimeOut: boolean;
+    showIcon: boolean;
+    freezeProgressOnHover: boolean;
+}
+type IndividualToastConfig = Partial<ToastConfig>;
+interface ToastRef {
+    toastId: number;
+    message: string;
+    title: string;
+    type: ToastType;
+    config: ToastConfig;
+}
+type ToastType = 'success' | 'error' | 'info' | 'warning' | 'show';
+declare const DEFAULT_TOAST_CONFIG: ToastConfig;
+
+declare class ToastComponent implements OnInit, OnDestroy {
+    private toastService;
+    private sanitizer;
+    toastId: number;
+    type: ToastType;
+    title: string;
+    config: ToastConfig;
+    enableHtml: boolean;
+    showIcon: boolean;
+    private _message;
+    safeMessage: SafeHtml;
+    get message(): string;
+    set message(value: string);
+    progress: i0.WritableSignal<number>;
+    animationState: i0.WritableSignal<"inactive" | "active" | "removed">;
+    private timeoutId;
+    private progressIntervalId;
+    private startTime;
+    private remainingTime;
+    private totalTimeOut;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    onEnter(): void;
+    onLeave(): void;
+    onTap(): void;
+    close(event: Event): void;
+    remove(): void;
+    private startTimer;
+    private clearTimers;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastComponent, "igo-toast", never, {}, {}, never, never, true, never>;
+}
+
+declare class ToastContainerComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastContainerComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastContainerComponent, "igo-toast-container", never, {}, {}, never, ["*"], true, never>;
+}
+
+interface ActiveToast {
+    toastId: number;
+}
+declare class ToastService {
+    private appRef;
+    private document;
+    private toastIdCounter;
+    private toasts;
+    private containerRef;
+    private config;
+    private lastMessage;
+    private lastTitle;
+    configure(config: Partial<ToastConfig>): void;
+    success(message: string, title: string, options?: IndividualToastConfig): ActiveToast;
+    error(message: string, title: string, options?: IndividualToastConfig): ActiveToast;
+    info(message: string, title: string, options?: IndividualToastConfig): ActiveToast;
+    warning(message: string, title: string, options?: IndividualToastConfig): ActiveToast;
+    remove(toastId: number): void;
+    /** Called by ToastComponent when removal animation completes */
+    removeToast(toastId: number): void;
+    getActiveToasts(): ToastRef[];
+    updateToast(toastId: number, message: string, title: string): void;
+    private show;
+    private getOrCreateContainer;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<ToastService>;
+}
+
 interface Message {
     title?: string;
     text: string;
-    html?: string | TemplateRef<unknown>;
+    html?: string;
     type: MessageType;
     options?: MessageOptions;
     format?: 'text' | 'html';
@@ -34,7 +115,7 @@ interface Message {
     titleInterpolateParams?: Record<string, unknown>;
     showIcon?: boolean;
 }
-interface MessageOptions extends IndividualConfig {
+interface MessageOptions extends IndividualToastConfig {
     template?: string;
     from?: Date | string;
     to?: Date | string;
@@ -42,25 +123,29 @@ interface MessageOptions extends IndividualConfig {
     showOnEachLayerVisibility?: boolean;
 }
 
-declare function provideMessage(): EnvironmentProviders;
+/**
+ * Provides the message service with custom toast configuration.
+ * Since ToastService is providedIn: 'root', this simply configures it.
+ */
+declare function provideMessage(config?: Partial<ToastConfig>): EnvironmentProviders;
 
 declare class MessageService {
-    private injector;
     private configService;
     private languageService;
+    private toastService;
     messages$: BehaviorSubject<Message[]>;
     private options?;
-    private activeMessageTranslations;
     constructor();
-    private get toastr();
-    showError(httpError: HttpErrorResponse): ActiveToast<any>;
+    showError(httpError: HttpErrorResponse): ActiveToast;
     message(message: Message): void;
-    success(text: string, title?: string, options?: Partial<IndividualConfig>, textInterpolateParams?: Record<string, unknown>, titleInterpolateParams?: Record<string, unknown>): ActiveToast<any>;
-    error(text: string, title?: string, options?: Partial<IndividualConfig>, textInterpolateParams?: Record<string, unknown>, titleInterpolateParams?: Record<string, unknown>): ActiveToast<any>;
-    info(text: string, title?: string, options?: Partial<IndividualConfig>, textInterpolateParams?: Record<string, unknown>, titleInterpolateParams?: Record<string, unknown>): ActiveToast<any>;
-    alert(text: string, title?: string, options?: Partial<IndividualConfig>, textInterpolateParams?: Record<string, unknown>, titleInterpolateParams?: Record<string, unknown>): ActiveToast<any>;
-    show(text: string, title?: string, options?: Partial<IndividualConfig>, textInterpolateParams?: Record<string, unknown>, titleInterpolateParams?: Record<string, unknown>): ActiveToast<any>;
-    private handleNgxToastr;
+    success(text: string, title?: string, options?: IndividualToastConfig, textInterpolateParams?: Record<string, unknown>, titleInterpolateParams?: Record<string, unknown>): ActiveToast;
+    error(text: string, title?: string, options?: IndividualToastConfig, textInterpolateParams?: Record<string, unknown>, titleInterpolateParams?: Record<string, unknown>): ActiveToast;
+    info(text: string, title?: string, options?: IndividualToastConfig, textInterpolateParams?: Record<string, unknown>, titleInterpolateParams?: Record<string, unknown>): ActiveToast;
+    alert(text: string, title?: string, options?: IndividualToastConfig, textInterpolateParams?: Record<string, unknown>, titleInterpolateParams?: Record<string, unknown>): ActiveToast;
+    show(text: string, title?: string, options?: IndividualToastConfig, textInterpolateParams?: Record<string, unknown>, titleInterpolateParams?: Record<string, unknown>): ActiveToast;
+    private handleToast;
+    private parseDate;
+    private translateInterpolateParams;
     remove(id: number): void;
     removeAllAreNotError(): void;
     private handleTemplate;
@@ -68,5 +153,5 @@ declare class MessageService {
     static ɵprov: i0.ɵɵInjectableDeclaration<MessageService>;
 }
 
-export { IgoMessageModule, MessageService, MessageType, provideMessage };
-export type { Message, MessageOptions };
+export { DEFAULT_TOAST_CONFIG, MessageService, MessageType, ToastComponent, ToastContainerComponent, ToastService, provideMessage };
+export type { ActiveToast, IndividualToastConfig, Message, MessageOptions, ToastConfig, ToastRef, ToastType };