mesauth-angular 1.2.0 → 1.2.1

package/src/theme.service.ts

@@ -1,70 +0,0 @@
-import { Injectable, OnDestroy } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-
-export type Theme = 'light' | 'dark';
-
-@Injectable({
-  providedIn: 'root'
-})
-export class ThemeService implements OnDestroy {
-  private _currentTheme = new BehaviorSubject<Theme>('light');
-  public currentTheme$: Observable<Theme> = this._currentTheme.asObservable();
-  private observer: MutationObserver | null = null;
-
-  constructor() {
-    this.detectTheme();
-    this.startWatching();
-  }
-
-  ngOnDestroy(): void {
-    this.stopWatching();
-  }
-
-  private detectTheme(): void {
-    const html = document.documentElement;
-    const isDark = html.classList.contains('dark') ||
-                   html.getAttribute('data-theme') === 'dark' ||
-                   html.getAttribute('theme') === 'dark' ||
-                   html.getAttribute('data-coreui-theme') === 'dark';
-
-    this._currentTheme.next(isDark ? 'dark' : 'light');
-  }
-
-  private startWatching(): void {
-    if (typeof MutationObserver === 'undefined') {
-      // Fallback for older browsers - check periodically
-      setInterval(() => this.detectTheme(), 1000);
-      return;
-    }
-
-    this.observer = new MutationObserver(() => {
-      this.detectTheme();
-    });
-
-    this.observer.observe(document.documentElement, {
-      attributes: true,
-      attributeFilter: ['class', 'data-theme', 'theme', 'data-coreui-theme']
-    });
-  }
-
-  private stopWatching(): void {
-    if (this.observer) {
-      this.observer.disconnect();
-      this.observer = null;
-    }
-  }
-
-  get currentTheme(): Theme {
-    return this._currentTheme.value;
-  }
-
-  // Method to manually set theme if needed
-  setTheme(theme: Theme): void {
-    this._currentTheme.next(theme);
-  }
-
-  // Re-detect theme from DOM
-  refreshTheme(): void {
-    this.detectTheme();
-  }
-}

package/src/toast-container.component.ts

@@ -1,221 +0,0 @@
-import { Component, OnInit, OnDestroy, HostBinding } from '@angular/core';
-import { CommonModule } from '@angular/common';
-import { ToastService, Toast } from './toast.service';
-import { ThemeService, Theme } from './theme.service';
-import { Subject } from 'rxjs';
-import { takeUntil } from 'rxjs/operators';
-
-@Component({
-  selector: 'ma-toast-container',
-  standalone: true,
-  imports: [CommonModule],
-  template: `
-    <div class="toast-container">
-      <div 
-        *ngFor="let toast of toasts"
-        class="toast"
-        [class]="'toast-' + toast.type"
-        [@slideIn]
-      >
-        <div class="toast-content">
-          <div *ngIf="toast.title" class="toast-title">{{ toast.title }}</div>
-          <div class="toast-message" [innerHTML]="toast.message"></div>
-        </div>
-        <button class="toast-close" (click)="close(toast.id)" aria-label="Close">
-          ✕
-        </button>
-      </div>
-    </div>
-  `,
-  styles: [`
-    :host {
-      --info-color: #2196f3;
-      --success-color: #4caf50;
-      --warning-color: #ff9800;
-      --error-color: #f44336;
-      --text-primary: #333;
-      --bg-primary: white;
-      --shadow: rgba(0, 0, 0, 0.15);
-      --text-secondary: #999;
-      --border-color: rgba(0, 0, 0, 0.1);
-    }
-
-    :host(.theme-dark) {
-      --info-color: #64b5f6;
-      --success-color: #81c784;
-      --warning-color: #ffb74d;
-      --error-color: #ef5350;
-      --text-primary: #e0e0e0;
-      --bg-primary: #1e1e1e;
-      --shadow: rgba(0, 0, 0, 0.3);
-      --text-secondary: #888;
-      --border-color: rgba(255, 255, 255, 0.1);
-    }
-
-    .toast-container {
-      position: fixed;
-      top: 20px;
-      right: 20px;
-      z-index: 9999;
-      pointer-events: none;
-    }
-
-    .toast {
-      display: flex;
-      align-items: flex-start;
-      gap: 12px;
-      padding: 12px 16px;
-      margin-bottom: 12px;
-      border-radius: 4px;
-      background: var(--bg-primary);
-      border: 1px solid var(--border-color);
-      box-shadow: 0 4px 12px var(--shadow);
-      pointer-events: auto;
-      min-width: 280px;
-      max-width: 400px;
-      animation: slideIn 0.3s ease-out;
-    }
-
-    .toast-content {
-      flex: 1;
-    }
-
-    .toast-title {
-      font-weight: 600;
-      font-size: 14px;
-      margin-bottom: 4px;
-    }
-
-    .toast-message {
-      font-size: 13px;
-      line-height: 1.4;
-    }
-
-    .toast-close {
-      background: none;
-      border: none;
-      cursor: pointer;
-      font-size: 18px;
-      color: var(--text-secondary);
-      padding: 0;
-      width: 24px;
-      height: 24px;
-      display: flex;
-      align-items: center;
-      justify-content: center;
-      flex-shrink: 0;
-      transition: color 0.2s;
-    }
-
-    .toast-close:hover {
-      color: var(--text-primary);
-    }
-
-    /* Toast types */
-    .toast-info {
-      border-left: 4px solid var(--info-color);
-    }
-
-    .toast-info .toast-title {
-      color: var(--info-color);
-    }
-
-    .toast-info .toast-message {
-      color: var(--text-primary);
-    }
-
-    .toast-success {
-      border-left: 4px solid var(--success-color);
-    }
-
-    .toast-success .toast-title {
-      color: var(--success-color);
-    }
-
-    .toast-success .toast-message {
-      color: var(--text-primary);
-    }
-
-    .toast-warning {
-      border-left: 4px solid var(--warning-color);
-    }
-
-    .toast-warning .toast-title {
-      color: var(--warning-color);
-    }
-
-    .toast-warning .toast-message {
-      color: var(--text-primary);
-    }
-
-    .toast-error {
-      border-left: 4px solid var(--error-color);
-    }
-
-    .toast-error .toast-title {
-      color: var(--error-color);
-    }
-
-    .toast-error .toast-message {
-      color: var(--text-primary);
-    }
-
-    @keyframes slideIn {
-      from {
-        transform: translateX(400px);
-        opacity: 0;
-      }
-      to {
-        transform: translateX(0);
-        opacity: 1;
-      }
-    }
-
-    @media (max-width: 600px) {
-      .toast-container {
-        top: 10px;
-        right: 10px;
-        left: 10px;
-      }
-
-      .toast {
-        min-width: auto;
-        max-width: 100%;
-      }
-    }
-  `]
-})
-export class ToastContainerComponent implements OnInit, OnDestroy {
-  @HostBinding('class') get themeClass(): string {
-    return `theme-${this.currentTheme}`;
-  }
-
-  toasts: Toast[] = [];
-  currentTheme: Theme = 'light';
-  private destroy$ = new Subject<void>();
-
-  constructor(private toastService: ToastService, private themeService: ThemeService) {}
-
-  ngOnInit() {
-    this.toastService.toasts
-      .pipe(takeUntil(this.destroy$))
-      .subscribe(toasts => {
-        this.toasts = toasts;
-      });
-
-    this.themeService.currentTheme$
-      .pipe(takeUntil(this.destroy$))
-      .subscribe(theme => {
-        this.currentTheme = theme;
-      });
-  }
-
-  ngOnDestroy() {
-    this.destroy$.next();
-    this.destroy$.complete();
-  }
-
-  close(id: string) {
-    this.toastService.remove(id);
-  }
-}

package/src/toast.service.ts

@@ -1,47 +0,0 @@
-import { Injectable } from '@angular/core';
-import { BehaviorSubject, Observable } from 'rxjs';
-
-export interface Toast {
-  id: string;
-  message: string;
-  title?: string;
-  type: 'info' | 'success' | 'warning' | 'error';
-  duration?: number;
-}
-
-@Injectable({ providedIn: 'root' })
-export class ToastService {
-  private toasts$ = new BehaviorSubject<Toast[]>([]);
-  public toasts: Observable<Toast[]> = this.toasts$.asObservable();
-
-  show(message: string, title?: string, type: 'info' | 'success' | 'warning' | 'error' = 'info', duration: number = 5000) {
-    const id = Math.random().toString(36).substr(2, 9);
-    const toast: Toast = {
-      id,
-      message,
-      title,
-      type,
-      duration
-    };
-
-    const currentToasts = this.toasts$.value;
-    this.toasts$.next([...currentToasts, toast]);
-
-    if (duration > 0) {
-      setTimeout(() => {
-        this.remove(id);
-      }, duration);
-    }
-
-    return id;
-  }
-
-  remove(id: string) {
-    const currentToasts = this.toasts$.value;
-    this.toasts$.next(currentToasts.filter(t => t.id !== id));
-  }
-
-  clear() {
-    this.toasts$.next([]);
-  }
-}