AcySwetalert2

Angular 21 icin sifirdan yazilmis hafif bir alert ve confirm kutusu kutuphanesi.

Kurulum

Npm'e yayinlandiginda:

npm install acy-swetalert2

Yerel build ciktisindan kurmak icin:

npm install ./acy-swetalert2-0.0.1.tgz

Ozellikler

• Standalone Angular 21 uyumlu
• Servis tabanli modal acma API'si
• success, error, warning, info ve confirm kisayollari
• Promise tabanli sonuc donusu
• Harici UI bagimliligi yok

Build

ng build acy-swetalert2

Build ciktisi dist/acy-swetalert2 altina yazilir.

Kullanim

import { Component, inject } from '@angular/core';
import { AcySwetalert2Service } from 'acy-swetalert2';

@Component({
   selector: 'app-example',
   template: `<button type="button" (click)="showAlert()">Alert Ac</button>`,
})
export class ExampleComponent {
   private readonly alert = inject(AcySwetalert2Service);

   async showAlert(): Promise<void> {
      await this.alert.success('Basarili', 'Kayit islemi tamamlandi.');
   }

   async askForConfirm(): Promise<void> {
      const result = await this.alert.confirm('Emin misin?', 'Bu islem geri alinamaz.');

      if (result.confirmed) {
         console.log('Onaylandi');
      }
   }
}

Gelismis Kullanim

await this.alert.fire({
   title: 'Ozel Baslik',
   text: 'Icerik metni',
   icon: 'warning',
   confirmText: 'Devam Et',
   cancelText: 'Vazgec',
   showCancelButton: true,
   closeOnBackdrop: false,
   closeOnEscape: true,
});

Publish

cd dist/acy-swetalert2
npm publish

Not: npm publish icin once npm login ile hesaba giris yapilmis olmalidir.