@area8975/ui 0.2.2-dev.49 → 0.2.2-dev.50

package/fesm2022/area8975-ui-dropdown-menu.mjs

@@ -0,0 +1,96 @@
+import * as i0 from "@angular/core";
+import { Component, input } from "@angular/core";
+import { UiButtonComponent } from "@area8975/ui/button";
+import { UiCardComponent } from "@area8975/ui/card";
+import { NgIcon } from "@ng-icons/core";
+var UiDropdownMenuComponent = class UiDropdownMenuComponent {
+	items = input.required(...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: UiDropdownMenuComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: UiDropdownMenuComponent,
+		isStandalone: true,
+		selector: "ui-dropdown-menu",
+		inputs: { items: {
+			classPropertyName: "items",
+			publicName: "items",
+			isSignal: true,
+			isRequired: true,
+			transformFunction: null
+		} },
+		ngImport: i0,
+		template: "<ui-card radius=\"lg\" class=\"divide-y w-3xs max-w-md\" role=\"menu\">\n    @for (item of items(); track $index) {\n        @if ('divider' in item) {\n            <div class=\"my-1 border-border border-t\"></div>\n        } @else if ('children' in item) {\n            <div class=\"flex flex-col gap-y-0.5 p-1\">\n                <span\n                    class=\"block px-4 pt-2 pb-1 font-medium text-muted-foreground ui-text-caption uppercase\"\n                >\n                    {{ item.label }}\n                </span>\n\n                @for (child of item.children; track child.label) {\n                    <ui-button\n                        appearance=\"none\"\n                        classes=\"flex items-center gap-x-3.5 px-3 py-2 rounded-lg ui-text-body-alt text-dropdown-item-foreground hover:bg-dropdown-item-hover focus:bg-dropdown-item-focus w-full border-transparent focus:outline-hidden!\"\n                        (click)=\"child.onClick()\"\n                    >\n                        @if (child.icon) {\n                            <ng-icon\n                                [name]=\"child.icon\"\n                                size=\"18\"\n                                strokeWidth=\"1.5\"\n                                class=\"size-4 shrink-0\"\n                            />\n                        }\n\n                        {{ child.label }}\n                    </ui-button>\n                }\n            </div>\n        } @else {\n            <div class=\"p-1\">\n                <ui-button\n                    appearance=\"none\"\n                    classes=\"flex items-center gap-x-3.5 px-3 py-2 rounded-lg ui-text-body-alt text-dropdown-item-foreground hover:bg-dropdown-item-hover focus:bg-dropdown-item-focus w-full border-transparent focus:outline-hidden!\"\n                    (click)=\"item.onClick()\"\n                >\n                    @if (item.icon) {\n                        <ng-icon\n                            [name]=\"item.icon\"\n                            size=\"18\"\n                            strokeWidth=\"2\"\n                            class=\"size-4 shrink-0\"\n                        />\n                    }\n\n                    {{ item.label }}\n                </ui-button>\n            </div>\n        }\n    }\n</ui-card>\n",
+		dependencies: [
+			{
+				kind: "component",
+				type: UiButtonComponent,
+				selector: "ui-button",
+				inputs: [
+					"appearance",
+					"intent",
+					"size",
+					"classes",
+					"type",
+					"ariaLabel",
+					"disabled",
+					"loading"
+				]
+			},
+			{
+				kind: "component",
+				type: UiCardComponent,
+				selector: "ui-card",
+				inputs: ["radius"]
+			},
+			{
+				kind: "component",
+				type: NgIcon,
+				selector: "ng-icon",
+				inputs: [
+					"name",
+					"svg",
+					"size",
+					"strokeWidth",
+					"color"
+				]
+			}
+		]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: UiDropdownMenuComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-dropdown-menu",
+			imports: [
+				UiButtonComponent,
+				UiCardComponent,
+				NgIcon
+			],
+			template: "<ui-card radius=\"lg\" class=\"divide-y w-3xs max-w-md\" role=\"menu\">\n    @for (item of items(); track $index) {\n        @if ('divider' in item) {\n            <div class=\"my-1 border-border border-t\"></div>\n        } @else if ('children' in item) {\n            <div class=\"flex flex-col gap-y-0.5 p-1\">\n                <span\n                    class=\"block px-4 pt-2 pb-1 font-medium text-muted-foreground ui-text-caption uppercase\"\n                >\n                    {{ item.label }}\n                </span>\n\n                @for (child of item.children; track child.label) {\n                    <ui-button\n                        appearance=\"none\"\n                        classes=\"flex items-center gap-x-3.5 px-3 py-2 rounded-lg ui-text-body-alt text-dropdown-item-foreground hover:bg-dropdown-item-hover focus:bg-dropdown-item-focus w-full border-transparent focus:outline-hidden!\"\n                        (click)=\"child.onClick()\"\n                    >\n                        @if (child.icon) {\n                            <ng-icon\n                                [name]=\"child.icon\"\n                                size=\"18\"\n                                strokeWidth=\"1.5\"\n                                class=\"size-4 shrink-0\"\n                            />\n                        }\n\n                        {{ child.label }}\n                    </ui-button>\n                }\n            </div>\n        } @else {\n            <div class=\"p-1\">\n                <ui-button\n                    appearance=\"none\"\n                    classes=\"flex items-center gap-x-3.5 px-3 py-2 rounded-lg ui-text-body-alt text-dropdown-item-foreground hover:bg-dropdown-item-hover focus:bg-dropdown-item-focus w-full border-transparent focus:outline-hidden!\"\n                    (click)=\"item.onClick()\"\n                >\n                    @if (item.icon) {\n                        <ng-icon\n                            [name]=\"item.icon\"\n                            size=\"18\"\n                            strokeWidth=\"2\"\n                            class=\"size-4 shrink-0\"\n                        />\n                    }\n\n                    {{ item.label }}\n                </ui-button>\n            </div>\n        }\n    }\n</ui-card>\n"
+		}]
+	}],
+	propDecorators: { items: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "items",
+			required: true
+		}]
+	}] }
+});
+export { UiDropdownMenuComponent };
+
+//# sourceMappingURL=area8975-ui-dropdown-menu.mjs.map

package/fesm2022/area8975-ui-dropdown-menu.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area8975-ui-dropdown-menu.mjs","names":[],"sources":["../../../projects/ui/dropdown-menu/dropdown-menu.component.ts","../../../projects/ui/dropdown-menu/dropdown-menu.component.html"],"sourcesContent":["import { Component, input } from '@angular/core';\n\nimport { UiButtonComponent } from '@area8975/ui/button';\nimport { UiCardComponent } from '@area8975/ui/card';\nimport { NgIcon } from '@ng-icons/core';\n\nimport { DropdownMenuItem } from './dropdown-menu.types';\n\n\n@Component({\n    selector: 'ui-dropdown-menu',\n    templateUrl: './dropdown-menu.component.html',\n    imports: [UiButtonComponent, UiCardComponent, NgIcon]\n})\nexport class UiDropdownMenuComponent {\n    readonly items = input.required<DropdownMenuItem[]>();\n}\n","<ui-card radius=\"lg\" class=\"divide-y w-3xs max-w-md\" role=\"menu\">\n    @for (item of items(); track $index) {\n        @if ('divider' in item) {\n            <div class=\"my-1 border-border border-t\"></div>\n        } @else if ('children' in item) {\n            <div class=\"flex flex-col gap-y-0.5 p-1\">\n                <span\n                    class=\"block px-4 pt-2 pb-1 font-medium text-muted-foreground ui-text-caption uppercase\"\n                >\n                    {{ item.label }}\n                </span>\n\n                @for (child of item.children; track child.label) {\n                    <ui-button\n                        appearance=\"none\"\n                        classes=\"flex items-center gap-x-3.5 px-3 py-2 rounded-lg ui-text-body-alt text-dropdown-item-foreground hover:bg-dropdown-item-hover focus:bg-dropdown-item-focus w-full border-transparent focus:outline-hidden!\"\n                        (click)=\"child.onClick()\"\n                    >\n                        @if (child.icon) {\n                            <ng-icon\n                                [name]=\"child.icon\"\n                                size=\"18\"\n                                strokeWidth=\"1.5\"\n                                class=\"size-4 shrink-0\"\n                            />\n                        }\n\n                        {{ child.label }}\n                    </ui-button>\n                }\n            </div>\n        } @else {\n            <div class=\"p-1\">\n                <ui-button\n                    appearance=\"none\"\n                    classes=\"flex items-center gap-x-3.5 px-3 py-2 rounded-lg ui-text-body-alt text-dropdown-item-foreground hover:bg-dropdown-item-hover focus:bg-dropdown-item-focus w-full border-transparent focus:outline-hidden!\"\n                    (click)=\"item.onClick()\"\n                >\n                    @if (item.icon) {\n                        <ng-icon\n                            [name]=\"item.icon\"\n                            size=\"18\"\n                            strokeWidth=\"2\"\n                            class=\"size-4 shrink-0\"\n                        />\n                    }\n\n                    {{ item.label }}\n                </ui-button>\n            </div>\n        }\n    }\n</ui-card>\n"],"mappings":";;;;;AAcA,IAAa,0BAAb,MAAa,wBAAuB;CACvB,QAAQ,MAAM,SAA8B,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAD5C,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAuB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAvB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAuB,cAAA;EAAA,UAAA;EAAA,QAAA,EAAA,OAAA;GAAA,mBAAA;GAAA,YAAA;GAAA,UAAA;GAAA,YAAA;GAAA,mBAAA;EAAA,EAAA;EAAA,UAAA;EAAA,UCdpC;EAqDA,cAAA;GAAA;IAAA,MAAA;IAAA,MDzCc;IAAiB,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAe,UAAA;IAAA,QAAA,CAAA,QAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAAE;IAAM,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;EAAA;CAAA,CAAA;;AAE3C,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAuB,YAAA,CAAA;EALnC,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAkB,SAEnB;IAAC;IAAmB;IAAiB;GAAM;GAAC,UAAA;EAAA,CAAA"}

package/fesm2022/area8975-ui-dropdown.mjs

@@ -0,0 +1,208 @@
+import * as i0 from "@angular/core";
+import { Component, Directive, ElementRef, contentChild, inject, input } from "@angular/core";
+import { UiOverlayComponent } from "@area8975/ui/overlay";
+var UiDropdownDirective = class UiDropdownDirective {
+	element = inject(ElementRef);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: UiDropdownDirective,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "14.0.0",
+		version: "22.2.1",
+		type: UiDropdownDirective,
+		isStandalone: true,
+		selector: "[uiDropdownContent]",
+		host: { styleAttribute: "position: fixed; z-index: 50;" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: UiDropdownDirective,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiDropdownContent]",
+			host: { style: "position: fixed; z-index: 50;" }
+		}]
+	}]
+});
+var UiDropdownComponent = class UiDropdownComponent {
+	anchor = inject(ElementRef);
+	content = contentChild(UiDropdownDirective, ...ngDevMode ? [{ debugName: "content" }] : /* istanbul ignore next */ []);
+	isOpen = input.required(...ngDevMode ? [{ debugName: "isOpen" }] : /* istanbul ignore next */ []);
+	placement = input("bottom-start", ...ngDevMode ? [{ debugName: "placement" }] : /* istanbul ignore next */ []);
+	closeBehaviour = input("whenClickAnywhere", ...ngDevMode ? [{ debugName: "closeBehaviour" }] : /* istanbul ignore next */ []);
+	offset = input(0, ...ngDevMode ? [{ debugName: "offset" }] : /* istanbul ignore next */ []);
+	viewportPadding = input(0, ...ngDevMode ? [{ debugName: "viewportPadding" }] : /* istanbul ignore next */ []);
+	matchWidth = input(null, ...ngDevMode ? [{ debugName: "matchWidth" }] : /* istanbul ignore next */ []);
+	toggle = () => this.isOpen().update((value) => !value);
+	close = () => this.isOpen().set(false);
+	open = () => this.isOpen().set(true);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: UiDropdownComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.1",
+		type: UiDropdownComponent,
+		isStandalone: true,
+		selector: "ui-dropdown",
+		inputs: {
+			isOpen: {
+				classPropertyName: "isOpen",
+				publicName: "isOpen",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			placement: {
+				classPropertyName: "placement",
+				publicName: "placement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			closeBehaviour: {
+				classPropertyName: "closeBehaviour",
+				publicName: "closeBehaviour",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			offset: {
+				classPropertyName: "offset",
+				publicName: "offset",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			viewportPadding: {
+				classPropertyName: "viewportPadding",
+				publicName: "viewportPadding",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			matchWidth: {
+				classPropertyName: "matchWidth",
+				publicName: "matchWidth",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "inline-flex size-fit" },
+		queries: [{
+			propertyName: "content",
+			first: true,
+			predicate: UiDropdownDirective,
+			descendants: true,
+			isSignal: true
+		}],
+		exportAs: ["uiDropdown"],
+		ngImport: i0,
+		template: "<ui-overlay\n    [isOpen]=\"isOpen()\"\n    [closeBehaviour]=\"closeBehaviour()\"\n    [content]=\"content()?.element\"\n    [anchor]=\"anchor\"\n    [placement]=\"placement()\"\n    [offset]=\"offset()\"\n    [viewportPadding]=\"viewportPadding()\"\n    [matchWidth]=\"matchWidth()\"\n>\n    <ng-content />\n</ui-overlay>",
+		dependencies: [{
+			kind: "component",
+			type: UiOverlayComponent,
+			selector: "ui-overlay",
+			inputs: [
+				"content",
+				"anchor",
+				"closeBehaviour",
+				"isOpen",
+				"placement",
+				"offset",
+				"viewportPadding",
+				"matchWidth"
+			],
+			exportAs: ["uiOverlay"]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.1",
+	ngImport: i0,
+	type: UiDropdownComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-dropdown",
+			exportAs: "uiDropdown",
+			imports: [UiOverlayComponent],
+			host: { class: "inline-flex size-fit" },
+			template: "<ui-overlay\n    [isOpen]=\"isOpen()\"\n    [closeBehaviour]=\"closeBehaviour()\"\n    [content]=\"content()?.element\"\n    [anchor]=\"anchor\"\n    [placement]=\"placement()\"\n    [offset]=\"offset()\"\n    [viewportPadding]=\"viewportPadding()\"\n    [matchWidth]=\"matchWidth()\"\n>\n    <ng-content />\n</ui-overlay>"
+		}]
+	}],
+	propDecorators: {
+		content: [{
+			type: i0.ContentChild,
+			args: [i0.forwardRef(() => UiDropdownDirective), { isSignal: true }]
+		}],
+		isOpen: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "isOpen",
+				required: true
+			}]
+		}],
+		placement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placement",
+				required: false
+			}]
+		}],
+		closeBehaviour: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "closeBehaviour",
+				required: false
+			}]
+		}],
+		offset: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "offset",
+				required: false
+			}]
+		}],
+		viewportPadding: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "viewportPadding",
+				required: false
+			}]
+		}],
+		matchWidth: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "matchWidth",
+				required: false
+			}]
+		}]
+	}
+});
+export { UiDropdownComponent, UiDropdownDirective };
+
+//# sourceMappingURL=area8975-ui-dropdown.mjs.map

package/fesm2022/area8975-ui-dropdown.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"area8975-ui-dropdown.mjs","names":[],"sources":["../../../projects/ui/dropdown/dropdown.directives.ts","../../../projects/ui/dropdown/dropdown.component.ts","../../../projects/ui/dropdown/dropdown.component.html"],"sourcesContent":["import { Directive, ElementRef, inject } from \"@angular/core\";\n\n\n@Directive({\n    selector: '[uiDropdownContent]',\n    host: { style: \"position: fixed; z-index: 50;\" }\n})\nexport class UiDropdownDirective {\n    readonly element = inject(ElementRef<HTMLElement>);\n}\n","import {\n    Component,\n    contentChild,\n    ElementRef,\n    inject,\n    input,\n    WritableSignal\n} from '@angular/core';\n\nimport { UiOverlayComponent } from '@area8975/ui/overlay';\nimport {\n    UiOverlayCloseBehaviour,\n    UiOverlayMatchWidth\n} from '@area8975/ui/overlay';\nimport { Placement } from '@floating-ui/dom';\n\nimport { UiDropdownDirective } from './dropdown.directives';\n\n\n@Component({\n    selector: 'ui-dropdown',\n    exportAs: 'uiDropdown',\n    templateUrl: './dropdown.component.html',\n    imports: [UiOverlayComponent],\n    host: { class: 'inline-flex size-fit' }\n})\nexport class UiDropdownComponent {\n    protected readonly anchor = inject(ElementRef<HTMLElement>);\n    readonly content = contentChild(UiDropdownDirective);\n    readonly isOpen = input.required<WritableSignal<boolean>>();\n    readonly placement = input<Placement>('bottom-start');\n    readonly closeBehaviour = input<UiOverlayCloseBehaviour>(\n        'whenClickAnywhere'\n    );\n\n    readonly offset = input<number>(0);\n    readonly viewportPadding = input<number>(0);\n\n    /** Gives the floating content a min-width matching the dropdown's own width. */\n    readonly matchWidth = input<UiOverlayMatchWidth | null>(null);\n\n    readonly toggle = () => this.isOpen().update(value => !value);\n    readonly close = () => this.isOpen().set(false);\n    readonly open = () => this.isOpen().set(true);\n}\n","<ui-overlay\n    [isOpen]=\"isOpen()\"\n    [closeBehaviour]=\"closeBehaviour()\"\n    [content]=\"content()?.element\"\n    [anchor]=\"anchor\"\n    [placement]=\"placement()\"\n    [offset]=\"offset()\"\n    [viewportPadding]=\"viewportPadding()\"\n    [matchWidth]=\"matchWidth()\"\n>\n    <ng-content />\n</ui-overlay>"],"mappings":"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"}