@theaccessibleteam/a11y-feedback-angular 2.0.0

package/dist/index.cjs

@@ -0,0 +1,243 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  A11yFeedbackModule: () => A11yFeedbackModule,
+  A11yFeedbackService: () => A11yFeedbackService,
+  provideA11yFeedback: () => provideA11yFeedback
+});
+module.exports = __toCommonJS(index_exports);
+
+// src/a11y-feedback.service.ts
+var import_core = require("@angular/core");
+var import_rxjs = require("rxjs");
+var import_a11y_feedback = require("@theaccessibleteam/a11y-feedback");
+var A11yFeedbackService = class {
+  _state = new import_rxjs.BehaviorSubject({
+    notifications: (0, import_a11y_feedback.getNotificationHistory)(),
+    unreadCount: (0, import_a11y_feedback.getUnreadCount)(),
+    config: (0, import_a11y_feedback.getConfig)()
+  });
+  updateHandler = () => this.updateState();
+  /**
+   * Observable of the current state
+   */
+  state$ = this._state.asObservable();
+  /**
+   * Observable of notifications
+   */
+  get notifications$() {
+    return new import_rxjs.Observable((subscriber) => {
+      const sub = this._state.subscribe((state) => {
+        subscriber.next(state.notifications);
+      });
+      return () => sub.unsubscribe();
+    });
+  }
+  /**
+   * Observable of unread count
+   */
+  get unreadCount$() {
+    return new import_rxjs.Observable((subscriber) => {
+      const sub = this._state.subscribe((state) => {
+        subscriber.next(state.unreadCount);
+      });
+      return () => sub.unsubscribe();
+    });
+  }
+  constructor() {
+    (0, import_a11y_feedback.onFeedback)("announced", this.updateHandler);
+    (0, import_a11y_feedback.onFeedback)("dismissed", this.updateHandler);
+    (0, import_a11y_feedback.onFeedback)("replaced", this.updateHandler);
+  }
+  ngOnDestroy() {
+  }
+  updateState() {
+    this._state.next({
+      notifications: (0, import_a11y_feedback.getNotificationHistory)(),
+      unreadCount: (0, import_a11y_feedback.getUnreadCount)(),
+      config: (0, import_a11y_feedback.getConfig)()
+    });
+  }
+  /**
+   * Send a notification
+   */
+  async notify(message, type, options) {
+    const result = await (0, import_a11y_feedback.notify)({ message, type, options });
+    this.updateState();
+    return result;
+  }
+  /**
+   * Send a success notification
+   */
+  async success(message, options) {
+    const result = await import_a11y_feedback.notify.success(message, options);
+    this.updateState();
+    return result;
+  }
+  /**
+   * Send an error notification
+   */
+  async error(message, options) {
+    const result = await import_a11y_feedback.notify.error(message, options);
+    this.updateState();
+    return result;
+  }
+  /**
+   * Send a warning notification
+   */
+  async warning(message, options) {
+    const result = await import_a11y_feedback.notify.warning(message, options);
+    this.updateState();
+    return result;
+  }
+  /**
+   * Send an info notification
+   */
+  async info(message, options) {
+    const result = await import_a11y_feedback.notify.info(message, options);
+    this.updateState();
+    return result;
+  }
+  /**
+   * Send a loading notification
+   */
+  async loading(message, options) {
+    const result = await import_a11y_feedback.notify.loading(message, options);
+    this.updateState();
+    return result;
+  }
+  /**
+   * Show a confirmation dialog
+   */
+  async confirm(message, options) {
+    return (0, import_a11y_feedback.confirm)(message, options);
+  }
+  /**
+   * Show a prompt dialog
+   */
+  async prompt(message, options) {
+    return (0, import_a11y_feedback.prompt)(message, options);
+  }
+  /**
+   * Create a progress notification
+   */
+  progress(message, options) {
+    return (0, import_a11y_feedback.createProgressController)(
+      `progress-${Date.now()}`,
+      message,
+      options
+    );
+  }
+  /**
+   * Dismiss a notification
+   */
+  dismiss(id) {
+    (0, import_a11y_feedback.dismissVisualFeedback)(id);
+    this.updateState();
+  }
+  /**
+   * Dismiss all notifications
+   */
+  dismissAll() {
+    (0, import_a11y_feedback.dismissAllVisualFeedback)();
+    this.updateState();
+  }
+  /**
+   * Update configuration
+   */
+  configure(config) {
+    (0, import_a11y_feedback.configureFeedback)(config);
+    this.updateState();
+  }
+  /**
+   * Reset configuration to defaults
+   */
+  resetConfig() {
+    (0, import_a11y_feedback.resetConfig)();
+    this.updateState();
+  }
+  /**
+   * Get current configuration
+   */
+  getConfig() {
+    return (0, import_a11y_feedback.getConfig)();
+  }
+};
+A11yFeedbackService = __decorateClass([
+  (0, import_core.Injectable)({
+    providedIn: "root"
+  })
+], A11yFeedbackService);
+
+// src/a11y-feedback.module.ts
+var import_core2 = require("@angular/core");
+var A11yFeedbackModule = class {
+  /**
+   * Configure the module with options
+   */
+  static forRoot(options) {
+    return {
+      ngModule: A11yFeedbackModule,
+      providers: [
+        {
+          provide: A11yFeedbackService,
+          useFactory: () => {
+            const service = new A11yFeedbackService();
+            if (options?.config) {
+              service.configure(options.config);
+            }
+            return service;
+          }
+        }
+      ]
+    };
+  }
+};
+A11yFeedbackModule = __decorateClass([
+  (0, import_core2.NgModule)({})
+], A11yFeedbackModule);
+
+// src/provide.ts
+var import_core3 = require("@angular/core");
+var import_a11y_feedback3 = require("@theaccessibleteam/a11y-feedback");
+function provideA11yFeedback(options) {
+  if (options?.config) {
+    (0, import_a11y_feedback3.configureFeedback)(options.config);
+  }
+  return (0, import_core3.makeEnvironmentProviders)([
+    A11yFeedbackService
+  ]);
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  A11yFeedbackModule,
+  A11yFeedbackService,
+  provideA11yFeedback
+});

package/dist/index.d.cts

@@ -0,0 +1,156 @@
+import { OnDestroy, ModuleWithProviders, EnvironmentProviders } from '@angular/core';
+import { Observable } from 'rxjs';
+import { FeedbackEvent, FeedbackConfig, FeedbackType, FeedbackOptions, ConfirmOptions, ConfirmResult, PromptOptions, PromptResult, ProgressOptions, ProgressController } from '@theaccessibleteam/a11y-feedback';
+export { ConfirmOptions, FeedbackConfig, FeedbackEvent, FeedbackOptions, FeedbackType, NotificationAction, ProgressController, ProgressOptions, PromptOptions, RichContent } from '@theaccessibleteam/a11y-feedback';
+
+/**
+ * Angular service for a11y-feedback
+ */
+
+/**
+ * State interface for the service
+ */
+interface A11yFeedbackState {
+    notifications: readonly FeedbackEvent[];
+    unreadCount: number;
+    config: FeedbackConfig;
+}
+/**
+ * Angular service for accessible notifications
+ */
+declare class A11yFeedbackService implements OnDestroy {
+    private readonly _state;
+    private readonly updateHandler;
+    /**
+     * Observable of the current state
+     */
+    readonly state$: Observable<A11yFeedbackState>;
+    /**
+     * Observable of notifications
+     */
+    get notifications$(): Observable<readonly FeedbackEvent[]>;
+    /**
+     * Observable of unread count
+     */
+    get unreadCount$(): Observable<number>;
+    constructor();
+    ngOnDestroy(): void;
+    private updateState;
+    /**
+     * Send a notification
+     */
+    notify(message: string, type: FeedbackType, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Send a success notification
+     */
+    success(message: string, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Send an error notification
+     */
+    error(message: string, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Send a warning notification
+     */
+    warning(message: string, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Send an info notification
+     */
+    info(message: string, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Send a loading notification
+     */
+    loading(message: string, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Show a confirmation dialog
+     */
+    confirm(message: string, options?: ConfirmOptions): Promise<ConfirmResult>;
+    /**
+     * Show a prompt dialog
+     */
+    prompt(message: string, options?: PromptOptions): Promise<PromptResult>;
+    /**
+     * Create a progress notification
+     */
+    progress(message: string, options?: ProgressOptions): ProgressController;
+    /**
+     * Dismiss a notification
+     */
+    dismiss(id: string): void;
+    /**
+     * Dismiss all notifications
+     */
+    dismissAll(): void;
+    /**
+     * Update configuration
+     */
+    configure(config: Partial<FeedbackConfig>): void;
+    /**
+     * Reset configuration to defaults
+     */
+    resetConfig(): void;
+    /**
+     * Get current configuration
+     */
+    getConfig(): FeedbackConfig;
+}
+
+/**
+ * Angular module for a11y-feedback
+ */
+
+/**
+ * Configuration options for the module
+ */
+interface A11yFeedbackModuleConfig {
+    config?: Partial<FeedbackConfig>;
+}
+/**
+ * Angular module for accessible notifications
+ *
+ * @example
+ * ```typescript
+ * @NgModule({
+ *   imports: [
+ *     A11yFeedbackModule.forRoot({
+ *       config: { visual: true }
+ *     })
+ *   ]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class A11yFeedbackModule {
+    /**
+     * Configure the module with options
+     */
+    static forRoot(options?: A11yFeedbackModuleConfig): ModuleWithProviders<A11yFeedbackModule>;
+}
+
+/**
+ * Standalone provider for a11y-feedback in Angular
+ */
+
+/**
+ * Options for the standalone provider
+ */
+interface A11yFeedbackProviderOptions {
+    config?: Partial<FeedbackConfig>;
+}
+/**
+ * Provide a11y-feedback for standalone Angular applications
+ *
+ * @example
+ * ```typescript
+ * // In app.config.ts
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideA11yFeedback({
+ *       config: { visual: true }
+ *     })
+ *   ]
+ * }
+ * ```
+ */
+declare function provideA11yFeedback(options?: A11yFeedbackProviderOptions): EnvironmentProviders;
+
+export { A11yFeedbackModule, A11yFeedbackService, provideA11yFeedback };

package/dist/index.d.ts

@@ -0,0 +1,156 @@
+import { OnDestroy, ModuleWithProviders, EnvironmentProviders } from '@angular/core';
+import { Observable } from 'rxjs';
+import { FeedbackEvent, FeedbackConfig, FeedbackType, FeedbackOptions, ConfirmOptions, ConfirmResult, PromptOptions, PromptResult, ProgressOptions, ProgressController } from '@theaccessibleteam/a11y-feedback';
+export { ConfirmOptions, FeedbackConfig, FeedbackEvent, FeedbackOptions, FeedbackType, NotificationAction, ProgressController, ProgressOptions, PromptOptions, RichContent } from '@theaccessibleteam/a11y-feedback';
+
+/**
+ * Angular service for a11y-feedback
+ */
+
+/**
+ * State interface for the service
+ */
+interface A11yFeedbackState {
+    notifications: readonly FeedbackEvent[];
+    unreadCount: number;
+    config: FeedbackConfig;
+}
+/**
+ * Angular service for accessible notifications
+ */
+declare class A11yFeedbackService implements OnDestroy {
+    private readonly _state;
+    private readonly updateHandler;
+    /**
+     * Observable of the current state
+     */
+    readonly state$: Observable<A11yFeedbackState>;
+    /**
+     * Observable of notifications
+     */
+    get notifications$(): Observable<readonly FeedbackEvent[]>;
+    /**
+     * Observable of unread count
+     */
+    get unreadCount$(): Observable<number>;
+    constructor();
+    ngOnDestroy(): void;
+    private updateState;
+    /**
+     * Send a notification
+     */
+    notify(message: string, type: FeedbackType, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Send a success notification
+     */
+    success(message: string, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Send an error notification
+     */
+    error(message: string, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Send a warning notification
+     */
+    warning(message: string, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Send an info notification
+     */
+    info(message: string, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Send a loading notification
+     */
+    loading(message: string, options?: FeedbackOptions): Promise<FeedbackEvent>;
+    /**
+     * Show a confirmation dialog
+     */
+    confirm(message: string, options?: ConfirmOptions): Promise<ConfirmResult>;
+    /**
+     * Show a prompt dialog
+     */
+    prompt(message: string, options?: PromptOptions): Promise<PromptResult>;
+    /**
+     * Create a progress notification
+     */
+    progress(message: string, options?: ProgressOptions): ProgressController;
+    /**
+     * Dismiss a notification
+     */
+    dismiss(id: string): void;
+    /**
+     * Dismiss all notifications
+     */
+    dismissAll(): void;
+    /**
+     * Update configuration
+     */
+    configure(config: Partial<FeedbackConfig>): void;
+    /**
+     * Reset configuration to defaults
+     */
+    resetConfig(): void;
+    /**
+     * Get current configuration
+     */
+    getConfig(): FeedbackConfig;
+}
+
+/**
+ * Angular module for a11y-feedback
+ */
+
+/**
+ * Configuration options for the module
+ */
+interface A11yFeedbackModuleConfig {
+    config?: Partial<FeedbackConfig>;
+}
+/**
+ * Angular module for accessible notifications
+ *
+ * @example
+ * ```typescript
+ * @NgModule({
+ *   imports: [
+ *     A11yFeedbackModule.forRoot({
+ *       config: { visual: true }
+ *     })
+ *   ]
+ * })
+ * export class AppModule {}
+ * ```
+ */
+declare class A11yFeedbackModule {
+    /**
+     * Configure the module with options
+     */
+    static forRoot(options?: A11yFeedbackModuleConfig): ModuleWithProviders<A11yFeedbackModule>;
+}
+
+/**
+ * Standalone provider for a11y-feedback in Angular
+ */
+
+/**
+ * Options for the standalone provider
+ */
+interface A11yFeedbackProviderOptions {
+    config?: Partial<FeedbackConfig>;
+}
+/**
+ * Provide a11y-feedback for standalone Angular applications
+ *
+ * @example
+ * ```typescript
+ * // In app.config.ts
+ * export const appConfig: ApplicationConfig = {
+ *   providers: [
+ *     provideA11yFeedback({
+ *       config: { visual: true }
+ *     })
+ *   ]
+ * }
+ * ```
+ */
+declare function provideA11yFeedback(options?: A11yFeedbackProviderOptions): EnvironmentProviders;
+
+export { A11yFeedbackModule, A11yFeedbackService, provideA11yFeedback };

package/dist/index.js

@@ -0,0 +1,230 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+
+// src/a11y-feedback.service.ts
+import { Injectable } from "@angular/core";
+import { BehaviorSubject, Observable } from "rxjs";
+import {
+  notify,
+  configureFeedback,
+  getConfig,
+  resetConfig,
+  dismissVisualFeedback,
+  dismissAllVisualFeedback,
+  getNotificationHistory,
+  getUnreadCount,
+  onFeedback,
+  confirm,
+  prompt,
+  createProgressController
+} from "@theaccessibleteam/a11y-feedback";
+var A11yFeedbackService = class {
+  _state = new BehaviorSubject({
+    notifications: getNotificationHistory(),
+    unreadCount: getUnreadCount(),
+    config: getConfig()
+  });
+  updateHandler = () => this.updateState();
+  /**
+   * Observable of the current state
+   */
+  state$ = this._state.asObservable();
+  /**
+   * Observable of notifications
+   */
+  get notifications$() {
+    return new Observable((subscriber) => {
+      const sub = this._state.subscribe((state) => {
+        subscriber.next(state.notifications);
+      });
+      return () => sub.unsubscribe();
+    });
+  }
+  /**
+   * Observable of unread count
+   */
+  get unreadCount$() {
+    return new Observable((subscriber) => {
+      const sub = this._state.subscribe((state) => {
+        subscriber.next(state.unreadCount);
+      });
+      return () => sub.unsubscribe();
+    });
+  }
+  constructor() {
+    onFeedback("announced", this.updateHandler);
+    onFeedback("dismissed", this.updateHandler);
+    onFeedback("replaced", this.updateHandler);
+  }
+  ngOnDestroy() {
+  }
+  updateState() {
+    this._state.next({
+      notifications: getNotificationHistory(),
+      unreadCount: getUnreadCount(),
+      config: getConfig()
+    });
+  }
+  /**
+   * Send a notification
+   */
+  async notify(message, type, options) {
+    const result = await notify({ message, type, options });
+    this.updateState();
+    return result;
+  }
+  /**
+   * Send a success notification
+   */
+  async success(message, options) {
+    const result = await notify.success(message, options);
+    this.updateState();
+    return result;
+  }
+  /**
+   * Send an error notification
+   */
+  async error(message, options) {
+    const result = await notify.error(message, options);
+    this.updateState();
+    return result;
+  }
+  /**
+   * Send a warning notification
+   */
+  async warning(message, options) {
+    const result = await notify.warning(message, options);
+    this.updateState();
+    return result;
+  }
+  /**
+   * Send an info notification
+   */
+  async info(message, options) {
+    const result = await notify.info(message, options);
+    this.updateState();
+    return result;
+  }
+  /**
+   * Send a loading notification
+   */
+  async loading(message, options) {
+    const result = await notify.loading(message, options);
+    this.updateState();
+    return result;
+  }
+  /**
+   * Show a confirmation dialog
+   */
+  async confirm(message, options) {
+    return confirm(message, options);
+  }
+  /**
+   * Show a prompt dialog
+   */
+  async prompt(message, options) {
+    return prompt(message, options);
+  }
+  /**
+   * Create a progress notification
+   */
+  progress(message, options) {
+    return createProgressController(
+      `progress-${Date.now()}`,
+      message,
+      options
+    );
+  }
+  /**
+   * Dismiss a notification
+   */
+  dismiss(id) {
+    dismissVisualFeedback(id);
+    this.updateState();
+  }
+  /**
+   * Dismiss all notifications
+   */
+  dismissAll() {
+    dismissAllVisualFeedback();
+    this.updateState();
+  }
+  /**
+   * Update configuration
+   */
+  configure(config) {
+    configureFeedback(config);
+    this.updateState();
+  }
+  /**
+   * Reset configuration to defaults
+   */
+  resetConfig() {
+    resetConfig();
+    this.updateState();
+  }
+  /**
+   * Get current configuration
+   */
+  getConfig() {
+    return getConfig();
+  }
+};
+A11yFeedbackService = __decorateClass([
+  Injectable({
+    providedIn: "root"
+  })
+], A11yFeedbackService);
+
+// src/a11y-feedback.module.ts
+import { NgModule } from "@angular/core";
+var A11yFeedbackModule = class {
+  /**
+   * Configure the module with options
+   */
+  static forRoot(options) {
+    return {
+      ngModule: A11yFeedbackModule,
+      providers: [
+        {
+          provide: A11yFeedbackService,
+          useFactory: () => {
+            const service = new A11yFeedbackService();
+            if (options?.config) {
+              service.configure(options.config);
+            }
+            return service;
+          }
+        }
+      ]
+    };
+  }
+};
+A11yFeedbackModule = __decorateClass([
+  NgModule({})
+], A11yFeedbackModule);
+
+// src/provide.ts
+import { makeEnvironmentProviders } from "@angular/core";
+import { configureFeedback as configureFeedback2 } from "@theaccessibleteam/a11y-feedback";
+function provideA11yFeedback(options) {
+  if (options?.config) {
+    configureFeedback2(options.config);
+  }
+  return makeEnvironmentProviders([
+    A11yFeedbackService
+  ]);
+}
+export {
+  A11yFeedbackModule,
+  A11yFeedbackService,
+  provideA11yFeedback
+};

package/package.json

@@ -0,0 +1,52 @@
+{
+  "name": "@theaccessibleteam/a11y-feedback-angular",
+  "version": "2.0.0",
+  "description": "Angular bindings for a11y-feedback accessibility notification library",
+  "type": "module",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "tsup src/index.ts --format cjs,esm --dts --clean",
+    "dev": "tsup src/index.ts --format cjs,esm --dts --watch"
+  },
+  "peerDependencies": {
+    "@theaccessibleteam/a11y-feedback": "^2.0.0",
+    "@angular/core": ">=15.0.0",
+    "rxjs": ">=7.0.0"
+  },
+  "devDependencies": {
+    "@angular/core": "^17.0.0",
+    "rxjs": "^7.8.0",
+    "tsup": "^8.0.0",
+    "typescript": "^5.0.0"
+  },
+  "keywords": [
+    "angular",
+    "a11y",
+    "accessibility",
+    "notifications",
+    "screen-reader",
+    "aria"
+  ],
+  "author": "The Accessible Team",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/WOLFIEEEE/a11y-feedback.git",
+    "directory": "packages/angular"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}