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

package/dist/danger-zone-section.component.d.ts

@@ -0,0 +1,139 @@
+/**
+ * DangerZoneSection component (React parity).
+ *
+ * @module
+ */
+import { type AfterViewInit, type DoCheck, ElementRef } from '@angular/core';
+import type { UIClassMap } from '@molecule/app-ui';
+import * as i0 from "@angular/core";
+/**
+ * DangerZoneSection component.
+ *
+ * Card-wrapped section for destructive actions — delete account, reset data,
+ * revoke access. Uses the error/danger accent color and puts the action on
+ * the right. The host IS the Card's `<div>`
+ * (`div[mol-danger-zone-section]`), matching React's root exactly; the Card
+ * classes (`cm.card({ variant: 'elevated' })` + `cm.cardPadding('md')`, the
+ * UI Card's defaults) are applied through the host class binding.
+ *
+ * The node props are projected slots: `title` renders inside the `<h3>`,
+ * `description` inside the `<p>`, `actionLabel` inside the action `<button>`,
+ * and `children` bare between the header and the button row (React renders
+ * `{children}` with no wrapper). String inputs render as text instead — the
+ * same values React renders. The action label's capture wrapper detaches
+ * while `loading` is true: React shows the `…` glyph instead of the label.
+ */
+export declare class DangerZoneSection implements AfterViewInit, DoCheck {
+    /** Section title (string/number renders as text; nodes are `[slot=title]` content). */
+    title?: unknown;
+    /** Explanation of the destructive action (string/number as text; nodes are `[slot=description]` content). */
+    description?: unknown;
+    /** Label on the action button (string/number as text; nodes are `[slot=actionLabel]` content). */
+    actionLabel?: unknown;
+    /** When true, the button disables and shows a loading label. */
+    loading?: boolean;
+    /** When true, the button is disabled without loading. */
+    disabled?: boolean;
+    /** Extra classes on the Card. */
+    className?: string;
+    /** `data-mol-id` for AI-agent selectors. */
+    dataMolId?: string;
+    /** Called when the button is clicked; receives the DOM click event (React's `onAction`). */
+    onAction?: (event: MouseEvent) => void;
+    /** The action label's capture wrapper (moved out of the DOM once read). */
+    labelSlot?: ElementRef<HTMLSpanElement>;
+    /** Whether the action label slot holds projected content (read once). */
+    private hasLabelSlot;
+    /** The capture wrapper's parent (the action `<button>`), remembered across detaches. */
+    private labelParent?;
+    /** The projected label nodes while they render bare (React's `{actionLabel}`). */
+    private labelNodes;
+    /** Marks the wrapper's position in the button while the projected nodes render bare. */
+    private labelAnchor?;
+    /** The wrapper sync for the action label's capture wrapper. */
+    private readonly sync;
+    /** Creates the position anchor comment the DOM normalizer strips. */
+    private readonly renderer;
+    /**
+     * The current class map.
+     * @returns The UIClassMap.
+     */
+    cm(): UIClassMap;
+    /**
+     * Computes the Card's class list (`cm.card({ variant: 'elevated' })` +
+     * `cm.cardPadding('md')` — the UI Card's defaults — plus `className`).
+     * @returns The class string.
+     */
+    classes(): string;
+    /**
+     * Computes the title's class (`cm.textSize('base')` + `cm.fontWeight('semibold')`).
+     * @returns The class string.
+     */
+    titleClasses(): string;
+    /**
+     * The title input's text (React's `{title}` for a text child: strings and
+     * numbers render; a node arrives as `[slot=title]` content instead).
+     * @returns The text, or `''` for a node title.
+     */
+    titleText(): string;
+    /**
+     * The description input's text (React's `{description}` for a text child).
+     * @returns The text, or `''` for a node description.
+     */
+    descriptionText(): string;
+    /**
+     * The action label input's text (React's `{actionLabel}` for a text child).
+     * @returns The text, or `''` for a node label.
+     */
+    actionLabelText(): string;
+    /**
+     * The button's disabled state (React's `disabled || loading`; an absent
+     * boolean input must not show a disabled button).
+     * @returns Whether the button is disabled.
+     */
+    isDisabled(): boolean;
+    /** Runs the click handler the way React forwards the DOM event. */
+    handleAction(event: MouseEvent): void;
+    /**
+     * Reads the label slot's presence (view queries resolve only at view init)
+     * and syncs the capture wrapper against React's DOM.
+     */
+    ngAfterViewInit(): void;
+    /**
+     * Re-syncs the wrapper when `loading` changes.
+     */
+    ngDoCheck(): void;
+    /**
+     * Applies React's label branch: the projected label renders only while
+     * there is one and the button is not loading (`{loading ? '…' : actionLabel}`),
+     * and it renders BARE — the capture wrapper never shows in the DOM.
+     */
+    private syncLabels;
+    /**
+     * Moves the projected nodes out of the capture wrapper to its position and
+     * detaches the empty wrapper (React renders the label with no element).
+     *
+     * @param span - The capture wrapper.
+     * @param parent - The wrapper's parent (the action `<button>`).
+     */
+    private unwrapLabel;
+    /**
+     * Creates the position anchor comment and inserts it where the wrapper sits.
+     *
+     * @param parent - The wrapper's parent (the action `<button>`).
+     * @param span - The capture wrapper the anchor replaces.
+     * @returns The created anchor comment.
+     */
+    private createLabelAnchor;
+    /**
+     * Puts the projected nodes back inside the capture wrapper (hidden, as
+     * React hides the label while loading) and keeps the wrapper out of the DOM.
+     *
+     * @param span - The capture wrapper.
+     * @param parent - The wrapper's parent (the action `<button>`).
+     */
+    private wrapLabel;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DangerZoneSection, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DangerZoneSection, "div[mol-danger-zone-section]", never, { "title": { "alias": "title"; "required": false; }; "description": { "alias": "description"; "required": false; }; "actionLabel": { "alias": "actionLabel"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "className": { "alias": "className"; "required": false; }; "dataMolId": { "alias": "dataMolId"; "required": false; }; "onAction": { "alias": "onAction"; "required": false; }; }, {}, never, ["[slot=title]", "[slot=description]", "*", "[slot=actionLabel]"], true, never>;
+}
+//# sourceMappingURL=danger-zone-section.component.d.ts.map

package/dist/danger-zone-section.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"danger-zone-section.component.d.ts","sourceRoot":"","sources":["../src/danger-zone-section.component.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,KAAK,aAAa,EAElB,KAAK,OAAO,EACZ,UAAU,EAIX,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;;AAMlD;;;;;;;;;;;;;;;;GAgBG;AACH,qBA0Ca,iBAAkB,YAAW,aAAa,EAAE,OAAO;IAC9D,uFAAuF;IACvF,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,6GAA6G;IAC7G,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,kGAAkG;IAClG,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,gEAAgE;IAChE,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,iCAAiC;IACjC,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4CAA4C;IAC5C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,4FAA4F;IAC5F,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAA;IAEtC,2EAA2E;IACnD,SAAS,CAAC,EAAE,UAAU,CAAC,eAAe,CAAC,CAAA;IAE/D,yEAAyE;IACzE,OAAO,CAAC,YAAY,CAAQ;IAE5B,wFAAwF;IACxF,OAAO,CAAC,WAAW,CAAC,CAAM;IAE1B,kFAAkF;IAClF,OAAO,CAAC,UAAU,CAAa;IAE/B,wFAAwF;IACxF,OAAO,CAAC,WAAW,CAAC,CAAS;IAE7B,+DAA+D;IAC/D,OAAO,CAAC,QAAQ,CAAC,IAAI,CAAyD;IAE9E,qEAAqE;IACrE,OAAO,CAAC,QAAQ,CAAC,QAAQ,CAAoB;IAE7C;;;OAGG;IACH,EAAE,IAAI,UAAU;IAIhB;;;;OAIG;IACH,OAAO,IAAI,MAAM;IAQjB;;;OAGG;IACH,YAAY,IAAI,MAAM;IAItB;;;;OAIG;IACH,SAAS,IAAI,MAAM;IAMnB;;;OAGG;IACH,eAAe,IAAI,MAAM;IAMzB;;;OAGG;IACH,eAAe,IAAI,MAAM;IAMzB;;;;OAIG;IACH,UAAU,IAAI,OAAO;IAIrB,mEAAmE;IACnE,YAAY,CAAC,KAAK,EAAE,UAAU,GAAG,IAAI;IAIrC;;;OAGG;IACH,eAAe,IAAI,IAAI;IASvB;;OAEG;IACH,SAAS,IAAI,IAAI;IAIjB;;;;OAIG;IACH,OAAO,CAAC,UAAU;IAWlB;;;;;;OAMG;IACH,OAAO,CAAC,WAAW;IAOnB;;;;;;OAMG;IACH,OAAO,CAAC,iBAAiB;IAOzB;;;;;;OAMG;IACH,OAAO,CAAC,SAAS;yCAxLN,iBAAiB;2CAAjB,iBAAiB;CAgM7B"}

package/dist/danger-zone-section.component.js

@@ -0,0 +1,299 @@
+/**
+ * DangerZoneSection component (React parity).
+ *
+ * @module
+ */
+import { Component, ElementRef, inject, Renderer2, ViewChild, } from '@angular/core';
+import { getClassMap } from '@molecule/app-ui';
+import { Button } from '@molecule/app-ui-angular';
+import { hasNodes, SlotWrapper } from './slot-dom.js';
+import * as i0 from "@angular/core";
+const _c0 = ["labelSlot"];
+const _c1 = [[["", "slot", "title"]], [["", "slot", "description"]], "*", [["", "slot", "actionlabel"]]];
+const _c2 = ["[slot=title]", "[slot=description]", "*", "[slot=actionLabel]"];
+const _c3 = () => ({ justify: "end" });
+/**
+ * DangerZoneSection component.
+ *
+ * Card-wrapped section for destructive actions — delete account, reset data,
+ * revoke access. Uses the error/danger accent color and puts the action on
+ * the right. The host IS the Card's `<div>`
+ * (`div[mol-danger-zone-section]`), matching React's root exactly; the Card
+ * classes (`cm.card({ variant: 'elevated' })` + `cm.cardPadding('md')`, the
+ * UI Card's defaults) are applied through the host class binding.
+ *
+ * The node props are projected slots: `title` renders inside the `<h3>`,
+ * `description` inside the `<p>`, `actionLabel` inside the action `<button>`,
+ * and `children` bare between the header and the button row (React renders
+ * `{children}` with no wrapper). String inputs render as text instead — the
+ * same values React renders. The action label's capture wrapper detaches
+ * while `loading` is true: React shows the `…` glyph instead of the label.
+ */
+export class DangerZoneSection {
+    /** Section title (string/number renders as text; nodes are `[slot=title]` content). */
+    title;
+    /** Explanation of the destructive action (string/number as text; nodes are `[slot=description]` content). */
+    description;
+    /** Label on the action button (string/number as text; nodes are `[slot=actionLabel]` content). */
+    actionLabel;
+    /** When true, the button disables and shows a loading label. */
+    loading;
+    /** When true, the button is disabled without loading. */
+    disabled;
+    /** Extra classes on the Card. */
+    className;
+    /** `data-mol-id` for AI-agent selectors. */
+    dataMolId;
+    /** Called when the button is clicked; receives the DOM click event (React's `onAction`). */
+    onAction;
+    /** The action label's capture wrapper (moved out of the DOM once read). */
+    labelSlot;
+    /** Whether the action label slot holds projected content (read once). */
+    hasLabelSlot = false;
+    /** The capture wrapper's parent (the action `<button>`), remembered across detaches. */
+    labelParent;
+    /** The projected label nodes while they render bare (React's `{actionLabel}`). */
+    labelNodes = [];
+    /** Marks the wrapper's position in the button while the projected nodes render bare. */
+    labelAnchor;
+    /** The wrapper sync for the action label's capture wrapper. */
+    sync = new SlotWrapper(inject(ElementRef), inject(Renderer2));
+    /** Creates the position anchor comment the DOM normalizer strips. */
+    renderer = inject(Renderer2);
+    /**
+     * The current class map.
+     * @returns The UIClassMap.
+     */
+    cm() {
+        return getClassMap();
+    }
+    /**
+     * Computes the Card's class list (`cm.card({ variant: 'elevated' })` +
+     * `cm.cardPadding('md')` — the UI Card's defaults — plus `className`).
+     * @returns The class string.
+     */
+    classes() {
+        return this.cm().cn(this.cm().card({ variant: 'elevated' }), this.cm().cardPadding('md'), this.className);
+    }
+    /**
+     * Computes the title's class (`cm.textSize('base')` + `cm.fontWeight('semibold')`).
+     * @returns The class string.
+     */
+    titleClasses() {
+        return this.cm().cn(this.cm().textSize('base'), this.cm().fontWeight('semibold'));
+    }
+    /**
+     * The title input's text (React's `{title}` for a text child: strings and
+     * numbers render; a node arrives as `[slot=title]` content instead).
+     * @returns The text, or `''` for a node title.
+     */
+    titleText() {
+        return typeof this.title === 'string' || typeof this.title === 'number'
+            ? String(this.title)
+            : '';
+    }
+    /**
+     * The description input's text (React's `{description}` for a text child).
+     * @returns The text, or `''` for a node description.
+     */
+    descriptionText() {
+        return typeof this.description === 'string' || typeof this.description === 'number'
+            ? String(this.description)
+            : '';
+    }
+    /**
+     * The action label input's text (React's `{actionLabel}` for a text child).
+     * @returns The text, or `''` for a node label.
+     */
+    actionLabelText() {
+        return typeof this.actionLabel === 'string' || typeof this.actionLabel === 'number'
+            ? String(this.actionLabel)
+            : '';
+    }
+    /**
+     * The button's disabled state (React's `disabled || loading`; an absent
+     * boolean input must not show a disabled button).
+     * @returns Whether the button is disabled.
+     */
+    isDisabled() {
+        return this.disabled === true || this.loading === true;
+    }
+    /** Runs the click handler the way React forwards the DOM event. */
+    handleAction(event) {
+        this.onAction?.(event);
+    }
+    /**
+     * Reads the label slot's presence (view queries resolve only at view init)
+     * and syncs the capture wrapper against React's DOM.
+     */
+    ngAfterViewInit() {
+        const label = this.labelSlot?.nativeElement;
+        if (label) {
+            this.labelParent = label.parentElement ?? undefined;
+            this.hasLabelSlot = hasNodes(label);
+        }
+        this.syncLabels();
+    }
+    /**
+     * Re-syncs the wrapper when `loading` changes.
+     */
+    ngDoCheck() {
+        this.syncLabels();
+    }
+    /**
+     * Applies React's label branch: the projected label renders only while
+     * there is one and the button is not loading (`{loading ? '…' : actionLabel}`),
+     * and it renders BARE — the capture wrapper never shows in the DOM.
+     */
+    syncLabels() {
+        const span = this.labelSlot?.nativeElement;
+        const parent = this.labelParent;
+        if (!span || !parent)
+            return;
+        if (this.hasLabelSlot && this.loading !== true) {
+            this.unwrapLabel(span, parent);
+        }
+        else {
+            this.wrapLabel(span, parent);
+        }
+    }
+    /**
+     * Moves the projected nodes out of the capture wrapper to its position and
+     * detaches the empty wrapper (React renders the label with no element).
+     *
+     * @param span - The capture wrapper.
+     * @param parent - The wrapper's parent (the action `<button>`).
+     */
+    unwrapLabel(span, parent) {
+        const anchor = this.labelAnchor ?? this.createLabelAnchor(parent, span);
+        this.labelNodes = Array.from(span.childNodes);
+        for (const node of this.labelNodes)
+            parent.insertBefore(node, anchor);
+        if (span.isConnected)
+            parent.removeChild(span);
+    }
+    /**
+     * Creates the position anchor comment and inserts it where the wrapper sits.
+     *
+     * @param parent - The wrapper's parent (the action `<button>`).
+     * @param span - The capture wrapper the anchor replaces.
+     * @returns The created anchor comment.
+     */
+    createLabelAnchor(parent, span) {
+        const anchor = this.renderer.createComment('slot');
+        this.labelAnchor = anchor;
+        parent.insertBefore(anchor, span);
+        return anchor;
+    }
+    /**
+     * Puts the projected nodes back inside the capture wrapper (hidden, as
+     * React hides the label while loading) and keeps the wrapper out of the DOM.
+     *
+     * @param span - The capture wrapper.
+     * @param parent - The wrapper's parent (the action `<button>`).
+     */
+    wrapLabel(span, parent) {
+        for (const node of this.labelNodes)
+            span.appendChild(node);
+        this.labelNodes = [];
+        if (!span.isConnected && this.labelAnchor?.isConnected) {
+            parent.insertBefore(span, this.labelAnchor);
+        }
+        this.sync.sync(span, false, parent);
+    }
+    static ɵfac = function DangerZoneSection_Factory(__ngFactoryType__) { return new (__ngFactoryType__ || DangerZoneSection)(); };
+    static ɵcmp = /*@__PURE__*/ i0.ɵɵdefineComponent({ type: DangerZoneSection, selectors: [["div", "mol-danger-zone-section", ""]], viewQuery: function DangerZoneSection_Query(rf, ctx) { if (rf & 1) {
+            i0.ɵɵviewQuery(_c0, 5);
+        } if (rf & 2) {
+            let _t;
+            i0.ɵɵqueryRefresh(_t = i0.ɵɵloadQuery()) && (ctx.labelSlot = _t.first);
+        } }, hostVars: 3, hostBindings: function DangerZoneSection_HostBindings(rf, ctx) { if (rf & 2) {
+            i0.ɵɵattribute("data-mol-id", ctx.dataMolId ?? null);
+            i0.ɵɵclassMap(ctx.classes());
+        } }, inputs: { title: "title", description: "description", actionLabel: "actionLabel", loading: "loading", disabled: "disabled", className: "className", dataMolId: "dataMolId", onAction: "onAction" }, ngContentSelectors: _c2, decls: 15, vars: 17, consts: [["labelSlot", ""], ["mol-button", "", 3, "click", "variant", "color", "disabled"]], template: function DangerZoneSection_Template(rf, ctx) { if (rf & 1) {
+            i0.ɵɵprojectionDef(_c1);
+            i0.ɵɵelementStart(0, "div")(1, "header")(2, "h3");
+            i0.ɵɵtext(3);
+            i0.ɵɵprojection(4);
+            i0.ɵɵelementEnd();
+            i0.ɵɵelementStart(5, "p");
+            i0.ɵɵtext(6);
+            i0.ɵɵprojection(7, 1);
+            i0.ɵɵelementEnd()();
+            i0.ɵɵprojection(8, 2);
+            i0.ɵɵelementStart(9, "div")(10, "button", 1);
+            i0.ɵɵlistener("click", function DangerZoneSection_Template_button_click_10_listener($event) { return ctx.handleAction($event); });
+            i0.ɵɵtext(11);
+            i0.ɵɵelementStart(12, "span", null, 0);
+            i0.ɵɵprojection(14, 3);
+            i0.ɵɵelementEnd()()()();
+        } if (rf & 2) {
+            i0.ɵɵclassMap(ctx.cm().stack(3));
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.cm().stack(1));
+            i0.ɵɵadvance();
+            i0.ɵɵclassMap(ctx.titleClasses());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.titleText());
+            i0.ɵɵadvance(2);
+            i0.ɵɵclassMap(ctx.cm().textSize("sm"));
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.descriptionText());
+            i0.ɵɵadvance(3);
+            i0.ɵɵclassMap(ctx.cm().flex(i0.ɵɵpureFunction0(16, _c3)));
+            i0.ɵɵadvance();
+            i0.ɵɵproperty("variant", "solid")("color", "error")("disabled", ctx.isDisabled());
+            i0.ɵɵadvance();
+            i0.ɵɵtextInterpolate1(" ", ctx.loading ? "\u2026" : ctx.actionLabelText());
+        } }, dependencies: [Button], encapsulation: 2 });
+}
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassMetadata(DangerZoneSection, [{
+        type: Component,
+        args: [{
+                selector: 'div[mol-danger-zone-section]',
+                standalone: true,
+                imports: [Button],
+                inputs: [
+                    'title',
+                    'description',
+                    'actionLabel',
+                    'loading',
+                    'disabled',
+                    'className',
+                    'dataMolId',
+                    'onAction',
+                ],
+                host: {
+                    '[class]': 'classes()',
+                    '[attr.data-mol-id]': 'dataMolId ?? null',
+                },
+                template: `<div [class]="cm().stack(3)">
+    <header [class]="cm().stack(1)">
+      <h3 [class]="titleClasses()">
+        {{ titleText() }}<ng-content select="[slot=title]"></ng-content>
+      </h3>
+      <p [class]="cm().textSize('sm')">
+        {{ descriptionText() }}<ng-content select="[slot=description]"></ng-content>
+      </p>
+    </header>
+    <ng-content></ng-content>
+    <div [class]="cm().flex({ justify: 'end' })">
+      <button
+        mol-button
+        [variant]="'solid'"
+        [color]="'error'"
+        [disabled]="isDisabled()"
+        (click)="handleAction($event)"
+      >
+        {{ loading ? '…' : actionLabelText()
+        }}<span #labelSlot><ng-content select="[slot=actionLabel]"></ng-content></span>
+      </button>
+    </div>
+  </div>`,
+            }]
+    }], null, { labelSlot: [{
+            type: ViewChild,
+            args: ['labelSlot']
+        }] }); })();
+(() => { (typeof ngDevMode === "undefined" || ngDevMode) && i0.ɵsetClassDebugInfo(DangerZoneSection, { className: "DangerZoneSection", filePath: "danger-zone-section.component.ts", lineNumber: 82 }); })();
+//# sourceMappingURL=danger-zone-section.component.js.map

package/dist/danger-zone-section.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"danger-zone-section.component.js","sourceRoot":"","sources":["../src/danger-zone-section.component.ts"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Angular destructive-action primitives — the counterpart of
+ * `@molecule/app-danger-zone-react`: the same props and the same DOM for the
+ * same input.
+ *
+ * Exports `<DangerZoneSection>` — Card with title/description/button for
+ * delete/reset/revoke — and `<ConfirmDialog>`, the standalone "Are you
+ * sure?" modal.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core'
+ * import { DangerZoneSection } from '@molecule/app-danger-zone-angular'
+ *
+ * @Component({
+ *   selector: 'app-account',
+ *   standalone: true,
+ *   imports: [DangerZoneSection],
+ *   template: `
+ *     <div mol-danger-zone-section
+ *       title="Delete account"
+ *       description="This permanently removes your account and all data."
+ *       actionLabel="Delete account"
+ *       (click)="openConfirm()"
+ *     ></div>
+ *   `,
+ * })
+ * export class Account {}
+ * ```
+ *
+ * @remarks
+ * - Requires a bonded ClassMap (the Card classes, `cm.card` +
+ *   `cm.cardPadding('md')`) — rendering throws otherwise.
+ * - Node props are projected content: `title`, `description` and
+ *   `actionLabel` are selected by `[slot=title]` / `[slot=description]` /
+ *   `[slot=actionLabel]`, everything else lands bare between the header and
+ *   the button row as the default projection. String inputs render as text.
+ * - `<ConfirmDialog>` does NOT track `onConfirm`'s promise and does NOT
+ *   close itself on confirm: set `loading` yourself while the action runs,
+ *   then call `onClose()` when it settles — otherwise users can double-fire
+ *   the destructive action or be left staring at an open dialog.
+ *   Cancel/Confirm fall back to the `confirm.*` i18n keys (companion bond:
+ *   `@molecule/app-locales-danger-zone`); pass `confirmLabel`/`cancelLabel`
+ *   for action-specific wording ("Delete", "Revoke"). `destructive`
+ *   (default true) only switches the confirm button color.
+ *
+ * @module
+ */
+export * from './confirm-dialog.js';
+export * from './danger-zone-section.component.js';
+export * from './types.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,cAAc,qBAAqB,CAAA;AACnC,cAAc,oCAAoC,CAAA;AAClD,cAAc,YAAY,CAAA"}

package/dist/index.js

@@ -0,0 +1,52 @@
+/**
+ * Angular destructive-action primitives — the counterpart of
+ * `@molecule/app-danger-zone-react`: the same props and the same DOM for the
+ * same input.
+ *
+ * Exports `<DangerZoneSection>` — Card with title/description/button for
+ * delete/reset/revoke — and `<ConfirmDialog>`, the standalone "Are you
+ * sure?" modal.
+ *
+ * @example
+ * ```ts
+ * import { Component } from '@angular/core'
+ * import { DangerZoneSection } from '@molecule/app-danger-zone-angular'
+ *
+ * @Component({
+ *   selector: 'app-account',
+ *   standalone: true,
+ *   imports: [DangerZoneSection],
+ *   template: `
+ *     <div mol-danger-zone-section
+ *       title="Delete account"
+ *       description="This permanently removes your account and all data."
+ *       actionLabel="Delete account"
+ *       (click)="openConfirm()"
+ *     ></div>
+ *   `,
+ * })
+ * export class Account {}
+ * ```
+ *
+ * @remarks
+ * - Requires a bonded ClassMap (the Card classes, `cm.card` +
+ *   `cm.cardPadding('md')`) — rendering throws otherwise.
+ * - Node props are projected content: `title`, `description` and
+ *   `actionLabel` are selected by `[slot=title]` / `[slot=description]` /
+ *   `[slot=actionLabel]`, everything else lands bare between the header and
+ *   the button row as the default projection. String inputs render as text.
+ * - `<ConfirmDialog>` does NOT track `onConfirm`'s promise and does NOT
+ *   close itself on confirm: set `loading` yourself while the action runs,
+ *   then call `onClose()` when it settles — otherwise users can double-fire
+ *   the destructive action or be left staring at an open dialog.
+ *   Cancel/Confirm fall back to the `confirm.*` i18n keys (companion bond:
+ *   `@molecule/app-locales-danger-zone`); pass `confirmLabel`/`cancelLabel`
+ *   for action-specific wording ("Delete", "Revoke"). `destructive`
+ *   (default true) only switches the confirm button color.
+ *
+ * @module
+ */
+export * from './confirm-dialog.js';
+export * from './danger-zone-section.component.js';
+export * from './types.js';
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA+CG;AAEH,cAAc,qBAAqB,CAAA;AACnC,cAAc,oCAAoC,CAAA;AAClD,cAAc,YAAY,CAAA"}

package/dist/slot-dom.d.ts

@@ -0,0 +1,45 @@
+/**
+ * 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
+ */
+import type { ElementRef, Renderer2 } from '@angular/core';
+/**
+ * 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 declare const hasNodes: (el: Element | undefined | null) => boolean;
+/**
+ * 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 declare class SlotWrapper {
+    private readonly host;
+    private readonly renderer;
+    private readonly anchors;
+    /**
+     * Creates the wrapper helper.
+     *
+     * @param host - The component host element (default detach parent).
+     * @param renderer - The DOM renderer.
+     */
+    constructor(host: ElementRef<HTMLElement>, renderer: Renderer2);
+    /**
+     * 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: Element | undefined | null, shouldAttach: boolean, parent?: Node): void;
+}
+//# sourceMappingURL=slot-dom.d.ts.map

package/dist/slot-dom.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot-dom.d.ts","sourceRoot":"","sources":["../src/slot-dom.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAA;AAE1D;;;;;GAKG;AACH,eAAO,MAAM,QAAQ,GAAI,IAAI,OAAO,GAAG,SAAS,GAAG,IAAI,KAAG,OAOzD,CAAA;AAED;;;;GAIG;AACH,qBAAa,WAAW;IAUpB,OAAO,CAAC,QAAQ,CAAC,IAAI;IACrB,OAAO,CAAC,QAAQ,CAAC,QAAQ;IAV3B,OAAO,CAAC,QAAQ,CAAC,OAAO,CAA2B;IAEnD;;;;;OAKG;gBAEgB,IAAI,EAAE,UAAU,CAAC,WAAW,CAAC,EAC7B,QAAQ,EAAE,SAAS;IAGtC;;;;;;OAMG;IACH,IAAI,CAAC,EAAE,EAAE,OAAO,GAAG,SAAS,GAAG,IAAI,EAAE,YAAY,EAAE,OAAO,EAAE,MAAM,CAAC,EAAE,IAAI,GAAG,IAAI;CAqBjF"}