@raqm/ui 0.0.0-stage → 0.1.0

package/fesm2022/raqm-ui-alert-dialog.mjs

@@ -0,0 +1,457 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, ElementRef, booleanAttribute, effect, inject, input, signal } from "@angular/core";
+import { NgTemplateOutlet } from "@angular/common";
+import { RaqmButton } from "@raqm/ui/button";
+import * as i1 from "@raqm/ui/dialog";
+import { RAQM_DIALOG, RAQM_DIALOG_POLICY, RaqmDialogBaseComponent, RaqmDialogCloseDirective, RaqmDialogContentDirective, RaqmDialogDescriptionDirective, RaqmDialogTitleDirective, RaqmDialogTriggerDirective } from "@raqm/ui/dialog";
+var RaqmAlertDialogComponent = class RaqmAlertDialogComponent extends RaqmDialogBaseComponent {
+	small = input(false, {
+		...ngDevMode ? { debugName: "small" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	closeButtonVisible = signal(false, ...ngDevMode ? [{ debugName: "closeButtonVisible" }] : /* istanbul ignore next */ []);
+	closeLabelText = signal(void 0, ...ngDevMode ? [{ debugName: "closeLabelText" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		effect(() => this.policy?.small?.set(this.small()));
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDialogComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDialogComponent,
+		isStandalone: true,
+		selector: "raqm-alert-dialog",
+		inputs: { small: {
+			classPropertyName: "small",
+			publicName: "small",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		providers: [{
+			provide: RAQM_DIALOG,
+			useExisting: RaqmAlertDialogComponent
+		}, {
+			provide: RAQM_DIALOG_POLICY,
+			useFactory: () => ({
+				role: "alertdialog",
+				contentClass: "raqm-alert-dialog-content",
+				small: signal(false),
+				touchOpening: signal(false),
+				dismissOnBackdrop: false
+			})
+		}],
+		exportAs: ["raqmAlertDialog"],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<ng-content />\r\n\r\n<!-- The CDK container, not this wrapper, is the role=dialog element. -->\r\n<ng-template #panel>\r\n  <div\r\n    class=\"raqm-dialog-content\"\r\n    [class]=\"policy?.contentClass ?? ''\"\r\n    [attr.data-raqm-small]=\"policy?.small?.() ? '' : null\"\r\n    [attr.data-raqm-side]=\"policy?.side?.() ?? null\"\r\n    [attr.dir]=\"panelDir()\"\r\n    [class.raqm-dialog-content--entering]=\"entering()\"\r\n    [class.raqm-dialog-content--closing]=\"closing()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"contentTemplate()\" />\r\n\r\n    <!-- showCloseButton=false hides only this control; Escape and backdrop dismissal still close. -->\r\n    @if (closeButtonVisible()) {\r\n      <button\r\n        raqm-button=\"ghost\"\r\n        icon-small\r\n        class=\"raqm-dialog-close\"\r\n        [attr.aria-label]=\"closeLabelText()\"\r\n        (click)=\"onCloseButtonClick()\"\r\n      >\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n        >\r\n          <path d=\"M18 6 6 18\" />\r\n          <path d=\"m6 6 12 12\" />\r\n        </svg>\r\n      </button>\r\n    }\r\n  </div>\r\n</ng-template>\r\n",
+		styles: [":host{display:contents}.raqm-dialog-content{position:relative;display:grid;gap:calc(var(--raqm-spacing) * 4);box-sizing:border-box;inline-size:calc(100vw - 2rem);inline-size:calc(100dvw - 2rem);max-inline-size:100%;max-block-size:calc(100vh - 2rem);max-block-size:calc(100dvh - 2rem);overflow:auto;padding:calc(var(--raqm-spacing) * 4);border-radius:var(--raqm-radius-xl);background-color:var(--raqm-popover);color:var(--raqm-popover-foreground);font-size:var(--raqm-font-size-sm);line-height:1.25rem;box-shadow:0 0 0 1px color-mix(in oklch,var(--raqm-foreground) 10%,transparent);outline:none}@media(min-width:40rem){.raqm-dialog-content{inline-size:24rem}}.raqm-dialog-content--entering{animation:raqm-dialog-in var(--raqm-duration-fast) var(--raqm-ease-out)}@keyframes raqm-dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.raqm-dialog-content--closing{opacity:0;transform:scale(.95);transition:opacity var(--raqm-duration-fast) var(--raqm-ease-out),transform var(--raqm-duration-fast) var(--raqm-ease-out)}@media(prefers-reduced-motion:reduce){.raqm-dialog-content,.raqm-dialog-content--closing{animation:none;transition:none}}.raqm-dialog-close{position:absolute;top:calc(var(--raqm-spacing) * 2);inset-inline-end:calc(var(--raqm-spacing) * 2)}@media(forced-colors:active){.raqm-dialog-close{border-color:ButtonText}.raqm-dialog-content{border:1px solid CanvasText}}\n", ".raqm-alert-dialog-content{inline-size:100vw;inline-size:100dvw;max-inline-size:calc(var(--raqm-spacing) * 80);font-size:var(--raqm-font-size-base);line-height:var(--raqm-line-height-normal)}@media(min-width:40rem){.raqm-alert-dialog-content:not([data-raqm-small]){max-inline-size:calc(var(--raqm-spacing) * 96)}}\n"],
+		dependencies: [{
+			kind: "directive",
+			type: NgTemplateOutlet,
+			selector: "[ngTemplateOutlet]",
+			inputs: [
+				"ngTemplateOutletContext",
+				"ngTemplateOutlet",
+				"ngTemplateOutletInjector"
+			]
+		}, {
+			kind: "component",
+			type: RaqmButton,
+			selector: "button[raqm-button], a[raqm-button]",
+			inputs: [
+				"raqm-button",
+				"extra-small",
+				"small",
+				"large",
+				"icon",
+				"icon-extra-small",
+				"icon-small",
+				"icon-large",
+				"disabled",
+				"tabindex"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDialogComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-alert-dialog",
+			imports: [NgTemplateOutlet, RaqmButton],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			exportAs: "raqmAlertDialog",
+			providers: [{
+				provide: RAQM_DIALOG,
+				useExisting: RaqmAlertDialogComponent
+			}, {
+				provide: RAQM_DIALOG_POLICY,
+				useFactory: () => ({
+					role: "alertdialog",
+					contentClass: "raqm-alert-dialog-content",
+					small: signal(false),
+					touchOpening: signal(false),
+					dismissOnBackdrop: false
+				})
+			}],
+			template: "<ng-content />\r\n\r\n<!-- The CDK container, not this wrapper, is the role=dialog element. -->\r\n<ng-template #panel>\r\n  <div\r\n    class=\"raqm-dialog-content\"\r\n    [class]=\"policy?.contentClass ?? ''\"\r\n    [attr.data-raqm-small]=\"policy?.small?.() ? '' : null\"\r\n    [attr.data-raqm-side]=\"policy?.side?.() ?? null\"\r\n    [attr.dir]=\"panelDir()\"\r\n    [class.raqm-dialog-content--entering]=\"entering()\"\r\n    [class.raqm-dialog-content--closing]=\"closing()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"contentTemplate()\" />\r\n\r\n    <!-- showCloseButton=false hides only this control; Escape and backdrop dismissal still close. -->\r\n    @if (closeButtonVisible()) {\r\n      <button\r\n        raqm-button=\"ghost\"\r\n        icon-small\r\n        class=\"raqm-dialog-close\"\r\n        [attr.aria-label]=\"closeLabelText()\"\r\n        (click)=\"onCloseButtonClick()\"\r\n      >\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n        >\r\n          <path d=\"M18 6 6 18\" />\r\n          <path d=\"m6 6 12 12\" />\r\n        </svg>\r\n      </button>\r\n    }\r\n  </div>\r\n</ng-template>\r\n",
+			styles: [":host{display:contents}.raqm-dialog-content{position:relative;display:grid;gap:calc(var(--raqm-spacing) * 4);box-sizing:border-box;inline-size:calc(100vw - 2rem);inline-size:calc(100dvw - 2rem);max-inline-size:100%;max-block-size:calc(100vh - 2rem);max-block-size:calc(100dvh - 2rem);overflow:auto;padding:calc(var(--raqm-spacing) * 4);border-radius:var(--raqm-radius-xl);background-color:var(--raqm-popover);color:var(--raqm-popover-foreground);font-size:var(--raqm-font-size-sm);line-height:1.25rem;box-shadow:0 0 0 1px color-mix(in oklch,var(--raqm-foreground) 10%,transparent);outline:none}@media(min-width:40rem){.raqm-dialog-content{inline-size:24rem}}.raqm-dialog-content--entering{animation:raqm-dialog-in var(--raqm-duration-fast) var(--raqm-ease-out)}@keyframes raqm-dialog-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:none}}.raqm-dialog-content--closing{opacity:0;transform:scale(.95);transition:opacity var(--raqm-duration-fast) var(--raqm-ease-out),transform var(--raqm-duration-fast) var(--raqm-ease-out)}@media(prefers-reduced-motion:reduce){.raqm-dialog-content,.raqm-dialog-content--closing{animation:none;transition:none}}.raqm-dialog-close{position:absolute;top:calc(var(--raqm-spacing) * 2);inset-inline-end:calc(var(--raqm-spacing) * 2)}@media(forced-colors:active){.raqm-dialog-close{border-color:ButtonText}.raqm-dialog-content{border:1px solid CanvasText}}\n", ".raqm-alert-dialog-content{inline-size:100vw;inline-size:100dvw;max-inline-size:calc(var(--raqm-spacing) * 80);font-size:var(--raqm-font-size-base);line-height:var(--raqm-line-height-normal)}@media(min-width:40rem){.raqm-alert-dialog-content:not([data-raqm-small]){max-inline-size:calc(var(--raqm-spacing) * 96)}}\n"]
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { small: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "small",
+			required: false
+		}]
+	}] }
+});
+var RaqmAlertDialogTriggerDirective = class RaqmAlertDialogTriggerDirective extends RaqmDialogTriggerDirective {
+	policy = inject(RAQM_DIALOG_POLICY, { optional: true });
+	setOpeningPointer(event) {
+		this.policy?.touchOpening.set(event.pointerType === "touch");
+	}
+	resetOpeningPointer() {
+		this.policy?.touchOpening.set(false);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDialogTriggerDirective,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDialogTriggerDirective,
+		isStandalone: true,
+		selector: "button[raqm-alert-dialog-trigger]",
+		host: {
+			listeners: {
+				"pointerdown": "setOpeningPointer($event)",
+				"keydown": "resetOpeningPointer()"
+			},
+			classAttribute: "raqm-alert-dialog-trigger"
+		},
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDialogTriggerDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[raqm-alert-dialog-trigger]",
+			host: {
+				class: "raqm-alert-dialog-trigger",
+				"(pointerdown)": "setOpeningPointer($event)",
+				"(keydown)": "resetOpeningPointer()"
+			}
+		}]
+	}]
+});
+var RaqmAlertDialogContentDirective = class RaqmAlertDialogContentDirective extends RaqmDialogContentDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDialogContentDirective,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDialogContentDirective,
+		isStandalone: true,
+		selector: "ng-template[raqm-alert-dialog-content]",
+		exportAs: ["raqmAlertDialogContent"],
+		usesInheritance: true,
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDialogContentDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "ng-template[raqm-alert-dialog-content]",
+			exportAs: "raqmAlertDialogContent"
+		}]
+	}]
+});
+var RaqmAlertDialogHeaderDirective = class RaqmAlertDialogHeaderDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDialogHeaderDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDialogHeaderDirective,
+		isStandalone: true,
+		selector: "[raqm-alert-dialog-header]",
+		host: { classAttribute: "raqm-alert-dialog-header" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDialogHeaderDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-alert-dialog-header]",
+			host: { class: "raqm-alert-dialog-header" }
+		}]
+	}]
+});
+var RaqmAlertDialogFooterDirective = class RaqmAlertDialogFooterDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDialogFooterDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDialogFooterDirective,
+		isStandalone: true,
+		selector: "[raqm-alert-dialog-footer]",
+		host: { classAttribute: "raqm-alert-dialog-footer" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDialogFooterDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-alert-dialog-footer]",
+			host: { class: "raqm-alert-dialog-footer" }
+		}]
+	}]
+});
+var RaqmAlertDialogMediaDirective = class RaqmAlertDialogMediaDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDialogMediaDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDialogMediaDirective,
+		isStandalone: true,
+		selector: "[raqm-alert-dialog-media]",
+		host: { classAttribute: "raqm-alert-dialog-media" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDialogMediaDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-alert-dialog-media]",
+			host: { class: "raqm-alert-dialog-media" }
+		}]
+	}]
+});
+var RaqmAlertDialogTitleDirective = class RaqmAlertDialogTitleDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDialogTitleDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDialogTitleDirective,
+		isStandalone: true,
+		selector: "[raqm-alert-dialog-title]",
+		host: { classAttribute: "raqm-alert-dialog-title" },
+		hostDirectives: [{ directive: i1.RaqmDialogTitleDirective }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDialogTitleDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-alert-dialog-title]",
+			hostDirectives: [RaqmDialogTitleDirective],
+			host: { class: "raqm-alert-dialog-title" }
+		}]
+	}]
+});
+var RaqmAlertDialogDescriptionDirective = class RaqmAlertDialogDescriptionDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDialogDescriptionDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDialogDescriptionDirective,
+		isStandalone: true,
+		selector: "[raqm-alert-dialog-description]",
+		host: { classAttribute: "raqm-alert-dialog-description" },
+		hostDirectives: [{ directive: i1.RaqmDialogDescriptionDirective }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDialogDescriptionDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[raqm-alert-dialog-description]",
+			hostDirectives: [RaqmDialogDescriptionDirective],
+			host: { class: "raqm-alert-dialog-description" }
+		}]
+	}]
+});
+var RaqmAlertDialogActionDirective = class RaqmAlertDialogActionDirective {
+	constructor() {
+		const element = inject(ElementRef).nativeElement;
+		if (!element.hasAttribute("type")) element.setAttribute("type", "button");
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDialogActionDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDialogActionDirective,
+		isStandalone: true,
+		selector: "button[raqm-alert-dialog-action]",
+		host: { classAttribute: "raqm-alert-dialog-action" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDialogActionDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[raqm-alert-dialog-action]",
+			host: { class: "raqm-alert-dialog-action" }
+		}]
+	}],
+	ctorParameters: () => []
+});
+var RaqmAlertDialogCancelDirective = class RaqmAlertDialogCancelDirective {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDialogCancelDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDialogCancelDirective,
+		isStandalone: true,
+		selector: "button[raqm-alert-dialog-cancel]",
+		host: { classAttribute: "raqm-alert-dialog-cancel" },
+		hostDirectives: [{ directive: i1.RaqmDialogCloseDirective }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDialogCancelDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[raqm-alert-dialog-cancel]",
+			hostDirectives: [RaqmDialogCloseDirective],
+			host: { class: "raqm-alert-dialog-cancel" }
+		}]
+	}]
+});
+const RaqmAlertDialog = [
+	RaqmAlertDialogComponent,
+	RaqmAlertDialogTriggerDirective,
+	RaqmAlertDialogContentDirective,
+	RaqmAlertDialogHeaderDirective,
+	RaqmAlertDialogFooterDirective,
+	RaqmAlertDialogMediaDirective,
+	RaqmAlertDialogTitleDirective,
+	RaqmAlertDialogDescriptionDirective,
+	RaqmAlertDialogActionDirective,
+	RaqmAlertDialogCancelDirective
+];
+export { RaqmAlertDialog, RaqmAlertDialogActionDirective, RaqmAlertDialogCancelDirective, RaqmAlertDialogComponent, RaqmAlertDialogContentDirective, RaqmAlertDialogDescriptionDirective, RaqmAlertDialogFooterDirective, RaqmAlertDialogHeaderDirective, RaqmAlertDialogMediaDirective, RaqmAlertDialogTitleDirective, RaqmAlertDialogTriggerDirective };
+
+//# sourceMappingURL=raqm-ui-alert-dialog.mjs.map

package/fesm2022/raqm-ui-alert-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"raqm-ui-alert-dialog.mjs","names":[],"sources":["../../../projects/ui/alert-dialog/alert-dialog.component.ts","../../../projects/ui/dialog/dialog.component.html","../../../projects/ui/alert-dialog/alert-dialog.directive.ts","../../../projects/ui/alert-dialog/public-api.ts"],"sourcesContent":["import {\r\n  ChangeDetectionStrategy,\r\n  Component,\r\n  booleanAttribute,\r\n  effect,\r\n  input,\r\n  signal,\r\n} from '@angular/core';\r\nimport { NgTemplateOutlet } from '@angular/common';\r\nimport { RaqmButton } from '@raqm/ui/button';\r\nimport {\r\n  RaqmDialogBaseComponent,\r\n  RAQM_DIALOG,\r\n  RAQM_DIALOG_POLICY,\r\n  RaqmDialogPolicy,\r\n} from '@raqm/ui/dialog';\r\n\r\n/** Modal interruption sharing Dialog's stack, focus trap, scroll lock and teardown. */\r\n@Component({\r\n  selector: 'raqm-alert-dialog',\r\n  imports: [NgTemplateOutlet, RaqmButton],\r\n  templateUrl: '../dialog/dialog.component.html',\r\n  styleUrls: ['../dialog/dialog.component.scss', './alert-dialog.component.scss'],\r\n  changeDetection: ChangeDetectionStrategy.OnPush,\r\n  exportAs: 'raqmAlertDialog',\r\n  providers: [\r\n    { provide: RAQM_DIALOG, useExisting: RaqmAlertDialogComponent },\r\n    {\r\n      provide: RAQM_DIALOG_POLICY,\r\n      useFactory: (): RaqmDialogPolicy => ({\r\n        role: 'alertdialog',\r\n        contentClass: 'raqm-alert-dialog-content',\r\n        small: signal(false),\r\n        touchOpening: signal(false),\r\n        dismissOnBackdrop: false,\r\n      }),\r\n    },\r\n  ],\r\n})\r\nexport class RaqmAlertDialogComponent extends RaqmDialogBaseComponent {\r\n  /** The compact alert layout; false is the normal layout. */\r\n  readonly small = input(false, { transform: booleanAttribute });\r\n\r\n  protected readonly closeButtonVisible = signal(false);\r\n  protected readonly closeLabelText = signal<string | undefined>(undefined);\r\n\r\n  constructor() {\r\n    super();\r\n    effect(() => this.policy?.small?.set(this.small()));\r\n  }\r\n}\r\n","<ng-content />\r\n\r\n<!-- The CDK container, not this wrapper, is the role=dialog element. -->\r\n<ng-template #panel>\r\n  <div\r\n    class=\"raqm-dialog-content\"\r\n    [class]=\"policy?.contentClass ?? ''\"\r\n    [attr.data-raqm-small]=\"policy?.small?.() ? '' : null\"\r\n    [attr.data-raqm-side]=\"policy?.side?.() ?? null\"\r\n    [attr.dir]=\"panelDir()\"\r\n    [class.raqm-dialog-content--entering]=\"entering()\"\r\n    [class.raqm-dialog-content--closing]=\"closing()\"\r\n  >\r\n    <ng-container [ngTemplateOutlet]=\"contentTemplate()\" />\r\n\r\n    <!-- showCloseButton=false hides only this control; Escape and backdrop dismissal still close. -->\r\n    @if (closeButtonVisible()) {\r\n      <button\r\n        raqm-button=\"ghost\"\r\n        icon-small\r\n        class=\"raqm-dialog-close\"\r\n        [attr.aria-label]=\"closeLabelText()\"\r\n        (click)=\"onCloseButtonClick()\"\r\n      >\r\n        <svg\r\n          viewBox=\"0 0 24 24\"\r\n          fill=\"none\"\r\n          stroke=\"currentColor\"\r\n          stroke-width=\"2\"\r\n          stroke-linecap=\"round\"\r\n          stroke-linejoin=\"round\"\r\n          aria-hidden=\"true\"\r\n          focusable=\"false\"\r\n        >\r\n          <path d=\"M18 6 6 18\" />\r\n          <path d=\"m6 6 12 12\" />\r\n        </svg>\r\n      </button>\r\n    }\r\n  </div>\r\n</ng-template>\r\n","import { Directive, ElementRef, inject } from '@angular/core';\r\nimport { RAQM_DIALOG_POLICY } from '@raqm/ui/dialog';\r\nimport {\r\n  RaqmDialogCloseDirective,\r\n  RaqmDialogContentDirective,\r\n  RaqmDialogDescriptionDirective,\r\n  RaqmDialogTitleDirective,\r\n  RaqmDialogTriggerDirective,\r\n} from '@raqm/ui/dialog';\r\n\r\n/** Native opener reusing Dialog registration and disclosure ARIA. */\r\n@Directive({\r\n  selector: 'button[raqm-alert-dialog-trigger]',\r\n  host: {\r\n    class: 'raqm-alert-dialog-trigger',\r\n    '(pointerdown)': 'setOpeningPointer($event)',\r\n    '(keydown)': 'resetOpeningPointer()',\r\n  },\r\n})\r\nexport class RaqmAlertDialogTriggerDirective extends RaqmDialogTriggerDirective {\r\n  private readonly policy = inject(RAQM_DIALOG_POLICY, { optional: true });\r\n\r\n  protected setOpeningPointer(event: PointerEvent): void {\r\n    this.policy?.touchOpening.set(event.pointerType === 'touch');\r\n  }\r\n\r\n  protected resetOpeningPointer(): void {\r\n    this.policy?.touchOpening.set(false);\r\n  }\r\n}\r\n\r\n/** Portal body template; the root owns the compact-size policy. */\r\n@Directive({\r\n  selector: 'ng-template[raqm-alert-dialog-content]',\r\n  exportAs: 'raqmAlertDialogContent',\r\n})\r\nexport class RaqmAlertDialogContentDirective extends RaqmDialogContentDirective {}\r\n\r\n/** Passive header; media-aware responsive grid. */\r\n@Directive({\r\n  selector: '[raqm-alert-dialog-header]',\r\n  host: { class: 'raqm-alert-dialog-header' },\r\n})\r\nexport class RaqmAlertDialogHeaderDirective {}\r\n\r\n/** Passive action footer; controls remain application-authored native buttons. */\r\n@Directive({\r\n  selector: '[raqm-alert-dialog-footer]',\r\n  host: { class: 'raqm-alert-dialog-footer' },\r\n})\r\nexport class RaqmAlertDialogFooterDirective {}\r\n\r\n/** Optional media slot for an application-owned icon or image. */\r\n@Directive({\r\n  selector: '[raqm-alert-dialog-media]',\r\n  host: { class: 'raqm-alert-dialog-media' },\r\n})\r\nexport class RaqmAlertDialogMediaDirective {}\r\n\r\n/** Accessible title registered with the real alertdialog container. */\r\n@Directive({\r\n  selector: '[raqm-alert-dialog-title]',\r\n  hostDirectives: [RaqmDialogTitleDirective],\r\n  host: { class: 'raqm-alert-dialog-title' },\r\n})\r\nexport class RaqmAlertDialogTitleDirective {}\r\n\r\n/** Accessible description registered with the real alertdialog container. */\r\n@Directive({\r\n  selector: '[raqm-alert-dialog-description]',\r\n  hostDirectives: [RaqmDialogDescriptionDirective],\r\n  host: { class: 'raqm-alert-dialog-description' },\r\n})\r\nexport class RaqmAlertDialogDescriptionDirective {}\r\n\r\n/** Plain native action: compose raqm-button; activation does not implicitly close. */\r\n@Directive({\r\n  selector: 'button[raqm-alert-dialog-action]',\r\n  host: { class: 'raqm-alert-dialog-action' },\r\n})\r\nexport class RaqmAlertDialogActionDirective {\r\n  constructor() {\r\n    const element = inject<ElementRef<HTMLButtonElement>>(ElementRef).nativeElement;\r\n    if (!element.hasAttribute('type')) {\r\n      element.setAttribute('type', 'button');\r\n    }\r\n  }\r\n}\r\n\r\n/** Native cancel control using Dialog's single animated user-close path. */\r\n@Directive({\r\n  selector: 'button[raqm-alert-dialog-cancel]',\r\n  hostDirectives: [RaqmDialogCloseDirective],\r\n  host: { class: 'raqm-alert-dialog-cancel' },\r\n})\r\nexport class RaqmAlertDialogCancelDirective {}\r\n","// Public API for `@raqm/ui/alert-dialog`; the root entry point re-exports these symbols.\r\nimport { RaqmAlertDialogComponent } from './alert-dialog.component';\r\nimport {\r\n  RaqmAlertDialogActionDirective,\r\n  RaqmAlertDialogCancelDirective,\r\n  RaqmAlertDialogContentDirective,\r\n  RaqmAlertDialogDescriptionDirective,\r\n  RaqmAlertDialogFooterDirective,\r\n  RaqmAlertDialogHeaderDirective,\r\n  RaqmAlertDialogMediaDirective,\r\n  RaqmAlertDialogTitleDirective,\r\n  RaqmAlertDialogTriggerDirective,\r\n} from './alert-dialog.directive';\r\n\r\nexport {\r\n  RaqmAlertDialogComponent,\r\n  RaqmAlertDialogTriggerDirective,\r\n  RaqmAlertDialogContentDirective,\r\n  RaqmAlertDialogHeaderDirective,\r\n  RaqmAlertDialogFooterDirective,\r\n  RaqmAlertDialogMediaDirective,\r\n  RaqmAlertDialogTitleDirective,\r\n  RaqmAlertDialogDescriptionDirective,\r\n  RaqmAlertDialogActionDirective,\r\n  RaqmAlertDialogCancelDirective,\r\n};\r\n\r\nexport const RaqmAlertDialog = [\r\n  RaqmAlertDialogComponent,\r\n  RaqmAlertDialogTriggerDirective,\r\n  RaqmAlertDialogContentDirective,\r\n  RaqmAlertDialogHeaderDirective,\r\n  RaqmAlertDialogFooterDirective,\r\n  RaqmAlertDialogMediaDirective,\r\n  RaqmAlertDialogTitleDirective,\r\n  RaqmAlertDialogDescriptionDirective,\r\n  RaqmAlertDialogActionDirective,\r\n  RaqmAlertDialogCancelDirective,\r\n] as const;\r\n"],"mappings":"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"}

package/fesm2022/raqm-ui-alert.mjs

@@ -0,0 +1,195 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, computed, input } from "@angular/core";
+var RaqmAlertComponent = class RaqmAlertComponent {
+	destructive = input(false, {
+		...ngDevMode ? { debugName: "destructive" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	activeVariant = computed(() => this.destructive() ? "destructive" : "default", ...ngDevMode ? [{ debugName: "activeVariant" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: RaqmAlertComponent,
+		isStandalone: true,
+		selector: "raqm-alert",
+		inputs: { destructive: {
+			classPropertyName: "destructive",
+			publicName: "destructive",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "role": "alert" },
+			properties: { "attr.data-raqm-variant": "activeVariant()" },
+			classAttribute: "raqm-alert"
+		},
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{display:grid;box-sizing:border-box;inline-size:100%;gap:calc(var(--raqm-spacing) * .5);border:1px solid var(--raqm-border);border-radius:var(--raqm-radius-lg);padding-inline:calc(var(--raqm-spacing) * 2.5);padding-block:calc(var(--raqm-spacing) * 2);text-align:start;font-size:var(--raqm-font-size-sm);line-height:calc(var(--raqm-spacing) * 5);background-color:var(--raqm-card);color:var(--raqm-card-foreground)}:host([data-raqm-variant=destructive]){background-color:var(--raqm-card);color:var(--raqm-destructive)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-alert",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				class: "raqm-alert",
+				role: "alert",
+				"[attr.data-raqm-variant]": "activeVariant()"
+			},
+			styles: [":host{display:grid;box-sizing:border-box;inline-size:100%;gap:calc(var(--raqm-spacing) * .5);border:1px solid var(--raqm-border);border-radius:var(--raqm-radius-lg);padding-inline:calc(var(--raqm-spacing) * 2.5);padding-block:calc(var(--raqm-spacing) * 2);text-align:start;font-size:var(--raqm-font-size-sm);line-height:calc(var(--raqm-spacing) * 5);background-color:var(--raqm-card);color:var(--raqm-card-foreground)}:host([data-raqm-variant=destructive]){background-color:var(--raqm-card);color:var(--raqm-destructive)}\n"]
+		}]
+	}],
+	propDecorators: { destructive: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "destructive",
+			required: false
+		}]
+	}] }
+});
+var RaqmAlertTitleComponent = class RaqmAlertTitleComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertTitleComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertTitleComponent,
+		isStandalone: true,
+		selector: "raqm-alert-title, h1[raqm-alert-title], h2[raqm-alert-title], h3[raqm-alert-title], h4[raqm-alert-title], h5[raqm-alert-title], h6[raqm-alert-title]",
+		host: { classAttribute: "raqm-alert-title" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{font-size:inherit;line-height:inherit;font-weight:var(--raqm-font-weight-medium)}:host:is(h1,h2,h3,h4,h5,h6){margin:0}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertTitleComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-alert-title, h1[raqm-alert-title], h2[raqm-alert-title], h3[raqm-alert-title], h4[raqm-alert-title], h5[raqm-alert-title], h6[raqm-alert-title]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-alert-title" },
+			styles: [":host{font-size:inherit;line-height:inherit;font-weight:var(--raqm-font-weight-medium)}:host:is(h1,h2,h3,h4,h5,h6){margin:0}\n"]
+		}]
+	}]
+});
+var RaqmAlertDescriptionComponent = class RaqmAlertDescriptionComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertDescriptionComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertDescriptionComponent,
+		isStandalone: true,
+		selector: "raqm-alert-description, p[raqm-alert-description]",
+		host: { classAttribute: "raqm-alert-description" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);text-wrap:balance}:host:is(p){margin:0}@media(min-width:48rem){:host{text-wrap:pretty}}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertDescriptionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-alert-description, p[raqm-alert-description]",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-alert-description" },
+			styles: [":host{color:var(--raqm-muted-foreground);font-size:var(--raqm-font-size-sm);text-wrap:balance}:host:is(p){margin:0}@media(min-width:48rem){:host{text-wrap:pretty}}\n"]
+		}]
+	}]
+});
+var RaqmAlertActionComponent = class RaqmAlertActionComponent {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: RaqmAlertActionComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: RaqmAlertActionComponent,
+		isStandalone: true,
+		selector: "raqm-alert-action",
+		host: { classAttribute: "raqm-alert-action" },
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		styles: [":host{position:absolute;inset-block-start:calc(var(--raqm-spacing) * 2);inset-inline-end:calc(var(--raqm-spacing) * 2)}\n"],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: RaqmAlertActionComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "raqm-alert-action",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "raqm-alert-action" },
+			styles: [":host{position:absolute;inset-block-start:calc(var(--raqm-spacing) * 2);inset-inline-end:calc(var(--raqm-spacing) * 2)}\n"]
+		}]
+	}]
+});
+const RaqmAlert = [
+	RaqmAlertComponent,
+	RaqmAlertTitleComponent,
+	RaqmAlertDescriptionComponent,
+	RaqmAlertActionComponent
+];
+export { RaqmAlert, RaqmAlertActionComponent, RaqmAlertComponent, RaqmAlertDescriptionComponent, RaqmAlertTitleComponent };
+
+//# sourceMappingURL=raqm-ui-alert.mjs.map