@loomui-ng/ui 0.0.0-stage → 0.1.0

package/fesm2022/loomui-ng-ui-dialog.mjs

@@ -0,0 +1,508 @@
+import * as i0 from "@angular/core";
+import { Directive, ElementRef, booleanAttribute, computed, inject, input } from "@angular/core";
+import { buttonVariants } from "@loomui-ng/ui/button";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiElementHost, UiModalContentBase, UiModalRoot, cn } from "@loomui-ng/ui/utils";
+import { LIB_ICONS, iconToSvg } from "@loomui-ng/ui/icon";
+const OVERLAY_CLASS = "fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0";
+const CONTENT_CLASS = "fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-sm";
+var UiDialog = class UiDialog extends UiModalRoot {
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDialog,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: UiDialog,
+		isStandalone: true,
+		selector: "[uiDialog], ui-dialog",
+		exportAs: ["uiDialog"],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDialog,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDialog], ui-dialog",
+			hostDirectives: [UiElementHost],
+			exportAs: "uiDialog"
+		}]
+	}]
+});
+var UiDialogTrigger = class UiDialogTrigger {
+	root = inject(UiDialog);
+	constructor() {
+		this.root.trigger.set(inject(ElementRef).nativeElement);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDialogTrigger,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: UiDialogTrigger,
+		isStandalone: true,
+		selector: "[uiDialogTrigger], ui-dialog-trigger",
+		host: {
+			attributes: {
+				"data-slot": "dialog-trigger",
+				"aria-haspopup": "dialog"
+			},
+			listeners: { "click": "root.toggle()" },
+			properties: {
+				"attr.aria-expanded": "root.open()",
+				"attr.aria-controls": "root.id",
+				"attr.data-state": "root.open() ? \"open\" : \"closed\""
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDialogTrigger,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDialogTrigger], ui-dialog-trigger",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "dialog-trigger",
+				"aria-haspopup": "dialog",
+				"[attr.aria-expanded]": "root.open()",
+				"[attr.aria-controls]": "root.id",
+				"[attr.data-state]": "root.open() ? \"open\" : \"closed\"",
+				"(click)": "root.toggle()"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+var UiDialogContent = class UiDialogContent extends UiModalContentBase {
+	root = inject(UiDialog);
+	config = {
+		slot: "dialog",
+		backdropClass: OVERLAY_CLASS
+	};
+	showCloseButton = input(true, {
+		...ngDevMode ? { debugName: "showCloseButton" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	classes = computed(() => cn(CONTENT_CLASS, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		this.init();
+		queueMicrotask(() => {
+			if (this.showCloseButton()) this.el.appendChild(this.createCloseButton());
+		});
+	}
+	createCloseButton() {
+		const btn = document.createElement("button");
+		btn.type = "button";
+		btn.setAttribute("data-slot", "dialog-close");
+		btn.setAttribute("data-variant", "ghost");
+		btn.setAttribute("data-size", "icon-sm");
+		btn.className = cn(buttonVariants({
+			variant: "ghost",
+			size: "icon-sm"
+		}), "absolute end-2 top-2");
+		btn.innerHTML = iconToSvg(LIB_ICONS["X"], { size: 16 }).replace("<svg ", "<svg class=\"size-4\" aria-hidden=\"true\" ") + "<span class=\"sr-only\">Close</span>";
+		btn.addEventListener("click", () => this.root.close());
+		return btn;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDialogContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDialogContent,
+		isStandalone: true,
+		selector: "[uiDialogContent], ui-dialog-content",
+		inputs: { showCloseButton: {
+			classPropertyName: "showCloseButton",
+			publicName: "showCloseButton",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"role": "dialog",
+				"data-slot": "dialog-content",
+				"tabindex": "-1"
+			},
+			properties: {
+				"id": "root.id",
+				"attr.aria-labelledby": "root.titleId",
+				"attr.aria-describedby": "root.descriptionId",
+				"attr.data-state": "root.state()",
+				"attr.class": "classes()"
+			}
+		},
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDialogContent,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDialogContent], ui-dialog-content",
+			hostDirectives: [UiElementHost],
+			host: {
+				role: "dialog",
+				"data-slot": "dialog-content",
+				tabindex: "-1",
+				"[id]": "root.id",
+				"[attr.aria-labelledby]": "root.titleId",
+				"[attr.aria-describedby]": "root.descriptionId",
+				"[attr.data-state]": "root.state()",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: { showCloseButton: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "showCloseButton",
+			required: false
+		}]
+	}] }
+});
+var UiDialogHeader = class UiDialogHeader {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("flex flex-col gap-2", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDialogHeader,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDialogHeader,
+		isStandalone: true,
+		selector: "[uiDialogHeader], ui-dialog-header",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "dialog-header" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDialogHeader,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDialogHeader], ui-dialog-header",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "dialog-header",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiDialogFooter = class UiDialogFooter {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDialogFooter,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDialogFooter,
+		isStandalone: true,
+		selector: "[uiDialogFooter], ui-dialog-footer",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "dialog-footer" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDialogFooter,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDialogFooter], ui-dialog-footer",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "dialog-footer",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiDialogTitle = class UiDialogTitle {
+	root = inject(UiDialog);
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("text-base leading-none font-medium", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDialogTitle,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDialogTitle,
+		isStandalone: true,
+		selector: "[uiDialogTitle], ui-dialog-title",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "dialog-title" },
+			properties: {
+				"id": "root.titleId",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDialogTitle,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDialogTitle], ui-dialog-title",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "dialog-title",
+				"[id]": "root.titleId",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiDialogDescription = class UiDialogDescription {
+	root = inject(UiDialog);
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDialogDescription,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDialogDescription,
+		isStandalone: true,
+		selector: "[uiDialogDescription], ui-dialog-description",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "dialog-description" },
+			properties: {
+				"id": "root.descriptionId",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDialogDescription,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDialogDescription], ui-dialog-description",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "dialog-description",
+				"[id]": "root.descriptionId",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiDialogClose = class UiDialogClose {
+	root = inject(UiDialog);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDialogClose,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: UiDialogClose,
+		isStandalone: true,
+		selector: "[uiDialogClose], ui-dialog-close",
+		host: {
+			attributes: { "data-slot": "dialog-close" },
+			listeners: { "click": "root.close()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDialogClose,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDialogClose], ui-dialog-close",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "dialog-close",
+				"(click)": "root.close()"
+			}
+		}]
+	}]
+});
+const UI_DIALOG = [
+	UiDialog,
+	UiDialogTrigger,
+	UiDialogContent,
+	UiDialogHeader,
+	UiDialogFooter,
+	UiDialogTitle,
+	UiDialogDescription,
+	UiDialogClose
+];
+export { UI_DIALOG, UiDialog, UiDialogClose, UiDialogContent, UiDialogDescription, UiDialogFooter, UiDialogHeader, UiDialogTitle, UiDialogTrigger };
+
+//# sourceMappingURL=loomui-ng-ui-dialog.mjs.map

package/fesm2022/loomui-ng-ui-dialog.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-dialog.mjs","names":[],"sources":["../../../libs/ui/dialog/dialog.ts"],"sourcesContent":["import { computed, Directive, ElementRef, inject, input, booleanAttribute } from '@angular/core';\nimport { buttonVariants } from '@loomui-ng/ui/button';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { UiModalContentBase, UiModalRoot, type ModalContentConfig } from '@loomui-ng/ui/utils';\nimport { iconToSvg, LIB_ICONS } from '@loomui-ng/ui/icon';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\nconst OVERLAY_CLASS =\n  'fixed inset-0 isolate z-50 bg-black/10 duration-100 supports-backdrop-filter:backdrop-blur-xs data-open:animate-in data-open:fade-in-0 data-closed:animate-out data-closed:fade-out-0';\n\nconst CONTENT_CLASS =\n  'fixed top-1/2 left-1/2 z-50 grid w-full max-w-[calc(100%-2rem)] -translate-x-1/2 -translate-y-1/2 gap-4 rounded-xl bg-popover p-4 text-sm text-popover-foreground ring-1 ring-foreground/10 duration-100 outline-none data-open:animate-in data-open:fade-in-0 data-open:zoom-in-95 data-closed:animate-out data-closed:fade-out-0 data-closed:zoom-out-95 sm:max-w-sm';\n\n/**\n * <div uiDialog [(open)]=\"open\">\n *   <button uiButton uiDialogTrigger>Open</button>\n *   <div uiDialogContent>…</div>\n * </div>\n * `uiDialog` renders no element of its own styling; it is a state holder. Content is moved to <body>\n * through a CDK overlay while open.\n */\n@Directive({ selector: '[uiDialog], ui-dialog', hostDirectives: [UiElementHost], exportAs: 'uiDialog' })\nexport class UiDialog extends UiModalRoot {}\n\n@Directive({\n  selector: '[uiDialogTrigger], ui-dialog-trigger', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'dialog-trigger',\n    'aria-haspopup': 'dialog',\n    '[attr.aria-expanded]': 'root.open()',\n    '[attr.aria-controls]': 'root.id',\n    '[attr.data-state]': 'root.open() ? \"open\" : \"closed\"',\n    '(click)': 'root.toggle()',\n  },\n})\nexport class UiDialogTrigger {\n  protected readonly root = inject(UiDialog);\n  constructor() {\n    this.root.trigger.set(inject<ElementRef<HTMLElement>>(ElementRef).nativeElement);\n  }\n}\n\n@Directive({\n  selector: '[uiDialogContent], ui-dialog-content', hostDirectives: [UiElementHost],\n  host: {\n    role: 'dialog',\n    'data-slot': 'dialog-content',\n    tabindex: '-1',\n    '[id]': 'root.id',\n    '[attr.aria-labelledby]': 'root.titleId',\n    '[attr.aria-describedby]': 'root.descriptionId',\n    '[attr.data-state]': 'root.state()',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiDialogContent extends UiModalContentBase {\n  protected readonly root = inject(UiDialog);\n  protected readonly config: ModalContentConfig = { slot: 'dialog', backdropClass: OVERLAY_CLASS };\n  /** Built-in top-corner close button, like shadcn's `showCloseButton` (default true). */\n  readonly showCloseButton = input(true, { transform: booleanAttribute });\n  protected readonly classes = computed(() => cn(CONTENT_CLASS, this.userClass()));\n\n  constructor() {\n    super();\n    this.init();\n    queueMicrotask(() => {\n      if (this.showCloseButton()) this.el.appendChild(this.createCloseButton());\n    });\n  }\n\n  private createCloseButton(): HTMLButtonElement {\n    const btn = document.createElement('button');\n    btn.type = 'button';\n    btn.setAttribute('data-slot', 'dialog-close');\n    btn.setAttribute('data-variant', 'ghost');\n    btn.setAttribute('data-size', 'icon-sm');\n    btn.className = cn(buttonVariants({ variant: 'ghost', size: 'icon-sm' }), 'absolute end-2 top-2');\n    btn.innerHTML = iconToSvg(LIB_ICONS['X'], { size: 16 }).replace('<svg ', '<svg class=\"size-4\" aria-hidden=\"true\" ') + '<span class=\"sr-only\">Close</span>';\n    btn.addEventListener('click', () => this.root.close());\n    return btn;\n  }\n}\n\n@Directive({\n  selector: '[uiDialogHeader], ui-dialog-header', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'dialog-header', '[attr.class]': 'classes()' },\n})\nexport class UiDialogHeader {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('flex flex-col gap-2', this.userClass()));\n}\n\n@Directive({\n  selector: '[uiDialogFooter], ui-dialog-footer', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'dialog-footer', '[attr.class]': 'classes()' },\n})\nexport class UiDialogFooter {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() =>\n    cn('-mx-4 -mb-4 flex flex-col-reverse gap-2 rounded-b-xl border-t bg-muted/50 p-4 sm:flex-row sm:justify-end', this.userClass()),\n  );\n}\n\n@Directive({\n  selector: '[uiDialogTitle], ui-dialog-title', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'dialog-title', '[id]': 'root.titleId', '[attr.class]': 'classes()' },\n})\nexport class UiDialogTitle {\n  protected readonly root = inject(UiDialog);\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('text-base leading-none font-medium', this.userClass()));\n}\n\n@Directive({\n  selector: '[uiDialogDescription], ui-dialog-description', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'dialog-description', '[id]': 'root.descriptionId', '[attr.class]': 'classes()' },\n})\nexport class UiDialogDescription {\n  protected readonly root = inject(UiDialog);\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() =>\n    cn('text-sm text-muted-foreground *:[a]:underline *:[a]:underline-offset-3 *:[a]:hover:text-foreground', this.userClass()),\n  );\n}\n\n/** Any element/button inside the dialog that should close it. */\n@Directive({\n  selector: '[uiDialogClose], ui-dialog-close', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'dialog-close', '(click)': 'root.close()' },\n})\nexport class UiDialogClose {\n  protected readonly root = inject(UiDialog);\n}\n\nexport const UI_DIALOG = [\n  UiDialog,\n  UiDialogTrigger,\n  UiDialogContent,\n  UiDialogHeader,\n  UiDialogFooter,\n  UiDialogTitle,\n  UiDialogDescription,\n  UiDialogClose,\n] as const;\n"],"mappings":"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"}

package/fesm2022/loomui-ng-ui-direction.mjs

@@ -0,0 +1,112 @@
+import { Directionality } from "@angular/cdk/bidi";
+import * as i0 from "@angular/core";
+import { Directive, ElementRef, EventEmitter, computed, effect, forwardRef, inject, input } from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiElementHost } from "@loomui-ng/ui/utils";
+var UiDirection = class UiDirection {
+	attrDir = input("", {
+		...ngDevMode ? { debugName: "attrDir" } : /* istanbul ignore next */ {},
+		alias: "uiDirection"
+	});
+	elDir = input("", {
+		...ngDevMode ? { debugName: "elDir" } : /* istanbul ignore next */ {},
+		alias: "dir"
+	});
+	dir = computed(() => this.attrDir() || this.elDir() || "ltr", ...ngDevMode ? [{ debugName: "dir" }] : /* istanbul ignore next */ []);
+	change = new EventEmitter();
+	get value() {
+		return this.dir() === "rtl" ? "rtl" : "ltr";
+	}
+	el = inject(ElementRef).nativeElement;
+	constructor() {
+		effect(() => {
+			const d = this.value;
+			this.el.setAttribute("dir", d);
+			this.change.emit(d);
+		});
+	}
+	ngOnDestroy() {
+		this.change.complete();
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDirection,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDirection,
+		isStandalone: true,
+		selector: "[uiDirection], ui-direction",
+		inputs: {
+			attrDir: {
+				classPropertyName: "attrDir",
+				publicName: "uiDirection",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			elDir: {
+				classPropertyName: "elDir",
+				publicName: "dir",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { properties: { "attr.dir": "dir()" } },
+		providers: [{
+			provide: Directionality,
+			useExisting: forwardRef(() => UiDirection)
+		}],
+		exportAs: ["uiDirection"],
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDirection,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDirection], ui-direction",
+			hostDirectives: [UiElementHost],
+			exportAs: "uiDirection",
+			providers: [{
+				provide: Directionality,
+				useExisting: forwardRef(() => UiDirection)
+			}],
+			host: { "[attr.dir]": "dir()" }
+		}]
+	}],
+	ctorParameters: () => [],
+	propDecorators: {
+		attrDir: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "uiDirection",
+				required: false
+			}]
+		}],
+		elDir: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "dir",
+				required: false
+			}]
+		}]
+	}
+});
+const UI_DIRECTION = [UiDirection];
+export { UI_DIRECTION, UiDirection };
+
+//# sourceMappingURL=loomui-ng-ui-direction.mjs.map

package/fesm2022/loomui-ng-ui-direction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-direction.mjs","names":[],"sources":["../../../libs/ui/direction/direction.ts"],"sourcesContent":["import { Directionality, type Direction } from '@angular/cdk/bidi';\nimport { computed, Directive, effect, ElementRef, EventEmitter, forwardRef, inject, input, OnDestroy } from '@angular/core';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\n/**\n * shadcn's DirectionProvider (Radix) sets `dir` for a subtree so every primitive resolves layout/keyboard direction from it.\n * Here the provider sets the `dir` attribute and replaces CDK's `Directionality` for descendants, so all Loom UI components\n * (menus, tabs, carousel, calendar, sliders, overlays) follow the subtree direction instead of the document's.\n *\n * <div uiDirection=\"rtl\"> … </div>\n */\n@Directive({\n  selector: '[uiDirection], ui-direction', hostDirectives: [UiElementHost],\n  exportAs: 'uiDirection',\n  providers: [{ provide: Directionality, useExisting: forwardRef(() => UiDirection) }],\n  host: { '[attr.dir]': 'dir()' },\n})\nexport class UiDirection implements OnDestroy {\n  /** Attribute form: `<div [uiDirection]=\"'rtl'\">`. */\n  readonly attrDir = input<Direction | ''>('', { alias: 'uiDirection' });\n  /** Element form: `<ui-direction dir=\"rtl\">`. */\n  readonly elDir = input<Direction | ''>('', { alias: 'dir' });\n  readonly dir = computed<Direction>(() => (this.attrDir() || this.elDir() || 'ltr') as Direction);\n  readonly change = new EventEmitter<Direction>();\n  /** Resolved value read by CDK consumers (`Directionality#value`). */\n  get value(): Direction {\n    return this.dir() === 'rtl' ? 'rtl' : 'ltr';\n  }\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef).nativeElement;\n  constructor() {\n    effect(() => {\n      const d = this.value;\n      this.el.setAttribute('dir', d);\n      this.change.emit(d);\n    });\n  }\n  ngOnDestroy(): void {\n    this.change.complete();\n  }\n}\n\nexport const UI_DIRECTION = [UiDirection] as const;\n"],"mappings":";;;;;AAiBA,IAAa,cAAb,MAAa,YAAW;CAEb,UAAU,MAAsB,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,UAAA,+BAAA,CAAA;EAAI,OAAO;CAAa,CAAA;CAE1D,QAAQ,MAAsB,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,QAAA,+BAAA,CAAA;EAAI,OAAO;CAAK,CAAA;CAChD,MAAM,eAA2B,KAAK,QAAO,KAAM,KAAK,MAAK,KAAM,OAAoB,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;CACvF,SAAS,IAAI,aAAY;CAElC,IAAI,QAAK;EACP,OAAO,KAAK,IAAG,MAAO,QAAQ,QAAQ;CACxC;CACiB,KAAK,OAAgC,UAAU,CAAC,CAAC;CAClE,cAAA;EACE,aAAY;GACV,MAAM,IAAI,KAAK;GACf,KAAK,GAAG,aAAa,OAAO,CAAC;GAC7B,KAAK,OAAO,KAAK,CAAC;EACpB,CAAC;CACH;CACA,cAAW;EACT,KAAK,OAAO,SAAQ;CACtB;CArBW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAX,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAW,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA,EAAA,YAAA,EAAA,YAAA,QAAA,EAAA;EAAA,WAHX,CAAC;GAAE,SAAS;GAAgB,aAAa,iBAAiB,WAAW;EAAC,CAAE;EAAC,UAAA,CAAA,aAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;CAAA,CAAA;;AAGzE,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA;EANvB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAA+B,gBAAgB,CAAC,aAAa;GACvE,UAAU;GACV,WAAW,CAAC;IAAE,SAAS;IAAgB,aAAa,iBAAgB,WAAY;GAAC,CAAE;GACnF,MAAM,EAAE,cAAc,QAAO;EAC9B,CAAA;;;;;;;;;;;;;;;;;;;;;;AAyBD,MAAa,eAAe,CAAC,WAAW"}