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

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

@@ -0,0 +1,186 @@
+import { NgTemplateOutlet } from "@angular/common";
+import * as i0 from "@angular/core";
+import { Component, computed, inject, input } from "@angular/core";
+import { UiAvatarComponent } from "@area8975/ui/avatar";
+import { UiCardComponent } from "@area8975/ui/card";
+import { UiDropdownComponent } from "@area8975/ui/dropdown";
+import { NgIcon } from "@ng-icons/core";
+var UiUserMenuComponent = class UiUserMenuComponent {
+	dropdown = inject(UiDropdownComponent, { optional: true });
+	name = input.required(...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+	detail = input("", ...ngDevMode ? [{ debugName: "detail" }] : /* istanbul ignore next */ []);
+	src = input(null, ...ngDevMode ? [{ debugName: "src" }] : /* istanbul ignore next */ []);
+	items = input([], ...ngDevMode ? [{ debugName: "items" }] : /* istanbul ignore next */ []);
+	menuItems = computed(() => this.items().map((item) => {
+		if ("divider" in item) return item;
+		if ("children" in item) return {
+			...item,
+			children: item.children.map((child) => this.closing(child))
+		};
+		return this.closing(item);
+	}), ...ngDevMode ? [{ debugName: "menuItems" }] : /* istanbul ignore next */ []);
+	isDivider(item) {
+		return "divider" in item;
+	}
+	group(item) {
+		return "children" in item ? item : null;
+	}
+	button(item) {
+		return "onClick" in item ? item : null;
+	}
+	closing(item) {
+		return {
+			...item,
+			onClick: () => {
+				this.dropdown?.close();
+				item.onClick();
+			}
+		};
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.1",
+		ngImport: i0,
+		type: UiUserMenuComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.1",
+		type: UiUserMenuComponent,
+		isStandalone: true,
+		selector: "ui-user-menu",
+		inputs: {
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			detail: {
+				classPropertyName: "detail",
+				publicName: "detail",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			src: {
+				classPropertyName: "src",
+				publicName: "src",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			items: {
+				classPropertyName: "items",
+				publicName: "items",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		ngImport: i0,
+		template: "<ui-card radius=\"xl\" class=\"ui-user-menu\">\n    <div class=\"ui-user-menu-person\">\n        <ui-avatar [name]=\"name()\" [src]=\"src()\" size=\"lg\" />\n\n        <div class=\"ui-user-menu-text\">\n            <span class=\"ui-text-body ui-user-menu-name\">{{ name() }}</span>\n            @if (detail()) {\n                <span class=\"ui-text-body-alt ui-user-menu-detail\">{{\n                        detail()\n                    }}</span>\n            }\n        </div>\n    </div>\n\n    <ng-content />\n\n    @if (menuItems().length) {\n        <div class=\"ui-user-menu-items\">\n            @for (item of menuItems(); track $index) {\n                @if (isDivider(item)) {\n                    <div class=\"ui-user-menu-divider\" role=\"separator\"></div>\n                } @else if (group(item); as category) {\n                    <span\n                        class=\"ui-user-menu-group ui-text-caption ui-user-menu-heading\"\n                    >{{ category.label }}</span>\n                    @for (child of category.children; track child.label) {\n                        <ng-container\n                            *ngTemplateOutlet=\"entryTemplate; context: { $implicit: child }\"\n                        />\n                    }\n                } @else if (button(item); as entry) {\n                    <ng-container\n                        *ngTemplateOutlet=\"entryTemplate; context: { $implicit: entry }\"\n                    />\n                }\n            }\n        </div>\n    }\n</ui-card>\n\n<ng-template #entryTemplate let-entry>\n    <button\n        type=\"button\"\n        class=\"ui-text-body-alt ui-user-menu-item\"\n        (click)=\"entry.onClick()\"\n    >\n        @if (entry.icon) {\n            <ng-icon\n                [name]=\"entry.icon\"\n                size=\"18\"\n                strokeWidth=\"1.75\"\n                class=\"shrink-0\"\n            />\n        }\n        {{ entry.label }}\n    </button>\n</ng-template>\n",
+		styles: ["@layer properties;.ui-user-menu{display:block;width:calc(var(--spacing, .25rem) * 72);overflow:hidden;--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-user-menu-person{display:flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 3);padding:calc(var(--spacing, .25rem) * 4)}.ui-user-menu-text{display:flex;min-width:0px;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * .5)}.ui-user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-user-menu-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground-1)}::ng-deep .ui-user-menu-section{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line);padding-inline:calc(var(--spacing, .25rem) * 4);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 4)}::ng-deep .ui-user-menu-heading{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--muted-foreground-1)}.ui-user-menu-items{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * .5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line);padding:calc(var(--spacing, .25rem) * 2)}.ui-user-menu-group{padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:var(--spacing, .25rem)}.ui-user-menu-item{display:flex;height:calc(var(--spacing, .25rem) * 10);cursor:pointer;align-items:center;column-gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:start;color:var(--dropdown-item-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-user-menu-item:hover{background-color:var(--dropdown-item-hover)}.ui-user-menu-item:focus-visible{background-color:var(--dropdown-item-focus)}.ui-user-menu-item:focus-visible{--tw-outline-style: none;outline-style:none}.ui-user-menu-divider{margin-inline:var(--spacing, .25rem);margin-block:calc(var(--spacing, .25rem) * 1.5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line)}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-border-style: solid;--tw-duration: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"],
+		dependencies: [
+			{
+				kind: "directive",
+				type: NgTemplateOutlet,
+				selector: "[ngTemplateOutlet]",
+				inputs: [
+					"ngTemplateOutletContext",
+					"ngTemplateOutlet",
+					"ngTemplateOutletInjector"
+				]
+			},
+			{
+				kind: "component",
+				type: UiCardComponent,
+				selector: "ui-card",
+				inputs: ["radius"]
+			},
+			{
+				kind: "component",
+				type: UiAvatarComponent,
+				selector: "ui-avatar",
+				inputs: [
+					"name",
+					"src",
+					"size",
+					"colour"
+				]
+			},
+			{
+				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: UiUserMenuComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ui-user-menu",
+			imports: [
+				NgTemplateOutlet,
+				UiCardComponent,
+				UiAvatarComponent,
+				NgIcon
+			],
+			template: "<ui-card radius=\"xl\" class=\"ui-user-menu\">\n    <div class=\"ui-user-menu-person\">\n        <ui-avatar [name]=\"name()\" [src]=\"src()\" size=\"lg\" />\n\n        <div class=\"ui-user-menu-text\">\n            <span class=\"ui-text-body ui-user-menu-name\">{{ name() }}</span>\n            @if (detail()) {\n                <span class=\"ui-text-body-alt ui-user-menu-detail\">{{\n                        detail()\n                    }}</span>\n            }\n        </div>\n    </div>\n\n    <ng-content />\n\n    @if (menuItems().length) {\n        <div class=\"ui-user-menu-items\">\n            @for (item of menuItems(); track $index) {\n                @if (isDivider(item)) {\n                    <div class=\"ui-user-menu-divider\" role=\"separator\"></div>\n                } @else if (group(item); as category) {\n                    <span\n                        class=\"ui-user-menu-group ui-text-caption ui-user-menu-heading\"\n                    >{{ category.label }}</span>\n                    @for (child of category.children; track child.label) {\n                        <ng-container\n                            *ngTemplateOutlet=\"entryTemplate; context: { $implicit: child }\"\n                        />\n                    }\n                } @else if (button(item); as entry) {\n                    <ng-container\n                        *ngTemplateOutlet=\"entryTemplate; context: { $implicit: entry }\"\n                    />\n                }\n            }\n        </div>\n    }\n</ui-card>\n\n<ng-template #entryTemplate let-entry>\n    <button\n        type=\"button\"\n        class=\"ui-text-body-alt ui-user-menu-item\"\n        (click)=\"entry.onClick()\"\n    >\n        @if (entry.icon) {\n            <ng-icon\n                [name]=\"entry.icon\"\n                size=\"18\"\n                strokeWidth=\"1.75\"\n                class=\"shrink-0\"\n            />\n        }\n        {{ entry.label }}\n    </button>\n</ng-template>\n",
+			styles: ["@layer properties;.ui-user-menu{display:block;width:calc(var(--spacing, .25rem) * 72);overflow:hidden;--tw-shadow: 0 10px 15px -3px var(--tw-shadow-color, rgb(0 0 0 / .1)), 0 4px 6px -4px var(--tw-shadow-color, rgb(0 0 0 / .1));box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ui-user-menu-person{display:flex;align-items:center;column-gap:calc(var(--spacing, .25rem) * 3);padding:calc(var(--spacing, .25rem) * 4)}.ui-user-menu-text{display:flex;min-width:0px;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * .5)}.ui-user-menu-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--foreground)}.ui-user-menu-detail{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--muted-foreground-1)}::ng-deep .ui-user-menu-section{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * 2);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line);padding-inline:calc(var(--spacing, .25rem) * 4);padding-top:calc(var(--spacing, .25rem) * 3);padding-bottom:calc(var(--spacing, .25rem) * 4)}::ng-deep .ui-user-menu-heading{--tw-font-weight: var(--font-weight-medium, 500);font-weight:var(--font-weight-medium, 500);color:var(--muted-foreground-1)}.ui-user-menu-items{display:flex;flex-direction:column;row-gap:calc(var(--spacing, .25rem) * .5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line);padding:calc(var(--spacing, .25rem) * 2)}.ui-user-menu-group{padding-inline:calc(var(--spacing, .25rem) * 3);padding-top:calc(var(--spacing, .25rem) * 2);padding-bottom:var(--spacing, .25rem)}.ui-user-menu-item{display:flex;height:calc(var(--spacing, .25rem) * 10);cursor:pointer;align-items:center;column-gap:calc(var(--spacing, .25rem) * 3);border-radius:var(--radius-lg, .5rem);padding-inline:calc(var(--spacing, .25rem) * 3);text-align:start;color:var(--dropdown-item-foreground);transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease, var(--default-transition-timing-function, cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration, var(--default-transition-duration, .15s));--tw-duration: .15s;transition-duration:.15s}.ui-user-menu-item:hover{background-color:var(--dropdown-item-hover)}.ui-user-menu-item:focus-visible{background-color:var(--dropdown-item-focus)}.ui-user-menu-item:focus-visible{--tw-outline-style: none;outline-style:none}.ui-user-menu-divider{margin-inline:var(--spacing, .25rem);margin-block:calc(var(--spacing, .25rem) * 1.5);border-top-style:var(--tw-border-style);border-top-width:1px;border-color:var(--card-line)}@property --tw-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-inset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-shadow-color{syntax: \"*\"; inherits: false;}@property --tw-inset-shadow-alpha{syntax: \"<percentage>\"; inherits: false; initial-value: 100%;}@property --tw-ring-color{syntax: \"*\"; inherits: false;}@property --tw-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-inset-ring-color{syntax: \"*\"; inherits: false;}@property --tw-inset-ring-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-ring-inset{syntax: \"*\"; inherits: false;}@property --tw-ring-offset-width{syntax: \"<length>\"; inherits: false; initial-value: 0px;}@property --tw-ring-offset-color{syntax: \"*\"; inherits: false; initial-value: #fff;}@property --tw-ring-offset-shadow{syntax: \"*\"; inherits: false; initial-value: 0 0 #0000;}@property --tw-font-weight{syntax: \"*\"; inherits: false;}@property --tw-border-style{syntax: \"*\"; inherits: false; initial-value: solid;}@property --tw-duration{syntax: \"*\"; inherits: false;}@layer properties{@supports ((-webkit-hyphens: none) and (not (margin-trim: inline))) or ((-moz-orient: inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-shadow: 0 0 #0000;--tw-shadow-color: initial;--tw-shadow-alpha: 100%;--tw-inset-shadow: 0 0 #0000;--tw-inset-shadow-color: initial;--tw-inset-shadow-alpha: 100%;--tw-ring-color: initial;--tw-ring-shadow: 0 0 #0000;--tw-inset-ring-color: initial;--tw-inset-ring-shadow: 0 0 #0000;--tw-ring-inset: initial;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-offset-shadow: 0 0 #0000;--tw-font-weight: initial;--tw-border-style: solid;--tw-duration: initial}}}\n/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */\n"]
+		}]
+	}],
+	propDecorators: {
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: true
+			}]
+		}],
+		detail: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "detail",
+				required: false
+			}]
+		}],
+		src: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "src",
+				required: false
+			}]
+		}],
+		items: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "items",
+				required: false
+			}]
+		}]
+	}
+});
+export { UiUserMenuComponent };
+
+//# sourceMappingURL=area8975-ui-user-menu.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"area8975-ui-user-menu.mjs","names":[],"sources":["../../../projects/ui/user-menu/user-menu.component.ts","../../../projects/ui/user-menu/user-menu.component.html"],"sourcesContent":["import { NgTemplateOutlet } from '@angular/common';\nimport { Component, computed, inject, input } from '@angular/core';\n\nimport { UiAvatarComponent } from '@area8975/ui/avatar';\nimport { UiCardComponent } from '@area8975/ui/card';\nimport { UiDropdownComponent } from '@area8975/ui/dropdown';\nimport type {\n    DropdownMenuButton,\n    DropdownMenuCategory,\n    DropdownMenuItem\n} from '@area8975/ui/dropdown-menu';\nimport { NgIcon } from '@ng-icons/core';\n\n\n/** Give the dropdown it sits in `closeBehaviour=\"whenClickOutside\"`. */\n@Component({\n    selector: 'ui-user-menu',\n    templateUrl: './user-menu.component.html',\n    styleUrl: './user-menu.component.css',\n    imports: [\n        NgTemplateOutlet,\n        UiCardComponent,\n        UiAvatarComponent,\n        NgIcon\n    ]\n})\nexport class UiUserMenuComponent {\n    private readonly dropdown = inject(UiDropdownComponent, { optional: true });\n\n    readonly name = input.required<string>();\n\n    /** A second line under the name, e.g. an email address. */\n    readonly detail = input<string>('');\n    readonly src = input<string | null>(null);\n\n    readonly items = input<DropdownMenuItem[]>([]);\n\n    protected readonly menuItems = computed<DropdownMenuItem[]>(() =>\n        this.items().map(item => {\n            if ('divider' in item) {\n                return item;\n            }\n\n            if ('children' in item) {\n                return {\n                    ...item,\n                    children: item.children.map(child => this.closing(child))\n                };\n            }\n\n            return this.closing(item);\n        })\n    );\n\n    protected isDivider(item: DropdownMenuItem): boolean {\n        return 'divider' in item;\n    }\n\n    protected group(item: DropdownMenuItem): DropdownMenuCategory | null {\n        return 'children' in item ? item : null;\n    }\n\n    protected button(item: DropdownMenuItem): DropdownMenuButton | null {\n        return 'onClick' in item ? item : null;\n    }\n\n    private closing(item: DropdownMenuButton): DropdownMenuButton {\n        return {\n            ...item,\n            onClick: () => {\n                this.dropdown?.close();\n                item.onClick();\n            }\n        };\n    }\n}\n","<ui-card radius=\"xl\" class=\"ui-user-menu\">\n    <div class=\"ui-user-menu-person\">\n        <ui-avatar [name]=\"name()\" [src]=\"src()\" size=\"lg\" />\n\n        <div class=\"ui-user-menu-text\">\n            <span class=\"ui-text-body ui-user-menu-name\">{{ name() }}</span>\n            @if (detail()) {\n                <span class=\"ui-text-body-alt ui-user-menu-detail\">{{\n                        detail()\n                    }}</span>\n            }\n        </div>\n    </div>\n\n    <ng-content />\n\n    @if (menuItems().length) {\n        <div class=\"ui-user-menu-items\">\n            @for (item of menuItems(); track $index) {\n                @if (isDivider(item)) {\n                    <div class=\"ui-user-menu-divider\" role=\"separator\"></div>\n                } @else if (group(item); as category) {\n                    <span\n                        class=\"ui-user-menu-group ui-text-caption ui-user-menu-heading\"\n                    >{{ category.label }}</span>\n                    @for (child of category.children; track child.label) {\n                        <ng-container\n                            *ngTemplateOutlet=\"entryTemplate; context: { $implicit: child }\"\n                        />\n                    }\n                } @else if (button(item); as entry) {\n                    <ng-container\n                        *ngTemplateOutlet=\"entryTemplate; context: { $implicit: entry }\"\n                    />\n                }\n            }\n        </div>\n    }\n</ui-card>\n\n<ng-template #entryTemplate let-entry>\n    <button\n        type=\"button\"\n        class=\"ui-text-body-alt ui-user-menu-item\"\n        (click)=\"entry.onClick()\"\n    >\n        @if (entry.icon) {\n            <ng-icon\n                [name]=\"entry.icon\"\n                size=\"18\"\n                strokeWidth=\"1.75\"\n                class=\"shrink-0\"\n            />\n        }\n        {{ entry.label }}\n    </button>\n</ng-template>\n"],"mappings":";;;;;;;AA0BA,IAAa,sBAAb,MAAa,oBAAmB;CACX,WAAW,OAAO,qBAAqB,EAAE,UAAU,KAAI,CAAE;CAEjE,OAAO,MAAM,SAAkB,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAG/B,SAAS,MAAc,IAAG,GAAA,YAAA,CAAA,EAAA,WAAA,SAAA,CAAA,+BAAA,CAAA,CAAA;CAC1B,MAAM,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,MAAA,CAAA,+BAAA,CAAA,CAAA;CAEhC,QAAQ,MAA0B,CAAA,GAAG,GAAA,YAAA,CAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE3B,YAAY,eAC3B,KAAK,MAAK,CAAE,CAAC,KAAI,SAAO;EACpB,IAAI,aAAa,MACb,OAAO;EAGX,IAAI,cAAc,MACd,OAAO;GACH,GAAG;GACH,UAAU,KAAK,SAAS,KAAI,UAAS,KAAK,QAAQ,KAAK,CAAC;EAC3D;EAGL,OAAO,KAAK,QAAQ,IAAI;CAC5B,CAAC,GACJ,GAAA,YAAA,CAAA,EAAA,WAAA,YAAA,CAAA,+BAAA,CAAA,CAAA;CAES,UAAU,MAAsB;EACtC,OAAO,aAAa;CACxB;CAEU,MAAM,MAAsB;EAClC,OAAO,cAAc,OAAO,OAAO;CACvC;CAEU,OAAO,MAAsB;EACnC,OAAO,aAAa,OAAO,OAAO;CACtC;CAEQ,QAAQ,MAAwB;EACpC,OAAO;GACH,GAAG;GACH,eAAc;IACV,KAAK,UAAU,MAAK;IACpB,KAAK,QAAO;GAChB;EACH;CACL;CAhDS,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAmB,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAnB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAmB,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,QAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,KAAA;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,UAAA;EAAA,UC1BhC;EAyDA,QAAA,CAAA,g0JAAA;EAAA,cAAA;GAAA;IAAA,MAAA;IAAA,MDrCQ;IAAgB,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MAChB;IAAe,UAAA;IAAA,QAAA,CAAA,QAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MACf;IAAiB,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;GAAA;IAAA,MAAA;IAAA,MACjB;IAAM,UAAA;IAAA,QAAA;KAAA;KAAA;KAAA;KAAA;KAAA;IAAA;GAAA;EAAA;CAAA,CAAA;;AAGD,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAmB,YAAA,CAAA;EAX/B,MAAA;EACa,MAAA,CAAA;GAAA,UAAA;GAAc,SAGf;IACL;IACA;IACA;IACA;GACH;GAAA,UAAA;GAAA,QAAA,CAAA,g0JAAA;EAAA,CAAA"}