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/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2025 Simon Boudrias
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

node_modules/@inquirer/password/README.md

@@ -0,0 +1,93 @@
+# `@inquirer/password`
+
+Interactive password input component for command line interfaces. Supports input validation and masked or transparent modes.
+
+![Password prompt](https://cdn.rawgit.com/SBoudrias/Inquirer.js/28ae8337ba51d93e359ef4f7ee24e79b69898962/assets/screenshots/password.svg)
+
+# Installation
+
+<table>
+<tr>
+  <th>npm</th>
+  <th>yarn</th>
+</tr>
+<tr>
+<td>
+
+```sh
+npm install @inquirer/prompts
+```
+
+</td>
+<td>
+
+```sh
+yarn add @inquirer/prompts
+```
+
+</td>
+</tr>
+<tr>
+<td colSpan="2" align="center">Or</td>
+</tr>
+<tr>
+<td>
+
+```sh
+npm install @inquirer/password
+```
+
+</td>
+<td>
+
+```sh
+yarn add @inquirer/password
+```
+
+</td>
+</tr>
+</table>
+
+# Usage
+
+```js
+import { password } from '@inquirer/prompts';
+// Or
+// import password from '@inquirer/password';
+
+const answer = await password({ message: 'Enter your name' });
+```
+
+## Options
+
+| Property | Type                                                        | Required | Description                                                                                                                                                                                                             |
+| -------- | ----------------------------------------------------------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| message  | `string`                                                    | yes      | The question to ask                                                                                                                                                                                                     |
+| mask     | `boolean`                                                   | no       | Show a `*` mask over the input or keep it transparent                                                                                                                                                                   |
+| validate | `string => boolean \| string \| Promise<boolean \| string>` | no       | On submit, validate the filtered answered content. When returning a string, it'll be used as the error message displayed to the user. Note: returning a rejected promise, we'll assume a code error happened and crash. |
+| theme    | [See Theming](#Theming)                                     | no       | Customize look of the prompt.                                                                                                                                                                                           |
+
+## Theming
+
+You can theme a prompt by passing a `theme` object option. The theme object only need to includes the keys you wish to modify, we'll fallback on the defaults for the rest.
+
+```ts
+type Theme = {
+  prefix: string | { idle: string; done: string };
+  spinner: {
+    interval: number;
+    frames: string[];
+  };
+  style: {
+    answer: (text: string) => string;
+    message: (text: string, status: 'idle' | 'done' | 'loading') => string;
+    error: (text: string) => string;
+    help: (text: string) => string;
+  };
+};
+```
+
+# License
+
+Copyright (c) 2023 Simon Boudrias (twitter: [@vaxilart](https://twitter.com/Vaxilart))<br/>
+Licensed under the MIT license.

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"
+}

node_modules/@inquirer/password/package.json

@@ -0,0 +1,111 @@
+{
+  "name": "@inquirer/password",
+  "version": "4.0.23",
+  "description": "Inquirer password prompt",
+  "keywords": [
+    "answer",
+    "answers",
+    "ask",
+    "base",
+    "cli",
+    "command",
+    "command-line",
+    "confirm",
+    "enquirer",
+    "generate",
+    "generator",
+    "hyper",
+    "input",
+    "inquire",
+    "inquirer",
+    "interface",
+    "iterm",
+    "javascript",
+    "menu",
+    "node",
+    "nodejs",
+    "prompt",
+    "promptly",
+    "prompts",
+    "question",
+    "readline",
+    "scaffold",
+    "scaffolder",
+    "scaffolding",
+    "stdin",
+    "stdout",
+    "terminal",
+    "tty",
+    "ui",
+    "yeoman",
+    "yo",
+    "zsh"
+  ],
+  "homepage": "https://github.com/SBoudrias/Inquirer.js/blob/main/packages/password/README.md",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/SBoudrias/Inquirer.js.git"
+  },
+  "license": "MIT",
+  "author": "Simon Boudrias <admin@simonboudrias.com>",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "types": "./dist/commonjs/index.d.ts",
+        "default": "./dist/commonjs/index.js"
+      }
+    }
+  },
+  "main": "./dist/commonjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/commonjs/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "attw": "attw --pack",
+    "tsc": "tshy"
+  },
+  "dependencies": {
+    "@inquirer/ansi": "^1.0.2",
+    "@inquirer/core": "^10.3.2",
+    "@inquirer/type": "^3.0.10"
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.2",
+    "@inquirer/testing": "^2.1.53",
+    "@repo/tsconfig": "0.0.0",
+    "tshy": "^3.0.3"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "tshy": {
+    "exclude": [
+      "src/**/*.test.ts"
+    ],
+    "exports": {
+      "./package.json": "./package.json",
+      ".": "./src/index.ts"
+    }
+  },
+  "peerDependencies": {
+    "@types/node": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "@types/node": {
+      "optional": true
+    }
+  },
+  "gitHead": "4731a373881368e2f701c41adc67bc83244bf89f"
+}