@bitforgehq/ui 0.5.0-next.3 → 0.5.0-next.4

package/fesm2022/bitforgehq-ui.mjs

@@ -123,6 +123,8 @@ const BF_DEFAULT_LABELS = {
 	chatStop: "Stop",
 	mediaCardSelect: "Select",
 	imageLoadFailed: "The image could not be loaded",
+	imageTileEmpty: "No image yet",
+	imageTileSelected: "Selected",
 	imageViewer: "Image viewer",
 	imageViewerPrevious: "Previous image",
 	imageViewerNext: "Next image",
@@ -256,6 +258,8 @@ function mergeLabels(parent, o) {
 		chatStop: o.chatStop ?? parent.chatStop,
 		mediaCardSelect: o.mediaCardSelect ?? parent.mediaCardSelect,
 		imageLoadFailed: o.imageLoadFailed ?? parent.imageLoadFailed,
+		imageTileEmpty: o.imageTileEmpty ?? parent.imageTileEmpty,
+		imageTileSelected: o.imageTileSelected ?? parent.imageTileSelected,
 		imageViewer: o.imageViewer ?? parent.imageViewer,
 		imageViewerPrevious: o.imageViewerPrevious ?? parent.imageViewerPrevious,
 		imageViewerNext: o.imageViewerNext ?? parent.imageViewerNext,
@@ -619,7 +623,7 @@ const PILL_HIT = {
 		bordered: ""
 	}
 };
-const BASE$11 = "relative inline-flex max-w-full min-w-0 items-center justify-center gap-2 rounded-control font-bold whitespace-nowrap transition-colors duration-150 select-none focus-visible:outline-hidden focus-visible:ring-4 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-surface-sunken disabled:text-text-disabled disabled:border-transparent";
+const BASE$12 = "relative inline-flex max-w-full min-w-0 items-center justify-center gap-2 rounded-control font-bold whitespace-nowrap transition-colors duration-150 select-none focus-visible:outline-hidden focus-visible:ring-4 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-surface-sunken disabled:text-text-disabled disabled:border-transparent";
 const VARIANT$6 = {
 	primary: "bg-primary text-on-primary hover:bg-primary-hover",
 	tonal: "bg-primary-soft text-primary-strong hover:bg-primary-soft-hover",
@@ -676,7 +680,7 @@ const TEXT_PADDING = {
 	lg: "px-3"
 };
 const BUTTON_CLASSES = {
-	base: BASE$11,
+	base: BASE$12,
 	variant: VARIANT$6,
 	pressed: PRESSED$2.button,
 	current: CURRENT,
@@ -714,7 +718,7 @@ var BfButtonComponent = class BfButtonComponent {
 		const pressed = this.isLink ? PRESSED$2.link[variant] : this.disabled() || this.loading() ? "" : PRESSED$2.button[variant];
 		const current = this.isLink ? CURRENT[variant] : "";
 		return [
-			BASE$11,
+			BASE$12,
 			VARIANT$6[variant],
 			pressed,
 			current,
@@ -953,7 +957,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-const BASE$10 = "relative inline-flex shrink-0 cursor-pointer items-center justify-center rounded-control transition-colors duration-150 select-none focus-visible:outline-hidden focus-visible:ring-4 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-surface-sunken disabled:text-text-disabled disabled:border-transparent";
+const BASE$11 = "relative inline-flex shrink-0 cursor-pointer items-center justify-center rounded-control transition-colors duration-150 select-none focus-visible:outline-hidden focus-visible:ring-4 focus-visible:ring-ring disabled:cursor-not-allowed disabled:bg-surface-sunken disabled:text-text-disabled disabled:border-transparent";
 const VARIANT$5 = {
 	tonal: "bg-primary-soft text-primary-strong hover:bg-primary-soft-hover",
 	primary: "bg-primary text-on-primary hover:bg-primary-hover",
@@ -980,7 +984,7 @@ const SIZE$4 = {
 	lg: "h-12 w-12"
 };
 const ICON_BUTTON_CLASSES = {
-	base: BASE$10,
+	base: BASE$11,
 	variant: VARIANT$5,
 	pressed: PRESSED$1.button,
 	size: SIZE$4
@@ -1004,7 +1008,7 @@ var BfIconButtonComponent = class BfIconButtonComponent {
 		const hit = PILL_HIT[size][variant === "outline" ? "bordered" : "plain"];
 		const pressed = this.isLink ? PRESSED$1.link[variant] : this.disabled() ? "" : PRESSED$1.button[variant];
 		return [
-			BASE$10,
+			BASE$11,
 			VARIANT$5[variant],
 			pressed,
 			SIZE$4[size],
@@ -1191,6 +1195,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 const LABEL_BASE$1 = "inline-flex items-center rounded-control px-2.5 py-1.25 text-micro font-bold leading-none";
+const LABEL_ICON = "gap-1 [&_svg]:size-3 has-[[data-badge-icon]>*]:ps-2";
 const COUNT_BASE = "inline-flex h-box min-w-box items-center justify-center rounded-control px-1.75 text-micro font-bold leading-none";
 const COUNT_SOFT = "bg-primary text-on-primary";
 const STRONG_FORCED = "forced-colors:outline forced-colors:outline-[CanvasText]";
@@ -1215,7 +1220,7 @@ var BfBadgeComponent = class BfBadgeComponent {
 	emphasis = input("soft", ...ngDevMode ? [{ debugName: "emphasis" }] : 	/* istanbul ignore next */ []);
 	count = input(void 0, ...ngDevMode ? [{ debugName: "count" }] : 	/* istanbul ignore next */ []);
 	countLabel = input("", ...ngDevMode ? [{ debugName: "countLabel" }] : 	/* istanbul ignore next */ []);
-	classes = computed(() => this.emphasis() === "strong" ? `${LABEL_BASE$1} ${STRONG[this.variant()]} ${STRONG_FORCED}` : `${LABEL_BASE$1} ${VARIANT$4[this.variant()]}`, ...ngDevMode ? [{ debugName: "classes" }] : 	/* istanbul ignore next */ []);
+	classes = computed(() => this.emphasis() === "strong" ? `${LABEL_BASE$1} ${LABEL_ICON} ${STRONG[this.variant()]} ${STRONG_FORCED}` : `${LABEL_BASE$1} ${LABEL_ICON} ${VARIANT$4[this.variant()]}`, ...ngDevMode ? [{ debugName: "classes" }] : 	/* istanbul ignore next */ []);
 	countText = computed(() => {
 		const c = this.count();
 		return c === void 0 ? null : c > 99 ? "99+" : String(c);
@@ -1276,7 +1281,10 @@ var BfBadgeComponent = class BfBadgeComponent {
         }
       </span>
     } @else {
-      <span [class]="classes()"><ng-content /></span>
+      <span [class]="classes()"
+        ><span data-badge-icon class="contents"><ng-content select="[bfSlot=icon-start]" /></span
+        ><ng-content
+      /></span>
     }
   `,
 		isInline: true
@@ -1301,7 +1309,10 @@ i0.ɵɵngDeclareClassMetadata({
         }
       </span>
     } @else {
-      <span [class]="classes()"><ng-content /></span>
+      <span [class]="classes()"
+        ><span data-badge-icon class="contents"><ng-content select="[bfSlot=icon-start]" /></span
+        ><ng-content
+      /></span>
     }
   `
 		}]
@@ -2420,7 +2431,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-const BASE$9 = "block w-full rounded-field border bg-surface text-text placeholder:text-text-muted transition-colors focus:outline-hidden focus:border-primary focus:ring-2 focus:ring-ring read-only:bg-surface-muted disabled:cursor-not-allowed disabled:border-surface-sunken disabled:bg-surface-muted disabled:text-text-disabled";
+const BASE$10 = "block w-full rounded-field border bg-surface text-text placeholder:text-text-muted transition-colors focus:outline-hidden focus:border-primary focus:ring-2 focus:ring-ring read-only:bg-surface-muted disabled:cursor-not-allowed disabled:border-surface-sunken disabled:bg-surface-muted disabled:text-text-disabled";
 const SIZE$3 = {
 	sm: "px-3 py-1.5 text-label-xs",
 	md: "px-3.5 py-2 text-label-sm",
@@ -2500,7 +2511,7 @@ var BfTextareaComponent = class BfTextareaComponent {
 	ariaLabelAttr = computed(() => this.label() ? null : this.ariaLabel() || null, ...ngDevMode ? [{ debugName: "ariaLabelAttr" }] : 	/* istanbul ignore next */ []);
 	ariaLabelledbyAttr = computed(() => this.label() ? null : this.ariaLabelledby() || null, ...ngDevMode ? [{ debugName: "ariaLabelledbyAttr" }] : 	/* istanbul ignore next */ []);
 	classes = computed(() => [
-		BASE$9,
+		BASE$10,
 		SIZE$3[this.resolvedSize()],
 		this.showError() ? "border-danger-border" : "border-border-strong",
 		this.growing() ? GROWING : "resize-y"
@@ -6464,7 +6475,7 @@ i0.ɵɵngDeclareClassMetadata({
 	}
 });
 const BF_CHIP_GROUP = new InjectionToken("BF_CHIP_GROUP");
-const BASE$8 = "relative inline-flex max-w-full min-w-0 items-center gap-1.5 rounded-control border-[1.5px] font-bold whitespace-nowrap cursor-pointer transition-colors duration-150 select-none focus-visible:outline-hidden focus-visible:ring-4 focus-visible:ring-ring disabled:cursor-not-allowed disabled:border-transparent disabled:bg-surface-sunken disabled:text-text-disabled";
+const BASE$9 = "relative inline-flex max-w-full min-w-0 items-center gap-1.5 rounded-control border-[1.5px] font-bold whitespace-nowrap cursor-pointer transition-colors duration-150 select-none focus-visible:outline-hidden focus-visible:ring-4 focus-visible:ring-ring disabled:cursor-not-allowed disabled:border-transparent disabled:bg-surface-sunken disabled:text-text-disabled";
 const SIZE$2 = {
 	sm: "h-8 px-3 text-label-xs",
 	md: "h-10 px-3.5 text-label-sm",
@@ -6516,7 +6527,7 @@ var BfChipComponent = class BfChipComponent {
 		const on = this.isSelected();
 		const pressed = this.isDisabled() ? "" : on ? PRESSED_ON[variant] : PRESSED_OFF;
 		return [
-			BASE$8,
+			BASE$9,
 			SIZE$2[size],
 			PILL_HIT[size].bordered,
 			on ? ON[variant] : OFF,
@@ -8279,7 +8290,7 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-const BASE$7 = "relative flex h-full w-full flex-col gap-3 rounded-card text-start [&>[bfSlot=footer]]:mt-auto";
+const BASE$8 = "relative flex h-full w-full flex-col gap-3 rounded-card text-start [&>[bfSlot=footer]]:mt-auto";
 const VARIANT$3 = {
 	raised: "bg-surface text-text shadow-raised",
 	tint: "bg-primary-soft text-text",
@@ -8307,7 +8318,7 @@ var BfCardComponent = class BfCardComponent {
 	actions = signal(0, ...ngDevMode ? [{ debugName: "actions" }] : 	/* istanbul ignore next */ []);
 	actionFocusVisible = signal(false, ...ngDevMode ? [{ debugName: "actionFocusVisible" }] : 	/* istanbul ignore next */ []);
 	classes = computed(() => [
-		BASE$7,
+		BASE$8,
 		VARIANT$3[this.variant()],
 		PADDING$2[this.padding()],
 		this.interactive() ? INTERACTIVE : ACTION[this.actionState()]
@@ -8456,7 +8467,34 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-const BASE$6 = "transition-opacity duration-slow ease-md motion-reduce:transition-none";
+function imageLoadState(src, loading, failed) {
+	const status = linkedSignal({
+		...ngDevMode ? { debugName: "status" } : 		/* istanbul ignore next */ {},
+		source: src,
+		computation: () => "pending"
+	});
+	const skeletonGone = linkedSignal({
+		...ngDevMode ? { debugName: "skeletonGone" } : 		/* istanbul ignore next */ {},
+		source: src,
+		computation: () => false
+	});
+	const phase = computed(() => {
+		if (failed() || status() === "error") return "failed";
+		if (!src()) return loading() ? "loading" : "empty";
+		return status() === "loaded" ? "loaded" : "loading";
+	}, ...ngDevMode ? [{ debugName: "phase" }] : 	/* istanbul ignore next */ []);
+	return {
+		phase,
+		sources: computed(() => src() && phase() !== "failed" ? [src()] : []),
+		skeletonShown: computed(() => phase() === "loading" || phase() === "loaded" && !skeletonGone()),
+		loaded: () => status.set("loaded"),
+		errored: () => status.set("error"),
+		skeletonFaded: (event) => {
+			if (event.target === event.currentTarget && phase() === "loaded") skeletonGone.set(true);
+		}
+	};
+}
+const BASE$7 = "transition-opacity duration-slow ease-md motion-reduce:transition-none";
 var BfFadeInDirective = class BfFadeInDirective {
 	image = inject(ElementRef).nativeElement;
 	shown = signal(false, ...ngDevMode ? [{ debugName: "shown" }] : 	/* istanbul ignore next */ []);
@@ -8506,7 +8544,7 @@ i0.ɵɵngDeclareClassMetadata({
 		args: [{
 			selector: "img[bfFadeIn]",
 			host: {
-				class: BASE$6,
+				class: BASE$7,
 				"[class.opacity-0]": "!shown()",
 				"[attr.data-loaded]": "shown() ? '' : null",
 				"(load)": "show()",
@@ -8663,24 +8701,24 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
-const BASE$5 = "relative flex h-full w-full flex-col rounded-card bg-surface text-text text-start shadow-raised outline-2 outline-offset-2 transition-[box-shadow,outline-color] duration-fast ease-md motion-reduce:transition-none";
-const SELECTED = {
+const BASE$6 = "relative flex h-full w-full flex-col rounded-card bg-surface text-text text-start shadow-raised outline-2 outline-offset-2 transition-[box-shadow,outline-color] duration-fast ease-md motion-reduce:transition-none";
+const SELECTED$1 = {
 	on: "outline-primary forced-colors:outline-[Highlight]",
 	off: "outline-transparent forced-colors:outline-0"
 };
-const CUE = {
+const CUE$1 = {
 	none: "",
 	action: "cursor-pointer hover:shadow-floating has-[[data-bf-action]:active]:shadow-raised has-[[data-select]:active]:shadow-raised",
 	focused: "cursor-pointer hover:shadow-floating has-[[data-bf-action]:active]:shadow-raised has-[[data-select]:active]:shadow-raised ring-4 ring-ring"
 };
-const ASPECT = {
+const ASPECT$1 = {
 	"16/9": "aspect-video",
 	"4/3": "aspect-[4/3]",
 	"1/1": "aspect-square",
 	"3/4": "aspect-[3/4]"
 };
-const MEDIA = "relative w-full shrink-0 overflow-hidden rounded-t-card bg-surface-sunken";
-const SKELETON_LAYER = "absolute inset-0 transition-opacity duration-slow ease-md motion-reduce:transition-none";
+const MEDIA$1 = "relative w-full shrink-0 overflow-hidden rounded-t-card bg-surface-sunken";
+const SKELETON_LAYER$1 = "absolute inset-0 transition-opacity duration-slow ease-md motion-reduce:transition-none";
 const SELECT = {
 	stretched: "cursor-pointer after:absolute after:inset-0 after:content-[''] focus-visible:outline-none focus-visible:after:outline-hidden",
 	corner: "absolute top-2 end-2 z-1 grid size-8 cursor-pointer place-items-center rounded-full focus-visible:ring-4 focus-visible:ring-ring focus-visible:outline-hidden pointer-coarse:after:absolute pointer-coarse:after:-inset-1.5 pointer-coarse:after:content-['']"
@@ -8724,24 +8762,11 @@ var BfMediaCardComponent = class BfMediaCardComponent {
 	bodyId = uniqueId("bf-media-card-body");
 	selectTextId = uniqueId("bf-media-card-select");
 	labelId = uniqueId("bf-media-card-label");
-	skeletonLayerClasses = SKELETON_LAYER;
-	imageStatus = linkedSignal({
-		...ngDevMode ? { debugName: "imageStatus" } : 		/* istanbul ignore next */ {},
-		source: this.src,
-		computation: () => "pending"
-	});
-	skeletonGone = linkedSignal({
-		...ngDevMode ? { debugName: "skeletonGone" } : 		/* istanbul ignore next */ {},
-		source: this.src,
-		computation: () => false
-	});
-	state = computed(() => {
-		if (this.failed() || this.imageStatus() === "error") return "failed";
-		if (!this.src()) return this.loading() ? "loading" : "empty";
-		return this.imageStatus() === "loaded" ? "loaded" : "loading";
-	}, ...ngDevMode ? [{ debugName: "state" }] : 	/* istanbul ignore next */ []);
-	imageSources = computed(() => this.src() && this.state() !== "failed" ? [this.src()] : [], ...ngDevMode ? [{ debugName: "imageSources" }] : 	/* istanbul ignore next */ []);
-	skeletonShown = computed(() => this.state() === "loading" || this.state() === "loaded" && !this.skeletonGone(), ...ngDevMode ? [{ debugName: "skeletonShown" }] : 	/* istanbul ignore next */ []);
+	skeletonLayerClasses = SKELETON_LAYER$1;
+	image = imageLoadState(this.src, this.loading, this.failed);
+	state = this.image.phase;
+	imageSources = this.image.sources;
+	skeletonShown = this.image.skeletonShown;
 	bodyNamesSelect = computed(() => this.selectable() && !this.label(), ...ngDevMode ? [{ debugName: "bodyNamesSelect" }] : 	/* istanbul ignore next */ []);
 	failedText = computed(() => this.failedLabel() || this.labels.imageLoadFailed, ...ngDevMode ? [{ debugName: "failedText" }] : 	/* istanbul ignore next */ []);
 	selectMode = computed(() => this.actions() > 0 ? "corner" : "stretched", ...ngDevMode ? [{ debugName: "selectMode" }] : 	/* istanbul ignore next */ []);
@@ -8751,11 +8776,11 @@ var BfMediaCardComponent = class BfMediaCardComponent {
 		return this.actionFocusVisible() || stretched && this.selectFocusVisible() ? "focused" : "action";
 	}, ...ngDevMode ? [{ debugName: "cue" }] : 	/* istanbul ignore next */ []);
 	classes = computed(() => [
-		BASE$5,
-		SELECTED[this.selectable() && this.selected() ? "on" : "off"],
-		CUE[this.cue()]
+		BASE$6,
+		SELECTED$1[this.selectable() && this.selected() ? "on" : "off"],
+		CUE$1[this.cue()]
 	].filter(Boolean).join(" "), ...ngDevMode ? [{ debugName: "classes" }] : 	/* istanbul ignore next */ []);
-	mediaClasses = computed(() => `${MEDIA} ${ASPECT[this.aspect()]}`, ...ngDevMode ? [{ debugName: "mediaClasses" }] : 	/* istanbul ignore next */ []);
+	mediaClasses = computed(() => `${MEDIA$1} ${ASPECT$1[this.aspect()]}`, ...ngDevMode ? [{ debugName: "mediaClasses" }] : 	/* istanbul ignore next */ []);
 	selectClasses = computed(() => SELECT[this.selectMode()], ...ngDevMode ? [{ debugName: "selectClasses" }] : 	/* istanbul ignore next */ []);
 	discClasses = computed(() => [DISC[this.selected() ? "on" : "off"], DISC_POSITION[this.selectMode()]].filter(Boolean).join(" "), ...ngDevMode ? [{ debugName: "discClasses" }] : 	/* istanbul ignore next */ []);
 	registerAction() {
@@ -8766,15 +8791,15 @@ var BfMediaCardComponent = class BfMediaCardComponent {
 		this.actionFocusVisible.set(visible);
 	}
 	imageLoaded() {
-		this.imageStatus.set("loaded");
+		this.image.loaded();
 		this.loaded.emit();
 	}
 	imageFailed() {
-		this.imageStatus.set("error");
+		this.image.errored();
 		this.errored.emit();
 	}
 	skeletonFaded(event) {
-		if (event.target === event.currentTarget && this.state() === "loaded") this.skeletonGone.set(true);
+		this.image.skeletonFaded(event);
 	}
 	toggle() {
 		const next = !this.selected();
@@ -9191,6 +9216,451 @@ i0.ɵɵngDeclareClassMetadata({
 		}]
 	}
 });
+const BASE$5 = "group/tile relative grid h-full w-full rounded-card bg-surface text-text text-start shadow-raised forced-colors:border forced-colors:border-[CanvasText] outline-2 outline-offset-2 transition-[translate,box-shadow,outline-color] duration-base ease-md motion-reduce:transition-none";
+const LAYOUT$1 = {
+	below: "grid-rows-[auto_1fr]",
+	overlay: "[&>*]:[grid-area:1/1]"
+};
+const SELECTED = {
+	on: "outline-primary forced-colors:outline-[Highlight]",
+	off: "outline-transparent forced-colors:outline-0"
+};
+const ACTION_CUE = "cursor-pointer hover:shadow-floating motion-safe:hover:-translate-y-0.5 has-[[data-bf-action]:active]:shadow-raised motion-safe:has-[[data-bf-action]:active]:translate-y-0";
+const CUE = {
+	none: "",
+	action: ACTION_CUE,
+	focused: `${ACTION_CUE} ring-4 ring-ring`
+};
+const ASPECT = {
+	"1/1": "aspect-square",
+	"4/3": "aspect-[4/3]",
+	"16/9": "aspect-video",
+	"3/4": "aspect-[3/4]"
+};
+const MEDIA = "relative w-full overflow-hidden bg-surface-sunken";
+const MEDIA_CORNERS = {
+	below: "rounded-t-card",
+	overlay: "rounded-card"
+};
+const ZOOM_BASE = "absolute inset-0";
+const ZOOM_ACTION = "motion-safe:transition-[scale] motion-safe:duration-slow motion-safe:ease-md motion-safe:group-hover/tile:scale-105";
+const SKELETON_LAYER = "absolute inset-0 transition-opacity duration-slow ease-md motion-reduce:transition-none";
+const CAPTION = {
+	below: "flex min-w-0 flex-col gap-0.5 p-3",
+	overlay: "dark z-0 flex min-w-0 flex-col gap-0.5 self-end rounded-b-card bg-linear-to-t from-scrim/80 via-scrim/55 to-transparent p-3 pt-10 text-text"
+};
+const TITLE$1 = "min-h-[2lh] text-label-sm font-bold [&>*]:line-clamp-2 [&>*]:break-words [&_a]:text-inherit [&_button]:line-clamp-2 [&_button]:text-start";
+const META = "text-caption text-text-muted empty:hidden";
+var BfImageTileComponent = class BfImageTileComponent {
+	labels = inject(BF_LABELS);
+	src = input("", ...ngDevMode ? [{ debugName: "src" }] : 	/* istanbul ignore next */ []);
+	alt = input("", ...ngDevMode ? [{ debugName: "alt" }] : 	/* istanbul ignore next */ []);
+	aspect = input("1/1", ...ngDevMode ? [{ debugName: "aspect" }] : 	/* istanbul ignore next */ []);
+	captionPlacement = input("below", ...ngDevMode ? [{ debugName: "captionPlacement" }] : 	/* istanbul ignore next */ []);
+	loading = input(false, {
+		...ngDevMode ? { debugName: "loading" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	failed = input(false, {
+		...ngDevMode ? { debugName: "failed" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	selected = input(false, {
+		...ngDevMode ? { debugName: "selected" } : 		/* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	placeholderLabel = input("", ...ngDevMode ? [{ debugName: "placeholderLabel" }] : 	/* istanbul ignore next */ []);
+	failedLabel = input("", ...ngDevMode ? [{ debugName: "failedLabel" }] : 	/* istanbul ignore next */ []);
+	loaded = output();
+	errored = output();
+	actions = signal(0, ...ngDevMode ? [{ debugName: "actions" }] : 	/* istanbul ignore next */ []);
+	actionFocusVisible = signal(false, ...ngDevMode ? [{ debugName: "actionFocusVisible" }] : 	/* istanbul ignore next */ []);
+	image = imageLoadState(this.src, this.loading, this.failed);
+	state = this.image.phase;
+	imageSources = this.image.sources;
+	skeletonShown = this.image.skeletonShown;
+	skeletonLayerClasses = SKELETON_LAYER;
+	titleClasses = TITLE$1;
+	metaClasses = META;
+	hasAction = computed(() => this.actions() > 0, ...ngDevMode ? [{ debugName: "hasAction" }] : 	/* istanbul ignore next */ []);
+	selectedIdValue;
+	selectedId = computed(() => this.selected() ? this.selectedIdValue ??= uniqueId("bf-image-tile-selected") : null, ...ngDevMode ? [{ debugName: "selectedId" }] : 	/* istanbul ignore next */ []);
+	actionLabelPrefix = computed(() => this.hasAction() ? this.selectedId() : null, ...ngDevMode ? [{ debugName: "actionLabelPrefix" }] : 	/* istanbul ignore next */ []);
+	placeholderText = computed(() => this.placeholderLabel() || this.labels.imageTileEmpty, ...ngDevMode ? [{ debugName: "placeholderText" }] : 	/* istanbul ignore next */ []);
+	failedText = computed(() => this.failedLabel() || this.labels.imageLoadFailed, ...ngDevMode ? [{ debugName: "failedText" }] : 	/* istanbul ignore next */ []);
+	cue = computed(() => {
+		if (!this.hasAction()) return "none";
+		return this.actionFocusVisible() ? "focused" : "action";
+	}, ...ngDevMode ? [{ debugName: "cue" }] : 	/* istanbul ignore next */ []);
+	classes = computed(() => [
+		BASE$5,
+		LAYOUT$1[this.captionPlacement()],
+		SELECTED[this.selected() ? "on" : "off"],
+		CUE[this.cue()]
+	].filter(Boolean).join(" "), ...ngDevMode ? [{ debugName: "classes" }] : 	/* istanbul ignore next */ []);
+	mediaClasses = computed(() => `${MEDIA} ${MEDIA_CORNERS[this.captionPlacement()]} ${ASPECT[this.aspect()]}`, ...ngDevMode ? [{ debugName: "mediaClasses" }] : 	/* istanbul ignore next */ []);
+	zoomClasses = computed(() => this.hasAction() ? `${ZOOM_BASE} ${ZOOM_ACTION}` : ZOOM_BASE, ...ngDevMode ? [{ debugName: "zoomClasses" }] : 	/* istanbul ignore next */ []);
+	statusClasses = computed(() => ["absolute inset-x-0 top-0 flex flex-col items-center justify-center gap-2 p-3 text-center", this.captionPlacement() === "overlay" ? "bottom-1/3" : "bottom-0"].join(" "), ...ngDevMode ? [{ debugName: "statusClasses" }] : 	/* istanbul ignore next */ []);
+	captionClasses = computed(() => CAPTION[this.captionPlacement()], ...ngDevMode ? [{ debugName: "captionClasses" }] : 	/* istanbul ignore next */ []);
+	registerAction() {
+		this.actions.update((n) => n + 1);
+		return () => this.actions.update((n) => n - 1);
+	}
+	setActionFocusVisible(visible) {
+		this.actionFocusVisible.set(visible);
+	}
+	imageLoaded() {
+		this.image.loaded();
+		this.loaded.emit();
+	}
+	imageFailed() {
+		this.image.errored();
+		this.errored.emit();
+	}
+	skeletonFaded(event) {
+		this.image.skeletonFaded(event);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.1.7",
+		ngImport: i0,
+		type: BfImageTileComponent,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.1.7",
+		type: BfImageTileComponent,
+		isStandalone: true,
+		selector: "bf-image-tile",
+		inputs: {
+			src: {
+				classPropertyName: "src",
+				publicName: "src",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			alt: {
+				classPropertyName: "alt",
+				publicName: "alt",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			aspect: {
+				classPropertyName: "aspect",
+				publicName: "aspect",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			captionPlacement: {
+				classPropertyName: "captionPlacement",
+				publicName: "captionPlacement",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			loading: {
+				classPropertyName: "loading",
+				publicName: "loading",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			failed: {
+				classPropertyName: "failed",
+				publicName: "failed",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selected: {
+				classPropertyName: "selected",
+				publicName: "selected",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			placeholderLabel: {
+				classPropertyName: "placeholderLabel",
+				publicName: "placeholderLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			failedLabel: {
+				classPropertyName: "failedLabel",
+				publicName: "failedLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			loaded: "loaded",
+			errored: "errored"
+		},
+		host: { classAttribute: "block" },
+		providers: [{
+			provide: BF_ACTION_HOST,
+			useExisting: BfImageTileComponent
+		}],
+		ngImport: i0,
+		template: `
+    <div
+      [class]="classes()"
+      [attr.data-placement]="captionPlacement()"
+      [attr.data-selected]="selected() ? '' : null"
+    >
+      <div
+        data-media
+        [class]="mediaClasses()"
+        [attr.data-state]="state()"
+        [attr.aria-busy]="state() === 'loading' ? 'true' : null"
+      >
+        <div data-zoom [class]="zoomClasses()">
+          @if (skeletonShown()) {
+            <div
+              data-skeleton
+              [class]="skeletonLayerClasses"
+              [class.opacity-0]="state() === 'loaded'"
+              (transitionend)="skeletonFaded($event)"
+            >
+              <bf-skeleton shape="rect" height="100%" />
+              @if (state() === 'loading') {
+                <span class="sr-only">{{ labels.loading }}</span>
+              }
+            </div>
+          }
+          @for (url of imageSources(); track url) {
+            <img
+              bfFadeIn
+              class="absolute inset-0 size-full object-cover"
+              [src]="url"
+              [alt]="alt()"
+              (load)="imageLoaded()"
+              (error)="imageFailed()"
+            />
+          }
+        </div>
+        @if (state() === 'empty') {
+          <div data-placeholder [class]="statusClasses()">
+            <span class="text-text-muted inline-flex empty:hidden [&_svg]:size-6"
+              ><ng-content select="[bfSlot=placeholder-icon]"
+            /></span>
+            <p class="text-caption text-text-muted">{{ placeholderText() }}</p>
+          </div>
+        }
+        @if (state() === 'failed') {
+          <div data-failed [class]="statusClasses()">
+            <p class="text-caption text-text-muted">{{ failedText() }}</p>
+          </div>
+        }
+        <div data-badge class="absolute start-2 top-2 flex empty:hidden">
+          <ng-content select="[bfSlot=badge]" />
+        </div>
+      </div>
+      <div data-caption [class]="captionClasses()">
+        @if (selectedId(); as id) {
+          <!-- Read before the title; with a bfAction the link's name takes it (aria-labelledby),
+               so the text itself is hidden from the tree to be read once. -->
+          <span [id]="id" class="sr-only" [attr.aria-hidden]="hasAction() ? 'true' : null"
+            >{{ labels.imageTileSelected }},
+          </span>
+        }
+        <div data-title [class]="titleClasses"><ng-content /></div>
+        <div data-meta [class]="metaClasses"><ng-content select="[bfSlot=meta]" /></div>
+      </div>
+    </div>
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "directive",
+			type: BfFadeInDirective,
+			selector: "img[bfFadeIn]"
+		}, {
+			kind: "component",
+			type: BfSkeletonComponent,
+			selector: "bf-skeleton",
+			inputs: [
+				"shape",
+				"lines",
+				"width",
+				"height"
+			]
+		}]
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.1.7",
+	ngImport: i0,
+	type: BfImageTileComponent,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "bf-image-tile",
+			imports: [BfFadeInDirective, BfSkeletonComponent],
+			host: { class: "block" },
+			providers: [{
+				provide: BF_ACTION_HOST,
+				useExisting: BfImageTileComponent
+			}],
+			template: `
+    <div
+      [class]="classes()"
+      [attr.data-placement]="captionPlacement()"
+      [attr.data-selected]="selected() ? '' : null"
+    >
+      <div
+        data-media
+        [class]="mediaClasses()"
+        [attr.data-state]="state()"
+        [attr.aria-busy]="state() === 'loading' ? 'true' : null"
+      >
+        <div data-zoom [class]="zoomClasses()">
+          @if (skeletonShown()) {
+            <div
+              data-skeleton
+              [class]="skeletonLayerClasses"
+              [class.opacity-0]="state() === 'loaded'"
+              (transitionend)="skeletonFaded($event)"
+            >
+              <bf-skeleton shape="rect" height="100%" />
+              @if (state() === 'loading') {
+                <span class="sr-only">{{ labels.loading }}</span>
+              }
+            </div>
+          }
+          @for (url of imageSources(); track url) {
+            <img
+              bfFadeIn
+              class="absolute inset-0 size-full object-cover"
+              [src]="url"
+              [alt]="alt()"
+              (load)="imageLoaded()"
+              (error)="imageFailed()"
+            />
+          }
+        </div>
+        @if (state() === 'empty') {
+          <div data-placeholder [class]="statusClasses()">
+            <span class="text-text-muted inline-flex empty:hidden [&_svg]:size-6"
+              ><ng-content select="[bfSlot=placeholder-icon]"
+            /></span>
+            <p class="text-caption text-text-muted">{{ placeholderText() }}</p>
+          </div>
+        }
+        @if (state() === 'failed') {
+          <div data-failed [class]="statusClasses()">
+            <p class="text-caption text-text-muted">{{ failedText() }}</p>
+          </div>
+        }
+        <div data-badge class="absolute start-2 top-2 flex empty:hidden">
+          <ng-content select="[bfSlot=badge]" />
+        </div>
+      </div>
+      <div data-caption [class]="captionClasses()">
+        @if (selectedId(); as id) {
+          <!-- Read before the title; with a bfAction the link's name takes it (aria-labelledby),
+               so the text itself is hidden from the tree to be read once. -->
+          <span [id]="id" class="sr-only" [attr.aria-hidden]="hasAction() ? 'true' : null"
+            >{{ labels.imageTileSelected }},
+          </span>
+        }
+        <div data-title [class]="titleClasses"><ng-content /></div>
+        <div data-meta [class]="metaClasses"><ng-content select="[bfSlot=meta]" /></div>
+      </div>
+    </div>
+  `
+		}]
+	}],
+	propDecorators: {
+		src: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "src",
+				required: false
+			}]
+		}],
+		alt: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "alt",
+				required: false
+			}]
+		}],
+		aspect: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "aspect",
+				required: false
+			}]
+		}],
+		captionPlacement: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "captionPlacement",
+				required: false
+			}]
+		}],
+		loading: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "loading",
+				required: false
+			}]
+		}],
+		failed: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "failed",
+				required: false
+			}]
+		}],
+		selected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selected",
+				required: false
+			}]
+		}],
+		placeholderLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "placeholderLabel",
+				required: false
+			}]
+		}],
+		failedLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "failedLabel",
+				required: false
+			}]
+		}],
+		loaded: [{
+			type: i0.Output,
+			args: ["loaded"]
+		}],
+		errored: [{
+			type: i0.Output,
+			args: ["errored"]
+		}]
+	}
+});
 const TRACK = "[grid-area:1/1] block w-full appearance-none overflow-hidden rounded-full bg-surface-sunken [&::-webkit-progress-bar]:bg-surface-sunken [&::-webkit-progress-bar]:rounded-full [&::-webkit-progress-value]:rounded-full [&::-webkit-progress-value]:transition-[width] motion-reduce:[&::-webkit-progress-value]:transition-none [&::-moz-progress-bar]:rounded-full indeterminate:[&::-moz-progress-bar]:bg-transparent";
 const SIZE$1 = {
 	sm: "h-2",
@@ -14990,12 +15460,18 @@ var BfPaginationComponent = class BfPaginationComponent {
 		...ngDevMode ? { debugName: "compact" } : 		/* istanbul ignore next */ {},
 		transform: booleanAttribute
 	});
+	positionLabel = input(void 0, ...ngDevMode ? [{ debugName: "positionLabel" }] : 	/* istanbul ignore next */ []);
+	previousLabel = input("", ...ngDevMode ? [{ debugName: "previousLabel" }] : 	/* istanbul ignore next */ []);
+	nextLabel = input("", ...ngDevMode ? [{ debugName: "nextLabel" }] : 	/* istanbul ignore next */ []);
 	size = input(void 0, ...ngDevMode ? [{ debugName: "size" }] : 	/* istanbul ignore next */ []);
 	label = input("", ...ngDevMode ? [{ debugName: "label" }] : 	/* istanbul ignore next */ []);
 	labels = inject(BF_LABELS);
 	defaults = inject(BF_DEFAULTS);
 	resolvedSize = computed(() => this.size() ?? this.defaults.controlSize, ...ngDevMode ? [{ debugName: "resolvedSize" }] : 	/* istanbul ignore next */ []);
 	name = computed(() => this.label() || this.labels.pagination, ...ngDevMode ? [{ debugName: "name" }] : 	/* istanbul ignore next */ []);
+	previousName = computed(() => this.previousLabel() || this.labels.previousPage, ...ngDevMode ? [{ debugName: "previousName" }] : 	/* istanbul ignore next */ []);
+	nextName = computed(() => this.nextLabel() || this.labels.nextPage, ...ngDevMode ? [{ debugName: "nextName" }] : 	/* istanbul ignore next */ []);
+	position = computed(() => (this.positionLabel() ?? this.labels.pageOf)(this.current(), this.count()), ...ngDevMode ? [{ debugName: "position" }] : 	/* istanbul ignore next */ []);
 	count = computed(() => {
 		const pageCount = Math.floor(this.pageCount());
 		if (pageCount > 0) return pageCount;
@@ -15083,6 +15559,27 @@ var BfPaginationComponent = class BfPaginationComponent {
 				isRequired: false,
 				transformFunction: null
 			},
+			positionLabel: {
+				classPropertyName: "positionLabel",
+				publicName: "positionLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			previousLabel: {
+				classPropertyName: "previousLabel",
+				publicName: "previousLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			nextLabel: {
+				classPropertyName: "nextLabel",
+				publicName: "nextLabel",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
 			size: {
 				classPropertyName: "size",
 				publicName: "size",
@@ -15112,7 +15609,7 @@ var BfPaginationComponent = class BfPaginationComponent {
           <button
             type="button"
             data-bf-pagination-previous
-            [attr.aria-label]="labels.previousPage"
+            [attr.aria-label]="previousName()"
             [attr.aria-disabled]="current() <= 1 ? 'true' : null"
             [class]="arrowClasses(current() <= 1)"
             (click)="go(current() - 1)"
@@ -15122,7 +15619,7 @@ var BfPaginationComponent = class BfPaginationComponent {
         </li>
         @if (compact()) {
           <li [class]="statusClasses()">
-            <span aria-live="polite">{{ labels.pageOf(current(), count()) }}</span>
+            <span aria-live="polite">{{ position() }}</span>
           </li>
         } @else {
           @for (item of items(); track item) {
@@ -15148,7 +15645,7 @@ var BfPaginationComponent = class BfPaginationComponent {
           <button
             type="button"
             data-bf-pagination-next
-            [attr.aria-label]="labels.nextPage"
+            [attr.aria-label]="nextName()"
             [attr.aria-disabled]="current() >= count() ? 'true' : null"
             [class]="arrowClasses(current() >= count())"
             (click)="go(current() + 1)"
@@ -15183,7 +15680,7 @@ i0.ɵɵngDeclareClassMetadata({
           <button
             type="button"
             data-bf-pagination-previous
-            [attr.aria-label]="labels.previousPage"
+            [attr.aria-label]="previousName()"
             [attr.aria-disabled]="current() <= 1 ? 'true' : null"
             [class]="arrowClasses(current() <= 1)"
             (click)="go(current() - 1)"
@@ -15193,7 +15690,7 @@ i0.ɵɵngDeclareClassMetadata({
         </li>
         @if (compact()) {
           <li [class]="statusClasses()">
-            <span aria-live="polite">{{ labels.pageOf(current(), count()) }}</span>
+            <span aria-live="polite">{{ position() }}</span>
           </li>
         } @else {
           @for (item of items(); track item) {
@@ -15219,7 +15716,7 @@ i0.ɵɵngDeclareClassMetadata({
           <button
             type="button"
             data-bf-pagination-next
-            [attr.aria-label]="labels.nextPage"
+            [attr.aria-label]="nextName()"
             [attr.aria-disabled]="current() >= count() ? 'true' : null"
             [class]="arrowClasses(current() >= count())"
             (click)="go(current() + 1)"
@@ -15284,6 +15781,30 @@ i0.ɵɵngDeclareClassMetadata({
 				required: false
 			}]
 		}],
+		positionLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "positionLabel",
+				required: false
+			}]
+		}],
+		previousLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "previousLabel",
+				required: false
+			}]
+		}],
+		nextLabel: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "nextLabel",
+				required: false
+			}]
+		}],
 		size: [{
 			type: i0.Input,
 			args: [{
@@ -17541,6 +18062,6 @@ function provideBfDocumentReset() {
 		inject(DestroyRef).onDestroy(() => resetBfDocument(document));
 	});
 }
-export { BF_COLOR_SCHEME_STORAGE, BF_DEFAULTS, BF_DEFAULT_LABELS, BF_DEFAULT_VALUES, BF_LABELS, BF_SIDEBAR_STATE_STORAGE, BF_TABLE_SORT_SELECT, BF_TAB_BAR, BF_TAB_BAR_CONTROLLER, BF_TAB_LINKS, BfActionBarComponent, BfActionDirective, BfAlertComponent, BfAppFrameComponent, BfAvatarComponent, BfBadgeComponent, BfBreadcrumbComponent, BfBreadcrumbItemComponent, BfButtonComponent, BfCalendarComponent, BfCardComponent, BfChatMessageComponent, BfChatThreadComponent, BfCheckboxComponent, BfChipComponent, BfChipGroupComponent, BfColorSchemeService, BfDescriptionItemComponent, BfDescriptionListComponent, BfEmptyStateComponent, BfFadeInDirective, BfFieldComponent, BfFileInputComponent, BfIconButtonComponent, BfImageInputComponent, BfInputComponent, BfListComponent, BfListItemComponent, BfMediaCardComponent, BfMotionListDirective, BfNavGroupComponent, BfNavItemComponent, BfPageHeaderComponent, BfPaginationComponent, BfProgressComponent, BfProseDirective, BfRadioGroupComponent, BfSegmentedComponent, BfSidebarComponent, BfSidebarStateService, BfSkeletonComponent, BfSpinnerComponent, BfStatComponent, BfStepComponent, BfStepsComponent, BfTabBarComponent, BfTabComponent, BfTabGroupComponent, BfTabPanelComponent, BfTableCellDirective, BfTableComponent, BfTextareaComponent, BfThemeSwitchComponent, BfTimelineComponent, BfTimelineEventComponent, BfToggleComponent, BfToolbarComponent, BfTopNavComponent, bfFieldControlClass, bfValidationMessage, provideBfColorScheme, provideBfDefaults, provideBfLabels, provideBfSidebarState, BUTTON_CLASSES as ɵBF_BUTTON_CLASSES, ICON_BUTTON_CLASSES as ɵBF_ICON_BUTTON_CLASSES, BF_NAV as ɵBF_NAV, BfNativeSelectComponent as ɵBfNativeSelectComponent, FIELD_BOX as ɵFIELD_BOX, FIELD_ICON_END as ɵFIELD_ICON_END, FIELD_ICON_START as ɵFIELD_ICON_START, FIELD_PADDING_END as ɵFIELD_PADDING_END, FIELD_PADDING_START as ɵFIELD_PADDING_START, PILL_HIT as ɵPILL_HIT, choiceIndex as ɵchoiceIndex, choiceKey as ɵchoiceKey, compareIso as ɵcompareIso, createMemoryColorSchemeStorage as ɵcreateMemoryColorSchemeStorage, daysInMonth as ɵdaysInMonth, fieldDescribedBy as ɵfieldDescribedBy, fieldErrorMessageId as ɵfieldErrorMessageId, fieldErrorText as ɵfieldErrorText, fieldShowsError as ɵfieldShowsError, formatIsoDate as ɵformatIsoDate, localIsoDate as ɵlocalIsoDate, parseIsoDate as ɵparseIsoDate, provideBfDocumentReset as ɵprovideBfDocumentReset, uniqueId as ɵuniqueId, validIsoDate as ɵvalidIsoDate };
+export { BF_COLOR_SCHEME_STORAGE, BF_DEFAULTS, BF_DEFAULT_LABELS, BF_DEFAULT_VALUES, BF_LABELS, BF_SIDEBAR_STATE_STORAGE, BF_TABLE_SORT_SELECT, BF_TAB_BAR, BF_TAB_BAR_CONTROLLER, BF_TAB_LINKS, BfActionBarComponent, BfActionDirective, BfAlertComponent, BfAppFrameComponent, BfAvatarComponent, BfBadgeComponent, BfBreadcrumbComponent, BfBreadcrumbItemComponent, BfButtonComponent, BfCalendarComponent, BfCardComponent, BfChatMessageComponent, BfChatThreadComponent, BfCheckboxComponent, BfChipComponent, BfChipGroupComponent, BfColorSchemeService, BfDescriptionItemComponent, BfDescriptionListComponent, BfEmptyStateComponent, BfFadeInDirective, BfFieldComponent, BfFileInputComponent, BfIconButtonComponent, BfImageInputComponent, BfImageTileComponent, BfInputComponent, BfListComponent, BfListItemComponent, BfMediaCardComponent, BfMotionListDirective, BfNavGroupComponent, BfNavItemComponent, BfPageHeaderComponent, BfPaginationComponent, BfProgressComponent, BfProseDirective, BfRadioGroupComponent, BfSegmentedComponent, BfSidebarComponent, BfSidebarStateService, BfSkeletonComponent, BfSpinnerComponent, BfStatComponent, BfStepComponent, BfStepsComponent, BfTabBarComponent, BfTabComponent, BfTabGroupComponent, BfTabPanelComponent, BfTableCellDirective, BfTableComponent, BfTextareaComponent, BfThemeSwitchComponent, BfTimelineComponent, BfTimelineEventComponent, BfToggleComponent, BfToolbarComponent, BfTopNavComponent, bfFieldControlClass, bfValidationMessage, provideBfColorScheme, provideBfDefaults, provideBfLabels, provideBfSidebarState, BUTTON_CLASSES as ɵBF_BUTTON_CLASSES, ICON_BUTTON_CLASSES as ɵBF_ICON_BUTTON_CLASSES, BF_NAV as ɵBF_NAV, BfNativeSelectComponent as ɵBfNativeSelectComponent, FIELD_BOX as ɵFIELD_BOX, FIELD_ICON_END as ɵFIELD_ICON_END, FIELD_ICON_START as ɵFIELD_ICON_START, FIELD_PADDING_END as ɵFIELD_PADDING_END, FIELD_PADDING_START as ɵFIELD_PADDING_START, PILL_HIT as ɵPILL_HIT, choiceIndex as ɵchoiceIndex, choiceKey as ɵchoiceKey, compareIso as ɵcompareIso, createMemoryColorSchemeStorage as ɵcreateMemoryColorSchemeStorage, daysInMonth as ɵdaysInMonth, fieldDescribedBy as ɵfieldDescribedBy, fieldErrorMessageId as ɵfieldErrorMessageId, fieldErrorText as ɵfieldErrorText, fieldShowsError as ɵfieldShowsError, formatIsoDate as ɵformatIsoDate, localIsoDate as ɵlocalIsoDate, parseIsoDate as ɵparseIsoDate, provideBfDocumentReset as ɵprovideBfDocumentReset, uniqueId as ɵuniqueId, validIsoDate as ɵvalidIsoDate };
 
 //# sourceMappingURL=bitforgehq-ui.mjs.map