@loomui-ng/ui 0.0.0-stage → 0.1.1

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

@@ -0,0 +1,590 @@
+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";
+const drawerOverlayClass = "fixed inset-0 z-50 bg-black/10 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 drawerContentClass = "group/drawer-content fixed z-50 flex h-auto flex-col bg-popover text-sm text-popover-foreground data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:start-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-e-xl data-[vaul-drawer-direction=left]:border-e data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:end-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-s-xl data-[vaul-drawer-direction=right]:border-s data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm";
+const drawerHeaderClass = "flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-start";
+const drawerTitleClass = "text-base font-medium text-foreground";
+const drawerDescriptionClass = "text-sm text-muted-foreground";
+const drawerFooterClass = "mt-auto flex flex-col gap-2 p-4";
+const UI_DRAWER_GENERATED = [];
+var UiDrawer = class UiDrawer extends UiModalRoot {
+	direction = input("bottom", ...ngDevMode ? [{ debugName: "direction" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDrawer,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDrawer,
+		isStandalone: true,
+		selector: "[uiDrawer], ui-drawer",
+		inputs: { direction: {
+			classPropertyName: "direction",
+			publicName: "direction",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		exportAs: ["uiDrawer"],
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDrawer,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDrawer], ui-drawer",
+			hostDirectives: [UiElementHost],
+			exportAs: "uiDrawer"
+		}]
+	}],
+	propDecorators: { direction: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "direction",
+			required: false
+		}]
+	}] }
+});
+var UiDrawerTrigger = class UiDrawerTrigger {
+	root = inject(UiDrawer);
+	constructor() {
+		this.root.trigger.set(inject(ElementRef).nativeElement);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDrawerTrigger,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: UiDrawerTrigger,
+		isStandalone: true,
+		selector: "[uiDrawerTrigger], ui-drawer-trigger",
+		host: {
+			attributes: {
+				"data-slot": "drawer-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: UiDrawerTrigger,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDrawerTrigger], ui-drawer-trigger",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "drawer-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: () => []
+});
+const SLIDE = "duration-300 data-open:animate-in data-closed:animate-out data-[vaul-drawer-direction=bottom]:data-open:slide-in-from-bottom data-[vaul-drawer-direction=bottom]:data-closed:slide-out-to-bottom data-[vaul-drawer-direction=top]:data-open:slide-in-from-top data-[vaul-drawer-direction=top]:data-closed:slide-out-to-top data-[vaul-drawer-direction=left]:data-open:slide-in-from-left data-[vaul-drawer-direction=left]:data-closed:slide-out-to-left data-[vaul-drawer-direction=right]:data-open:slide-in-from-right data-[vaul-drawer-direction=right]:data-closed:slide-out-to-right";
+var UiDrawerContent = class UiDrawerContent extends UiModalContentBase {
+	root = inject(UiDrawer);
+	config = {
+		slot: "drawer",
+		backdropClass: drawerOverlayClass
+	};
+	classes = computed(() => cn(drawerContentClass, SLIDE, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	constructor() {
+		super();
+		this.init();
+		queueMicrotask(() => {
+			const handle = document.createElement("div");
+			handle.setAttribute("data-slot", "drawer-handle");
+			handle.className = "mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block";
+			this.el.prepend(handle);
+		});
+	}
+	onPointerDown(e) {
+		if (e.button !== 0 || e.target.closest("input, textarea, select, button, a, [contenteditable]")) return;
+		const dir = this.root.direction();
+		const axis = dir === "left" || dir === "right" ? "x" : "y";
+		const sign = dir === "bottom" || dir === "right" ? 1 : -1;
+		const size = axis === "x" ? this.el.offsetWidth : this.el.offsetHeight;
+		const start = axis === "x" ? e.clientX : e.clientY;
+		const t0 = performance.now();
+		let delta = 0;
+		this.el.setPointerCapture?.(e.pointerId);
+		const move = (ev) => {
+			delta = Math.max(0, sign * ((axis === "x" ? ev.clientX : ev.clientY) - start));
+			this.el.style.transition = "none";
+			this.el.style.transform = axis === "x" ? `translateX(${sign * delta}px)` : `translateY(${sign * delta}px)`;
+		};
+		const up = () => {
+			this.el.removeEventListener("pointermove", move);
+			this.el.removeEventListener("pointerup", up);
+			this.el.removeEventListener("pointercancel", up);
+			const velocity = delta / Math.max(1, performance.now() - t0);
+			this.el.style.transition = "";
+			if (delta > size * .3 || delta > 20 && velocity > .4) this.root.close();
+			this.el.style.transform = "";
+		};
+		this.el.addEventListener("pointermove", move);
+		this.el.addEventListener("pointerup", up);
+		this.el.addEventListener("pointercancel", up);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDrawerContent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.2",
+		type: UiDrawerContent,
+		isStandalone: true,
+		selector: "[uiDrawerContent], ui-drawer-content",
+		host: {
+			attributes: {
+				"role": "dialog",
+				"data-slot": "drawer-content",
+				"data-vaul-drawer": "",
+				"tabindex": "-1"
+			},
+			listeners: { "pointerdown": "onPointerDown($event)" },
+			properties: {
+				"id": "root.id",
+				"attr.aria-labelledby": "root.titleId",
+				"attr.aria-describedby": "root.descriptionId",
+				"attr.data-state": "root.state()",
+				"attr.data-vaul-drawer-direction": "root.direction()",
+				"attr.class": "classes()"
+			}
+		},
+		usesInheritance: true,
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDrawerContent,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDrawerContent], ui-drawer-content",
+			hostDirectives: [UiElementHost],
+			host: {
+				role: "dialog",
+				"data-slot": "drawer-content",
+				"data-vaul-drawer": "",
+				tabindex: "-1",
+				"[id]": "root.id",
+				"[attr.aria-labelledby]": "root.titleId",
+				"[attr.aria-describedby]": "root.descriptionId",
+				"[attr.data-state]": "root.state()",
+				"[attr.data-vaul-drawer-direction]": "root.direction()",
+				"[attr.class]": "classes()",
+				"(pointerdown)": "onPointerDown($event)"
+			}
+		}]
+	}],
+	ctorParameters: () => []
+});
+var UiDrawerHeader = class UiDrawerHeader {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(drawerHeaderClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDrawerHeader,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDrawerHeader,
+		isStandalone: true,
+		selector: "[uiDrawerHeader], ui-drawer-header",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "drawer-header" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDrawerHeader,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDrawerHeader], ui-drawer-header",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "drawer-header",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiDrawerFooter = class UiDrawerFooter {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(drawerFooterClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDrawerFooter,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDrawerFooter,
+		isStandalone: true,
+		selector: "[uiDrawerFooter], ui-drawer-footer",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "drawer-footer" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDrawerFooter,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDrawerFooter], ui-drawer-footer",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "drawer-footer",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiDrawerTitle = class UiDrawerTitle {
+	root = inject(UiDrawer);
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(drawerTitleClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDrawerTitle,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDrawerTitle,
+		isStandalone: true,
+		selector: "[uiDrawerTitle], ui-drawer-title",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "drawer-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: UiDrawerTitle,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDrawerTitle], ui-drawer-title",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "drawer-title",
+				"[id]": "root.titleId",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiDrawerDescription = class UiDrawerDescription {
+	root = inject(UiDrawer);
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(drawerDescriptionClass, this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDrawerDescription,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDrawerDescription,
+		isStandalone: true,
+		selector: "[uiDrawerDescription], ui-drawer-description",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "drawer-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: UiDrawerDescription,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDrawerDescription], ui-drawer-description",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "drawer-description",
+				"[id]": "root.descriptionId",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiDrawerClose = class UiDrawerClose {
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	root = inject(UiDrawer);
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(buttonVariants({ variant: "outline" }), this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiDrawerClose,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiDrawerClose,
+		isStandalone: true,
+		selector: "button[uiDrawerClose], ui-drawer-close",
+		inputs: {
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			userClass: {
+				classPropertyName: "userClass",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: {
+				"type": "button",
+				"data-slot": "drawer-close",
+				"data-variant": "outline",
+				"data-size": "default"
+			},
+			listeners: { "click": "root.close()" },
+			properties: {
+				"attr.disabled": "disabled() ? \"\" : null",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiDrawerClose,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "button[uiDrawerClose], ui-drawer-close",
+			hostDirectives: [UiElementHost],
+			host: {
+				"[attr.disabled]": "disabled() ? \"\" : null",
+				type: "button",
+				"data-slot": "drawer-close",
+				"data-variant": "outline",
+				"data-size": "default",
+				"[attr.class]": "classes()",
+				"(click)": "root.close()"
+			}
+		}]
+	}],
+	propDecorators: {
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		userClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+const UI_DRAWER = [
+	UiDrawer,
+	UiDrawerTrigger,
+	UiDrawerContent,
+	UiDrawerHeader,
+	UiDrawerFooter,
+	UiDrawerTitle,
+	UiDrawerDescription,
+	UiDrawerClose
+];
+export { UI_DRAWER, UI_DRAWER_GENERATED, UiDrawer, UiDrawerClose, UiDrawerContent, UiDrawerDescription, UiDrawerFooter, UiDrawerHeader, UiDrawerTitle, UiDrawerTrigger, drawerContentClass, drawerDescriptionClass, drawerFooterClass, drawerHeaderClass, drawerOverlayClass, drawerTitleClass };
+
+//# sourceMappingURL=loomui-ng-ui-drawer.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-drawer.mjs","names":[],"sources":["../../../libs/ui/drawer/drawer.ts","../../../libs/ui/drawer/drawer.manual.ts"],"sourcesContent":["// GENERATED by tools/gen-ui.mjs from docs/evidence/slots/drawer.json.\n// Change tools/ui-specs.mjs and regenerate; hand-written parts live in ./drawer.manual.ts.\nimport { Directive, computed, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\n\nexport const drawerOverlayClass =\n  'fixed inset-0 z-50 bg-black/10 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\nexport const drawerContentClass =\n  'group/drawer-content fixed z-50 flex h-auto flex-col bg-popover text-sm text-popover-foreground data-[vaul-drawer-direction=bottom]:inset-x-0 data-[vaul-drawer-direction=bottom]:bottom-0 data-[vaul-drawer-direction=bottom]:mt-24 data-[vaul-drawer-direction=bottom]:max-h-[80vh] data-[vaul-drawer-direction=bottom]:rounded-t-xl data-[vaul-drawer-direction=bottom]:border-t data-[vaul-drawer-direction=left]:inset-y-0 data-[vaul-drawer-direction=left]:start-0 data-[vaul-drawer-direction=left]:w-3/4 data-[vaul-drawer-direction=left]:rounded-e-xl data-[vaul-drawer-direction=left]:border-e data-[vaul-drawer-direction=right]:inset-y-0 data-[vaul-drawer-direction=right]:end-0 data-[vaul-drawer-direction=right]:w-3/4 data-[vaul-drawer-direction=right]:rounded-s-xl data-[vaul-drawer-direction=right]:border-s data-[vaul-drawer-direction=top]:inset-x-0 data-[vaul-drawer-direction=top]:top-0 data-[vaul-drawer-direction=top]:mb-24 data-[vaul-drawer-direction=top]:max-h-[80vh] data-[vaul-drawer-direction=top]:rounded-b-xl data-[vaul-drawer-direction=top]:border-b data-[vaul-drawer-direction=left]:sm:max-w-sm data-[vaul-drawer-direction=right]:sm:max-w-sm';\n\nexport const drawerHeaderClass =\n  'flex flex-col gap-0.5 p-4 group-data-[vaul-drawer-direction=bottom]/drawer-content:text-center group-data-[vaul-drawer-direction=top]/drawer-content:text-center md:gap-0.5 md:text-start';\n\nexport const drawerTitleClass =\n  'text-base font-medium text-foreground';\n\nexport const drawerDescriptionClass =\n  'text-sm text-muted-foreground';\n\nexport const drawerFooterClass =\n  'mt-auto flex flex-col gap-2 p-4';\n\nexport const UI_DRAWER_GENERATED = [] as const;\n","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 {\n  drawerContentClass,\n  drawerDescriptionClass,\n  drawerFooterClass,\n  drawerHeaderClass,\n  drawerOverlayClass,\n  drawerTitleClass,\n} from './drawer';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\ntype Direction = 'top' | 'bottom' | 'left' | 'right';\n\n/**\n * <div uiDrawer direction=\"bottom\" class=\"contents\">\n *   <button uiButton variant=\"outline\" uiDrawerTrigger>Open</button>\n *   <div uiDrawerContent> <div uiDrawerHeader>…</div> <div uiDrawerFooter>…</div> </div>\n * </div>\n * The original wraps `vaul`; observed attributes (data-vaul-*) are reproduced. Drag-to-dismiss is implemented with pointer\n * events (distance > 30% of the drawer or a fast flick closes it); snap points and nested-drawer scaling are not.\n */\n@Directive({ selector: '[uiDrawer], ui-drawer', hostDirectives: [UiElementHost], exportAs: 'uiDrawer' })\nexport class UiDrawer extends UiModalRoot {\n  readonly direction = input<Direction>('bottom');\n}\n\n@Directive({\n  selector: '[uiDrawerTrigger], ui-drawer-trigger', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'drawer-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 UiDrawerTrigger {\n  protected readonly root = inject(UiDrawer);\n  constructor() {\n    this.root.trigger.set(inject<ElementRef<HTMLElement>>(ElementRef).nativeElement);\n  }\n}\n\n// vaul animates with JS transforms; here tw-animate-css slide utilities play the same role (UNKNOWN on the live classes).\nconst SLIDE =\n  'duration-300 data-open:animate-in data-closed:animate-out data-[vaul-drawer-direction=bottom]:data-open:slide-in-from-bottom data-[vaul-drawer-direction=bottom]:data-closed:slide-out-to-bottom data-[vaul-drawer-direction=top]:data-open:slide-in-from-top data-[vaul-drawer-direction=top]:data-closed:slide-out-to-top data-[vaul-drawer-direction=left]:data-open:slide-in-from-left data-[vaul-drawer-direction=left]:data-closed:slide-out-to-left data-[vaul-drawer-direction=right]:data-open:slide-in-from-right data-[vaul-drawer-direction=right]:data-closed:slide-out-to-right';\n\n@Directive({\n  selector: '[uiDrawerContent], ui-drawer-content', hostDirectives: [UiElementHost],\n  host: {\n    role: 'dialog',\n    'data-slot': 'drawer-content',\n    'data-vaul-drawer': '',\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.data-vaul-drawer-direction]': 'root.direction()',\n    '[attr.class]': 'classes()',\n    '(pointerdown)': 'onPointerDown($event)',\n  },\n})\nexport class UiDrawerContent extends UiModalContentBase {\n  protected readonly root = inject(UiDrawer);\n  protected readonly config: ModalContentConfig = { slot: 'drawer', backdropClass: drawerOverlayClass };\n  protected readonly classes = computed(() => cn(drawerContentClass, SLIDE, this.userClass()));\n\n  constructor() {\n    super();\n    this.init();\n    queueMicrotask(() => {\n      // Grab handle (shown for bottom drawers). Classes follow shadcn's published source (not captured).\n      const handle = document.createElement('div');\n      handle.setAttribute('data-slot', 'drawer-handle');\n      handle.className =\n        'mx-auto mt-4 hidden h-2 w-[100px] shrink-0 rounded-full bg-muted group-data-[vaul-drawer-direction=bottom]/drawer-content:block';\n      this.el.prepend(handle);\n    });\n  }\n\n  protected onPointerDown(e: PointerEvent): void {\n    if (e.button !== 0 || (e.target as HTMLElement).closest('input, textarea, select, button, a, [contenteditable]')) return;\n    const dir = this.root.direction();\n    const axis = dir === 'left' || dir === 'right' ? 'x' : 'y';\n    const sign = dir === 'bottom' || dir === 'right' ? 1 : -1;\n    const size = axis === 'x' ? this.el.offsetWidth : this.el.offsetHeight;\n    const start = axis === 'x' ? e.clientX : e.clientY;\n    const t0 = performance.now();\n    let delta = 0;\n    this.el.setPointerCapture?.(e.pointerId);\n    const move = (ev: PointerEvent) => {\n      delta = Math.max(0, sign * ((axis === 'x' ? ev.clientX : ev.clientY) - start));\n      this.el.style.transition = 'none';\n      this.el.style.transform = axis === 'x' ? `translateX(${sign * delta}px)` : `translateY(${sign * delta}px)`;\n    };\n    const up = () => {\n      this.el.removeEventListener('pointermove', move);\n      this.el.removeEventListener('pointerup', up);\n      this.el.removeEventListener('pointercancel', up);\n      const velocity = delta / Math.max(1, performance.now() - t0);\n      this.el.style.transition = '';\n      if (delta > size * 0.3 || (delta > 20 && velocity > 0.4)) this.root.close();\n      this.el.style.transform = '';\n    };\n    this.el.addEventListener('pointermove', move);\n    this.el.addEventListener('pointerup', up);\n    this.el.addEventListener('pointercancel', up);\n  }\n}\n\n@Directive({\n  selector: '[uiDrawerHeader], ui-drawer-header', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'drawer-header', '[attr.class]': 'classes()' },\n})\nexport class UiDrawerHeader {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(drawerHeaderClass, this.userClass()));\n}\n\n@Directive({\n  selector: '[uiDrawerFooter], ui-drawer-footer', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'drawer-footer', '[attr.class]': 'classes()' },\n})\nexport class UiDrawerFooter {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(drawerFooterClass, this.userClass()));\n}\n\n@Directive({\n  selector: '[uiDrawerTitle], ui-drawer-title', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'drawer-title', '[id]': 'root.titleId', '[attr.class]': 'classes()' },\n})\nexport class UiDrawerTitle {\n  protected readonly root = inject(UiDrawer);\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(drawerTitleClass, this.userClass()));\n}\n\n@Directive({\n  selector: '[uiDrawerDescription], ui-drawer-description', hostDirectives: [UiElementHost],\n  host: { 'data-slot': 'drawer-description', '[id]': 'root.descriptionId', '[attr.class]': 'classes()' },\n})\nexport class UiDrawerDescription {\n  protected readonly root = inject(UiDrawer);\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(drawerDescriptionClass, this.userClass()));\n}\n\n/** Observed: outline Button. */\n@Directive({\n  selector: 'button[uiDrawerClose], ui-drawer-close', hostDirectives: [UiElementHost],\n  host: { '[attr.disabled]': 'disabled() ? \"\" : null',\n    type: 'button',\n    'data-slot': 'drawer-close',\n    'data-variant': 'outline',\n    'data-size': 'default',\n    '[attr.class]': 'classes()',\n    '(click)': 'root.close()',\n  },\n})\nexport class UiDrawerClose {\n  /** Reflected as the `disabled` attribute so it also works on the custom element. */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  protected readonly root = inject(UiDrawer);\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(buttonVariants({ variant: 'outline' }), this.userClass()));\n}\n\nexport const UI_DRAWER = [\n  UiDrawer,\n  UiDrawerTrigger,\n  UiDrawerContent,\n  UiDrawerHeader,\n  UiDrawerFooter,\n  UiDrawerTitle,\n  UiDrawerDescription,\n  UiDrawerClose,\n] as const;\n"],"mappings":"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"}