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/input/dist/commonjs/index.d.ts

@@ -0,0 +1,20 @@
+import { type Theme } from '@inquirer/core';
+import type { PartialDeep } from '@inquirer/type';
+type InputTheme = {
+    validationFailureMode: 'keep' | 'clear';
+};
+type InputConfig = {
+    message: string;
+    default?: string;
+    prefill?: 'tab' | 'editable';
+    required?: boolean;
+    transformer?: (value: string, { isFinal }: {
+        isFinal: boolean;
+    }) => string;
+    validate?: (value: string) => boolean | string | Promise<string | boolean>;
+    theme?: PartialDeep<Theme<InputTheme>>;
+    pattern?: RegExp;
+    patternError?: string;
+};
+declare const _default: import("@inquirer/type").Prompt<string, InputConfig>;
+export default _default;

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

@@ -0,0 +1,99 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const core_1 = require("@inquirer/core");
+const inputTheme = {
+    validationFailureMode: 'keep',
+};
+exports.default = (0, core_1.createPrompt)((config, done) => {
+    const { prefill = 'tab' } = config;
+    const theme = (0, core_1.makeTheme)(inputTheme, config.theme);
+    const [status, setStatus] = (0, core_1.useState)('idle');
+    const [defaultValue = '', setDefaultValue] = (0, core_1.useState)(config.default);
+    const [errorMsg, setError] = (0, core_1.useState)();
+    const [value, setValue] = (0, core_1.useState)('');
+    const prefix = (0, core_1.usePrefix)({ status, theme });
+    async function validate(value) {
+        const { required, pattern, patternError = 'Invalid input' } = config;
+        if (required && !value) {
+            return 'You must provide a value';
+        }
+        if (pattern && !pattern.test(value)) {
+            return patternError;
+        }
+        if (typeof config.validate === 'function') {
+            return (await config.validate(value)) || 'You must provide a valid value';
+        }
+        return true;
+    }
+    (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 || defaultValue;
+            setStatus('loading');
+            const isValid = await validate(answer);
+            if (isValid === true) {
+                setValue(answer);
+                setStatus('done');
+                done(answer);
+            }
+            else {
+                if (theme.validationFailureMode === 'clear') {
+                    setValue('');
+                }
+                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);
+                setStatus('idle');
+            }
+        }
+        else if ((0, core_1.isBackspaceKey)(key) && !value) {
+            setDefaultValue(undefined);
+        }
+        else if ((0, core_1.isTabKey)(key) && !value) {
+            setDefaultValue(undefined);
+            rl.clearLine(0); // Remove the tab character.
+            rl.write(defaultValue);
+            setValue(defaultValue);
+        }
+        else {
+            setValue(rl.line);
+            setError(undefined);
+        }
+    });
+    // If prefill is set to 'editable' cut out the default value and paste into current state and the user's cli buffer
+    // They can edit the value immediately instead of needing to press 'tab'
+    (0, core_1.useEffect)((rl) => {
+        if (prefill === 'editable' && defaultValue) {
+            rl.write(defaultValue);
+            setValue(defaultValue);
+        }
+    }, []);
+    const message = theme.style.message(config.message, status);
+    let formattedValue = value;
+    if (typeof config.transformer === 'function') {
+        formattedValue = config.transformer(value, { isFinal: status === 'done' });
+    }
+    else if (status === 'done') {
+        formattedValue = theme.style.answer(value);
+    }
+    let defaultStr;
+    if (defaultValue && status !== 'done' && !value) {
+        defaultStr = theme.style.defaultAnswer(defaultValue);
+    }
+    let error = '';
+    if (errorMsg) {
+        error = theme.style.error(errorMsg);
+    }
+    return [
+        [prefix, message, defaultStr, formattedValue]
+            .filter((v) => v !== undefined)
+            .join(' '),
+        error,
+    ];
+});

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

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