@molecule/app-danger-zone-angular 0.0.0-stage → 0.0.1-stage

package/dist/slot-dom.js

@@ -0,0 +1,80 @@
+/**
+ * DOM helpers for the projected-slot wrapper of {@link DangerZoneSection}.
+ *
+ * React renders the action label bare inside the button (`{loading ? '…' :
+ * actionLabel}`). Angular projection needs an always-mounted `<ng-content>`
+ * capture point, so the wrapper span lives in the template unconditionally
+ * and {@link SlotWrapper.sync} removes it from the DOM whenever React would
+ * not render it (loading, or no projected label).
+ *
+ * @module
+ */
+/**
+ * Whether an ng-content wrapper captured any element or text node.
+ *
+ * @param el - The wrapper element.
+ * @returns True when at least one projected node exists.
+ */
+export const hasNodes = (el) => {
+    if (!el)
+        return false;
+    for (const node of Array.from(el.childNodes)) {
+        if (node.nodeType === 1)
+            return true;
+        if (node.nodeType === 3 && (node.textContent ?? '').trim())
+            return true;
+    }
+    return false;
+};
+/**
+ * Attaches or detaches an always-mounted projection wrapper element from its
+ * parent, remembering the re-insertion position with a comment anchor the DOM
+ * normalizer strips.
+ */
+export class SlotWrapper {
+    host;
+    renderer;
+    anchors = new Map();
+    /**
+     * Creates the wrapper helper.
+     *
+     * @param host - The component host element (default detach parent).
+     * @param renderer - The DOM renderer.
+     */
+    constructor(host, renderer) {
+        this.host = host;
+        this.renderer = renderer;
+    }
+    /**
+     * Attaches or detaches the element (default parent: the component host).
+     *
+     * @param el - The wrapper element.
+     * @param shouldAttach - Whether it should be in the DOM.
+     * @param parent - Where the element lives when attached (default: host).
+     */
+    sync(el, shouldAttach, parent) {
+        if (!el)
+            return;
+        const host = parent ?? this.host.nativeElement;
+        if (shouldAttach && !el.isConnected) {
+            const anchor = this.anchors.get(el);
+            if (anchor?.isConnected) {
+                host.insertBefore(el, anchor);
+                this.renderer.removeChild(host, anchor);
+                this.anchors.delete(el);
+            }
+            else {
+                host.appendChild(el);
+            }
+        }
+        else if (!shouldAttach && el.isConnected) {
+            // Placeholder comment keeps the re-insertion position stable; the
+            // normalizer strips comment nodes, so it never shows in snapshots.
+            const placeholder = this.renderer.createComment('slot');
+            host.insertBefore(placeholder, el);
+            this.anchors.set(el, placeholder);
+            this.renderer.removeChild(host, el);
+        }
+    }
+}
+//# sourceMappingURL=slot-dom.js.map

package/dist/slot-dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-dom.js","sourceRoot":"","sources":["../src/slot-dom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH;;;;;GAKG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,EAA8B,EAAW,EAAE;IAClE,IAAI,CAAC,EAAE;QAAE,OAAO,KAAK,CAAA;IACrB,KAAK,MAAM,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,UAAU,CAAC,EAAE,CAAC;QAC7C,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC;YAAE,OAAO,IAAI,CAAA;QACpC,IAAI,IAAI,CAAC,QAAQ,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,WAAW,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE;YAAE,OAAO,IAAI,CAAA;IACzE,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AAED;;;;GAIG;AACH,MAAM,OAAO,WAAW;IAUH;IACA;IAVF,OAAO,GAAG,IAAI,GAAG,EAAiB,CAAA;IAEnD;;;;;OAKG;IACH,YACmB,IAA6B,EAC7B,QAAmB;QADnB,SAAI,GAAJ,IAAI,CAAyB;QAC7B,aAAQ,GAAR,QAAQ,CAAW;IACnC,CAAC;IAEJ;;;;;;OAMG;IACH,IAAI,CAAC,EAA8B,EAAE,YAAqB,EAAE,MAAa;QACvE,IAAI,CAAC,EAAE;YAAE,OAAM;QACf,MAAM,IAAI,GAAS,MAAM,IAAI,IAAI,CAAC,IAAI,CAAC,aAAa,CAAA;QACpD,IAAI,YAAY,IAAI,CAAC,EAAE,CAAC,WAAW,EAAE,CAAC;YACpC,MAAM,MAAM,GAAG,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;YACnC,IAAI,MAAM,EAAE,WAAW,EAAE,CAAC;gBACxB,IAAI,CAAC,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC,CAAA;gBAC7B,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,MAAM,CAAC,CAAA;gBACvC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;YACzB,CAAC;iBAAM,CAAC;gBACN,IAAI,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;YACtB,CAAC;QACH,CAAC;aAAM,IAAI,CAAC,YAAY,IAAI,EAAE,CAAC,WAAW,EAAE,CAAC;YAC3C,kEAAkE;YAClE,mEAAmE;YACnE,MAAM,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,aAAa,CAAC,MAAM,CAAC,CAAA;YACvD,IAAI,CAAC,YAAY,CAAC,WAAW,EAAE,EAAE,CAAC,CAAA;YAClC,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE,EAAE,WAAW,CAAC,CAAA;YACjC,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,IAAI,EAAE,EAAE,CAAC,CAAA;QACrC,CAAC;IACH,CAAC;CACF"}

package/dist/types.d.ts

@@ -0,0 +1,65 @@
+/**
+ * Types of `@molecule/app-danger-zone-angular` — the Angular counterpart of
+ * `@molecule/app-danger-zone-react`, same props and DOM.
+ *
+ * @module
+ */
+/**
+ * Props accepted by {@link ConfirmDialog} — the same props
+ * `@molecule/app-danger-zone-react` accepts. Node-valued props (`title`,
+ * `description`) are projected content in Angular (an input cannot carry a
+ * node), so they are typed `unknown`; `children` is the element's default
+ * projection. Callbacks use React's names: the component's `close`/`confirm`
+ * outputs are the same contract.
+ */
+export interface ConfirmDialogProps {
+    /** Whether the dialog is open. */
+    open: boolean;
+    /** Called when the dialog should close (escape, backdrop, cancel). */
+    onClose?: (event?: unknown) => void;
+    /** Title (nodes are `[slot=title]` content). */
+    title?: unknown;
+    /** Body / warning text (nodes are `[slot=description]` content). */
+    description?: unknown;
+    /** Confirm-button label (e.g. "Delete"). */
+    confirmLabel?: string;
+    /** Cancel-button label. */
+    cancelLabel?: string;
+    /** Called when the user confirms. */
+    onConfirm?: () => void | Promise<void>;
+    /** Is the confirm action destructive? Defaults to true. */
+    destructive?: boolean;
+    /** Extra body content between description and footer (default projection). */
+    children?: unknown;
+    /** Disables both buttons; the caller owns the pending state. */
+    loading?: boolean;
+}
+/**
+ * Props accepted by {@link DangerZoneSection} — the same props
+ * `@molecule/app-danger-zone-react` accepts. Node props (`title`,
+ * `description`, `actionLabel`, `children`) are projected content in Angular
+ * (an input cannot carry a node), so they are typed `unknown`: pass them in
+ * the host template (`[slot=title]`, `[slot=description]`,
+ * `[slot=actionLabel]` and default content), not as values.
+ */
+export interface DangerZoneSectionProps {
+    /** Section title (string/number renders as text; nodes are `[slot=title]` content). */
+    title?: unknown;
+    /** Explanation of the destructive action (nodes are `[slot=description]` content). */
+    description?: unknown;
+    /** Label on the action button (nodes are `[slot=actionLabel]` content). */
+    actionLabel?: unknown;
+    /** Called when the button is clicked; receives the DOM click event. */
+    onAction?: (event: MouseEvent) => void;
+    /** When true, the button disables and shows a loading label. */
+    loading?: boolean;
+    /** When true, the button is disabled without loading. */
+    disabled?: boolean;
+    /** Additional content between description and button (e.g. a confirm-text input), projected as the element's default content. */
+    children?: unknown;
+    /** Extra classes on the Card (the host element). */
+    className?: string;
+    /** `data-mol-id` for AI-agent selectors. */
+    dataMolId?: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH;;;;;;;GAOG;AACH,MAAM,WAAW,kBAAkB;IACjC,kCAAkC;IAClC,IAAI,EAAE,OAAO,CAAA;IACb,sEAAsE;IACtE,OAAO,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,OAAO,KAAK,IAAI,CAAA;IACnC,gDAAgD;IAChD,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,oEAAoE;IACpE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,4CAA4C;IAC5C,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,2BAA2B;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,qCAAqC;IACrC,SAAS,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IACtC,2DAA2D;IAC3D,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8EAA8E;IAC9E,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB;AAED;;;;;;;GAOG;AACH,MAAM,WAAW,sBAAsB;IACrC,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,sFAAsF;IACtF,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,2EAA2E;IAC3E,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,uEAAuE;IACvE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IACtC,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iIAAiI;IACjI,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,oDAAoD;IACpD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB"}

package/dist/types.js

@@ -0,0 +1,8 @@
+/**
+ * Types of `@molecule/app-danger-zone-angular` — the Angular counterpart of
+ * `@molecule/app-danger-zone-react`, same props and DOM.
+ *
+ * @module
+ */
+export {};
+//# sourceMappingURL=types.js.map

package/dist/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA;;;;;GAKG"}

package/package.json

@@ -1,6 +1,71 @@
 {
   "name": "@molecule/app-danger-zone-angular",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "0.0.1-stage",
+  "description": "DangerZoneSection + ConfirmDialog for destructive actions (delete account, reset, revoke)",
+  "homepage": "https://www.molecule.dev/packages/app-danger-zone-angular",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "scripts": {
+    "build": "ngc",
+    "dev": "ngc --watch",
+    "test": "vitest run",
+    "test:watch": "vitest"
+  },
+  "keywords": [
+    "molecule",
+    "danger-zone",
+    "angular"
+  ],
+  "author": "Molecule Dev, Inc. (https://molecule.dev)",
+  "license": "Apache-2.0",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/molecule-dev/molecule.git",
+    "directory": "packages/app/features/danger-zone-angular"
+  },
+  "engines": {
+    "node": ">=20"
+  },
+  "bugs": "https://github.com/molecule-dev/molecule/issues",
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "@angular/common": "^22.0.0",
+    "@angular/core": "^22.0.0",
+    "@angular/platform-browser": "^22.0.0",
+    "@molecule/app-angular": "^3.5.0",
+    "@molecule/app-ui": "^1.0.1",
+    "@molecule/app-ui-angular": "^1.1.0"
+  },
+  "devDependencies": {
+    "@angular/common": "22.2.3",
+    "@angular/compiler": "22.2.3",
+    "@angular/compiler-cli": "22.2.3",
+    "@angular/core": "22.2.3",
+    "@angular/platform-browser": "22.2.3",
+    "@molecule/app-angular": "3.6.0",
+    "@molecule/app-framework-conformance": "0.0.0",
+    "@molecule/app-i18n": "1.2.1",
+    "@molecule/app-icons": "1.0.4",
+    "@molecule/app-ui": "1.3.11",
+    "@molecule/app-ui-angular": "1.1.2",
+    "@types/node": "26.6.5",
+    "jsdom": "30.1.3",
+    "rxjs": "7.8.2",
+    "typescript": "6.0.3",
+    "vitest": "4.1.12",
+    "zone.js": "0.16.3"
+  }
+}