Initial commit: notification-elements-demo app

Interactive Angular 19 demo for @sda/notification-elements-ui with
6 sections: Bell & Feed, Notification Center, Inbox, Comments &
Threads, Mention Input, and Full-Featured layout. Includes mock
data, dark mode toggle, and real-time event log.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

node_modules/@inquirer/password/dist/commonjs/index.d.ts

@@ -0,0 +1,10 @@
+import { type Theme } from '@inquirer/core';
+import type { PartialDeep } from '@inquirer/type';
+type PasswordConfig = {
+    message: string;
+    mask?: boolean | string;
+    validate?: (value: string) => boolean | string | Promise<string | boolean>;
+    theme?: PartialDeep<Theme>;
+};
+declare const _default: import("@inquirer/type").Prompt<string, PasswordConfig>;
+export default _default;

node_modules/@inquirer/password/dist/commonjs/index.js

@@ -0,0 +1,57 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@inquirer/core");
+const ansi_1 = require("@inquirer/ansi");
+exports.default = (0, core_1.createPrompt)((config, done) => {
+    const { validate = () => true } = config;
+    const theme = (0, core_1.makeTheme)(config.theme);
+    const [status, setStatus] = (0, core_1.useState)('idle');
+    const [errorMsg, setError] = (0, core_1.useState)();
+    const [value, setValue] = (0, core_1.useState)('');
+    const prefix = (0, core_1.usePrefix)({ status, theme });
+    (0, core_1.useKeypress)(async (key, rl) => {
+        // Ignore keypress while our prompt is doing other processing.
+        if (status !== 'idle') {
+            return;
+        }
+        if ((0, core_1.isEnterKey)(key)) {
+            const answer = value;
+            setStatus('loading');
+            const isValid = await validate(answer);
+            if (isValid === true) {
+                setValue(answer);
+                setStatus('done');
+                done(answer);
+            }
+            else {
+                // Reset the readline line value to the previous value. On line event, the value
+                // get cleared, forcing the user to re-enter the value instead of fixing it.
+                rl.write(value);
+                setError(isValid || 'You must provide a valid value');
+                setStatus('idle');
+            }
+        }
+        else {
+            setValue(rl.line);
+            setError(undefined);
+        }
+    });
+    const message = theme.style.message(config.message, status);
+    let formattedValue = '';
+    let helpTip;
+    if (config.mask) {
+        const maskChar = typeof config.mask === 'string' ? config.mask : '*';
+        formattedValue = maskChar.repeat(value.length);
+    }
+    else if (status !== 'done') {
+        helpTip = `${theme.style.help('[input is masked]')}${ansi_1.cursorHide}`;
+    }
+    if (status === 'done') {
+        formattedValue = theme.style.answer(formattedValue);
+    }
+    let error = '';
+    if (errorMsg) {
+        error = theme.style.error(errorMsg);
+    }
+    return [[prefix, message, config.mask ? formattedValue : helpTip].join(' '), error];
+});

node_modules/@inquirer/password/dist/commonjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

node_modules/@inquirer/password/dist/esm/index.d.ts

@@ -0,0 +1,10 @@
+import { type Theme } from '@inquirer/core';
+import type { PartialDeep } from '@inquirer/type';
+type PasswordConfig = {
+    message: string;
+    mask?: boolean | string;
+    validate?: (value: string) => boolean | string | Promise<string | boolean>;
+    theme?: PartialDeep<Theme>;
+};
+declare const _default: import("@inquirer/type").Prompt<string, PasswordConfig>;
+export default _default;

node_modules/@inquirer/password/dist/esm/index.js

@@ -0,0 +1,55 @@
+import { createPrompt, useState, useKeypress, usePrefix, isEnterKey, makeTheme, } from '@inquirer/core';
+import { cursorHide } from '@inquirer/ansi';
+export default createPrompt((config, done) => {
+    const { validate = () => true } = config;
+    const theme = makeTheme(config.theme);
+    const [status, setStatus] = useState('idle');
+    const [errorMsg, setError] = useState();
+    const [value, setValue] = useState('');
+    const prefix = usePrefix({ status, theme });
+    useKeypress(async (key, rl) => {
+        // Ignore keypress while our prompt is doing other processing.
+        if (status !== 'idle') {
+            return;
+        }
+        if (isEnterKey(key)) {
+            const answer = value;
+            setStatus('loading');
+            const isValid = await validate(answer);
+            if (isValid === true) {
+                setValue(answer);
+                setStatus('done');
+                done(answer);
+            }
+            else {
+                // Reset the readline line value to the previous value. On line event, the value
+                // get cleared, forcing the user to re-enter the value instead of fixing it.
+                rl.write(value);
+                setError(isValid || 'You must provide a valid value');
+                setStatus('idle');
+            }
+        }
+        else {
+            setValue(rl.line);
+            setError(undefined);
+        }
+    });
+    const message = theme.style.message(config.message, status);
+    let formattedValue = '';
+    let helpTip;
+    if (config.mask) {
+        const maskChar = typeof config.mask === 'string' ? config.mask : '*';
+        formattedValue = maskChar.repeat(value.length);
+    }
+    else if (status !== 'done') {
+        helpTip = `${theme.style.help('[input is masked]')}${cursorHide}`;
+    }
+    if (status === 'done') {
+        formattedValue = theme.style.answer(formattedValue);
+    }
+    let error = '';
+    if (errorMsg) {
+        error = theme.style.error(errorMsg);
+    }
+    return [[prefix, message, config.mask ? formattedValue : helpTip].join(' '), error];
+});

node_modules/@inquirer/password/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}