@loomui-ng/ui 0.0.0-stage → 0.1.1

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

@@ -0,0 +1,102 @@
+import * as i0 from "@angular/core";
+import { Directive, computed, input } from "@angular/core";
+import { cva } from "class-variance-authority";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiElementHost, cn } from "@loomui-ng/ui/utils";
+const badgeVariants = cva("group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>ui-icon]:pointer-events-none [&>svg]:size-3! [&>ui-icon]:size-3!", {
+	variants: { variant: {
+		default: "bg-primary text-primary-foreground [a]:hover:bg-primary/80",
+		secondary: "bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80",
+		destructive: "bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20",
+		outline: "border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground",
+		ghost: "hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50"
+	} },
+	defaultVariants: { variant: "default" }
+});
+var UiBadge = class UiBadge {
+	variant = input("default", ...ngDevMode ? [{ debugName: "variant" }] : /* istanbul ignore next */ []);
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn(badgeVariants({ variant: this.variant() }), this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiBadge,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiBadge,
+		isStandalone: true,
+		selector: "[uiBadge], ui-badge",
+		inputs: {
+			variant: {
+				classPropertyName: "variant",
+				publicName: "variant",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			userClass: {
+				classPropertyName: "userClass",
+				publicName: "class",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "data-slot": "badge" },
+			properties: {
+				"attr.data-variant": "variant()",
+				"attr.class": "classes()"
+			}
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiBadge,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "[uiBadge], ui-badge",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "badge",
+				"[attr.data-variant]": "variant()",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: {
+		variant: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "variant",
+				required: false
+			}]
+		}],
+		userClass: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "class",
+				required: false
+			}]
+		}]
+	}
+});
+export { UiBadge, badgeVariants };
+
+//# sourceMappingURL=loomui-ng-ui-badge.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-badge.mjs","names":[],"sources":["../../../libs/ui/badge/badge.ts"],"sourcesContent":["import { computed, Directive, input } from '@angular/core';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\n/** Classes copied from live shadcn Badge (docs/behavior-specs/badge.md); pl/pr → ps/pe for RTL. */\nexport const badgeVariants = cva(\n  'group/badge inline-flex h-5 w-fit shrink-0 items-center justify-center gap-1 overflow-hidden rounded-4xl border border-transparent px-2 py-0.5 text-xs font-medium whitespace-nowrap transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 has-data-[icon=inline-end]:pe-1.5 has-data-[icon=inline-start]:ps-1.5 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&>svg]:pointer-events-none [&>ui-icon]:pointer-events-none [&>svg]:size-3! [&>ui-icon]:size-3!',\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground [a]:hover:bg-primary/80',\n        secondary: 'bg-secondary text-secondary-foreground [a]:hover:bg-secondary/80',\n        destructive:\n          'bg-destructive/10 text-destructive focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:focus-visible:ring-destructive/40 [a]:hover:bg-destructive/20',\n        outline: 'border-border text-foreground [a]:hover:bg-muted [a]:hover:text-muted-foreground',\n        ghost: 'hover:bg-muted hover:text-muted-foreground dark:hover:bg-muted/50',\n      },\n    },\n    defaultVariants: { variant: 'default' },\n  },\n);\nexport type BadgeVariants = VariantProps<typeof badgeVariants>;\n\n/** <span uiBadge variant=\"secondary\">New</span> — also valid on <a>. */\n@Directive({\n  selector: '[uiBadge], ui-badge', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'badge',\n    '[attr.data-variant]': 'variant()',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiBadge {\n  readonly variant = input<NonNullable<BadgeVariants['variant']>>('default');\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn(badgeVariants({ variant: this.variant() }), this.userClass()));\n}\n"],"mappings":";;;;;AAMA,MAAa,gBAAgB,IAC3B,kiBACA;CACE,UAAU,EACR,SAAS;EACP,SAAS;EACT,WAAW;EACX,aACE;EACF,SAAS;EACT,OAAO;CACR,EACF;CACD,iBAAiB,EAAE,SAAS,UAAS;AACtC,CAAA;AAaH,IAAa,UAAb,MAAa,QAAO;CACT,UAAU,MAA6C,WAAU,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CACjE,YAAY,MAAc,IAAE;EAAA,GAAA,YAAA,EAAA,WAAA,YAAA,+BAAA,CAAA;EAAI,OAAO;CAAO,CAAA;CACpC,UAAU,eAAe,GAAG,cAAc,EAAE,SAAS,KAAK,QAAO,EAAE,CAAE,GAAG,KAAK,UAAS,CAAE,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAHlG,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAO,MAAA,CAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAP,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAO,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,SAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,WAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,MAAA;GAAA,YAAA,EAAA,aAAA,QAAA;GAAA,YAAA;IAAA,qBAAA;IAAA,cAAA;GAAA;EAAA;EAAA,gBAAA,CAAA,EAAA,WAAA,GAAA,cAAA,CAAA;EAAA,UAAA;CAAA,CAAA;;AAAP,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAO,YAAA,CAAA;EARnB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GAAuB,gBAAgB,CAAC,aAAa;GAC/D,MAAM;IACJ,aAAa;IACb,uBAAuB;IACvB,gBAAgB;GACjB;EACF,CAAA"}

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

@@ -0,0 +1,520 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, Directive, computed, input } from "@angular/core";
+import * as i1 from "@loomui-ng/ui/utils";
+import { UiElementHost, cn } from "@loomui-ng/ui/utils";
+import { UiIconSvg } from "@loomui-ng/ui/icon";
+var UiBreadcrumb = class UiBreadcrumb {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiBreadcrumb,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiBreadcrumb,
+		isStandalone: true,
+		selector: "nav[uiBreadcrumb], ui-breadcrumb",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"data-slot": "breadcrumb",
+				"aria-label": "breadcrumb"
+			},
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiBreadcrumb,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "nav[uiBreadcrumb], ui-breadcrumb",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "breadcrumb",
+				"aria-label": "breadcrumb",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiBreadcrumbList = class UiBreadcrumbList {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiBreadcrumbList,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiBreadcrumbList,
+		isStandalone: true,
+		selector: "ol[uiBreadcrumbList], ui-breadcrumb-list",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "breadcrumb-list" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiBreadcrumbList,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "ol[uiBreadcrumbList], ui-breadcrumb-list",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "breadcrumb-list",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiBreadcrumbItem = class UiBreadcrumbItem {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("inline-flex items-center gap-1", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiBreadcrumbItem,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiBreadcrumbItem,
+		isStandalone: true,
+		selector: "li[uiBreadcrumbItem], ui-breadcrumb-item",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "breadcrumb-item" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiBreadcrumbItem,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "li[uiBreadcrumbItem], ui-breadcrumb-item",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "breadcrumb-item",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiBreadcrumbLink = class UiBreadcrumbLink {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("transition-colors 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: UiBreadcrumbLink,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiBreadcrumbLink,
+		isStandalone: true,
+		selector: "a[uiBreadcrumbLink], ui-breadcrumb-link",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: { "data-slot": "breadcrumb-link" },
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiBreadcrumbLink,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "a[uiBreadcrumbLink], ui-breadcrumb-link",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "breadcrumb-link",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiBreadcrumbPage = class UiBreadcrumbPage {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("font-normal 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: UiBreadcrumbPage,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiBreadcrumbPage,
+		isStandalone: true,
+		selector: "span[uiBreadcrumbPage], ui-breadcrumb-page",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"data-slot": "breadcrumb-page",
+				"role": "link",
+				"aria-disabled": "true",
+				"aria-current": "page"
+			},
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiBreadcrumbPage,
+	decorators: [{
+		type: Directive,
+		args: [{
+			selector: "span[uiBreadcrumbPage], ui-breadcrumb-page",
+			hostDirectives: [UiElementHost],
+			host: {
+				"data-slot": "breadcrumb-page",
+				"role": "link",
+				"aria-disabled": "true",
+				"aria-current": "page",
+				"[attr.class]": "classes()"
+			}
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+const UI_BREADCRUMB_GENERATED = [
+	UiBreadcrumb,
+	UiBreadcrumbList,
+	UiBreadcrumbItem,
+	UiBreadcrumbLink,
+	UiBreadcrumbPage
+];
+var UiBreadcrumbSeparator = class UiBreadcrumbSeparator {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("[&>svg]:size-3.5 [&>ui-icon]:size-3.5", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiBreadcrumbSeparator,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiBreadcrumbSeparator,
+		isStandalone: true,
+		selector: "li[uiBreadcrumbSeparator], ui-breadcrumb-separator",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"role": "presentation",
+				"aria-hidden": "true",
+				"data-slot": "breadcrumb-separator"
+			},
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: `
+    <ng-content>
+      <svg uiIcon="chevron-right" class="rtl:rotate-180"></svg>
+    </ng-content>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: UiIconSvg,
+			selector: "svg[uiIcon]",
+			inputs: [
+				"uiIcon",
+				"icon",
+				"size",
+				"strokeWidth",
+				"absoluteStrokeWidth",
+				"color",
+				"label",
+				"class"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiBreadcrumbSeparator,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "li[uiBreadcrumbSeparator], ui-breadcrumb-separator",
+			hostDirectives: [UiElementHost],
+			imports: [UiIconSvg],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				role: "presentation",
+				"aria-hidden": "true",
+				"data-slot": "breadcrumb-separator",
+				"[attr.class]": "classes()"
+			},
+			template: `
+    <ng-content>
+      <svg uiIcon="chevron-right" class="rtl:rotate-180"></svg>
+    </ng-content>
+  `
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+var UiBreadcrumbEllipsis = class UiBreadcrumbEllipsis {
+	userClass = input("", {
+		...ngDevMode ? { debugName: "userClass" } : /* istanbul ignore next */ {},
+		alias: "class"
+	});
+	classes = computed(() => cn("flex size-5 items-center justify-center [&>svg]:size-4 [&>ui-icon]:size-4", this.userClass()), ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.2",
+		ngImport: i0,
+		type: UiBreadcrumbEllipsis,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.2",
+		type: UiBreadcrumbEllipsis,
+		isStandalone: true,
+		selector: "span[uiBreadcrumbEllipsis], ui-breadcrumb-ellipsis",
+		inputs: { userClass: {
+			classPropertyName: "userClass",
+			publicName: "class",
+			isSignal: true,
+			isRequired: false,
+			transformFunction: null
+		} },
+		host: {
+			attributes: {
+				"role": "presentation",
+				"aria-hidden": "true",
+				"data-slot": "breadcrumb-ellipsis"
+			},
+			properties: { "attr.class": "classes()" }
+		},
+		hostDirectives: [{ directive: i1.UiElementHost }],
+		ngImport: i0,
+		template: `
+    <svg uiIcon="ellipsis"></svg>
+    <span class="sr-only">More</span>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: UiIconSvg,
+			selector: "svg[uiIcon]",
+			inputs: [
+				"uiIcon",
+				"icon",
+				"size",
+				"strokeWidth",
+				"absoluteStrokeWidth",
+				"color",
+				"label",
+				"class"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.2",
+	ngImport: i0,
+	type: UiBreadcrumbEllipsis,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "span[uiBreadcrumbEllipsis], ui-breadcrumb-ellipsis",
+			hostDirectives: [UiElementHost],
+			imports: [UiIconSvg],
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				role: "presentation",
+				"aria-hidden": "true",
+				"data-slot": "breadcrumb-ellipsis",
+				"[attr.class]": "classes()"
+			},
+			template: `
+    <svg uiIcon="ellipsis"></svg>
+    <span class="sr-only">More</span>
+  `
+		}]
+	}],
+	propDecorators: { userClass: [{
+		type: i0.Input,
+		args: [{
+			isSignal: true,
+			alias: "class",
+			required: false
+		}]
+	}] }
+});
+const UI_BREADCRUMB = [
+	...UI_BREADCRUMB_GENERATED,
+	UiBreadcrumbSeparator,
+	UiBreadcrumbEllipsis
+];
+export { UI_BREADCRUMB, UI_BREADCRUMB_GENERATED, UiBreadcrumb, UiBreadcrumbEllipsis, UiBreadcrumbItem, UiBreadcrumbLink, UiBreadcrumbList, UiBreadcrumbPage, UiBreadcrumbSeparator };
+
+//# sourceMappingURL=loomui-ng-ui-breadcrumb.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"loomui-ng-ui-breadcrumb.mjs","names":[],"sources":["../../../libs/ui/breadcrumb/breadcrumb.ts","../../../libs/ui/breadcrumb/breadcrumb.manual.ts"],"sourcesContent":["// GENERATED by tools/gen-ui.mjs from docs/evidence/slots/breadcrumb.json.\n// Change tools/ui-specs.mjs and regenerate; hand-written parts live in ./breadcrumb.manual.ts.\nimport { Directive, computed, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\n@Directive({\n  selector: 'nav[uiBreadcrumb], ui-breadcrumb', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'breadcrumb',\n    'aria-label': 'breadcrumb',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiBreadcrumb {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('', this.userClass()));\n}\n\n@Directive({\n  selector: 'ol[uiBreadcrumbList], ui-breadcrumb-list', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'breadcrumb-list',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiBreadcrumbList {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('flex flex-wrap items-center gap-1.5 text-sm wrap-break-word text-muted-foreground', this.userClass()));\n}\n\n@Directive({\n  selector: 'li[uiBreadcrumbItem], ui-breadcrumb-item', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'breadcrumb-item',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiBreadcrumbItem {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('inline-flex items-center gap-1', this.userClass()));\n}\n\n@Directive({\n  selector: 'a[uiBreadcrumbLink], ui-breadcrumb-link', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'breadcrumb-link',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiBreadcrumbLink {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('transition-colors hover:text-foreground', this.userClass()));\n}\n\n@Directive({\n  selector: 'span[uiBreadcrumbPage], ui-breadcrumb-page', hostDirectives: [UiElementHost],\n  host: {\n    'data-slot': 'breadcrumb-page',\n    'role': 'link',\n    'aria-disabled': 'true',\n    'aria-current': 'page',\n    '[attr.class]': 'classes()',\n  },\n})\nexport class UiBreadcrumbPage {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('font-normal text-foreground', this.userClass()));\n}\n\nexport const UI_BREADCRUMB_GENERATED = [UiBreadcrumb, UiBreadcrumbList, UiBreadcrumbItem, UiBreadcrumbLink, UiBreadcrumbPage] as const;\n","import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { cn } from '@loomui-ng/ui/utils';\nimport { UI_BREADCRUMB_GENERATED } from './breadcrumb';\nimport { UiIconSvg } from '@loomui-ng/ui/icon';\nimport { UiElementHost } from '@loomui-ng/ui/utils';\n\n/** <li uiBreadcrumbSeparator></li> — renders a chevron (mirrored in RTL). Pass custom content to replace it. */\n@Component({\n  selector: 'li[uiBreadcrumbSeparator], ui-breadcrumb-separator', hostDirectives: [UiElementHost],\n  imports: [UiIconSvg],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'presentation',\n    'aria-hidden': 'true',\n    'data-slot': 'breadcrumb-separator',\n    '[attr.class]': 'classes()',\n  },\n  template: `\n    <ng-content>\n      <svg uiIcon=\"chevron-right\" class=\"rtl:rotate-180\"></svg>\n    </ng-content>\n  `,\n})\nexport class UiBreadcrumbSeparator {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() => cn('[&>svg]:size-3.5 [&>ui-icon]:size-3.5', this.userClass()));\n}\n\n/** <span uiBreadcrumbEllipsis></span> — \"…\" with an sr-only \"More\" label. */\n@Component({\n  selector: 'span[uiBreadcrumbEllipsis], ui-breadcrumb-ellipsis', hostDirectives: [UiElementHost],\n  imports: [UiIconSvg],\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'presentation',\n    'aria-hidden': 'true',\n    'data-slot': 'breadcrumb-ellipsis',\n    '[attr.class]': 'classes()',\n  },\n  template: `\n    <svg uiIcon=\"ellipsis\"></svg>\n    <span class=\"sr-only\">More</span>\n  `,\n})\nexport class UiBreadcrumbEllipsis {\n  readonly userClass = input<string>('', { alias: 'class' });\n  protected readonly classes = computed(() =>\n    cn('flex size-5 items-center justify-center [&>svg]:size-4 [&>ui-icon]:size-4', this.userClass()),\n  );\n}\n\nexport const UI_BREADCRUMB = [...UI_BREADCRUMB_GENERATED, UiBreadcrumbSeparator, UiBreadcrumbEllipsis] as const;\n"],"mappings":"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"}