@ngb-bootstrap/core 0.0.0 → 0.1.0-next.0

package/fesm2022/ngb-bootstrap-core-chips.mjs

@@ -0,0 +1,512 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, ElementRef, InjectionToken, Injector, booleanAttribute, computed, contentChildren, inject, input, model, output, signal, viewChild } from "@angular/core";
+import { NGB_I18N } from "@ngb-bootstrap/core";
+import { NgbIcon } from "@ngb-bootstrap/core/icon";
+import { ngbIconClose } from "@ngb-bootstrap/icons";
+import { FocusKeyManager } from "@angular/cdk/a11y";
+import { Directionality } from "@angular/cdk/bidi";
+import { NgbValueAccessor, provideNgbValueAccessor } from "@ngb-bootstrap/core/cdk";
+const NGB_CHIP_GROUP = new InjectionToken("NGB_CHIP_GROUP");
+var NgbChip = class NgbChip {
+	el = inject(ElementRef);
+	i18n = inject(NGB_I18N);
+	group = inject(NGB_CHIP_GROUP, { optional: true });
+	dismiss = viewChild("dismiss", ...ngDevMode ? [{ debugName: "dismiss" }] : /* istanbul ignore next */ []);
+	closeIcon = ngbIconClose;
+	color = input(...ngDevMode ? [void 0, { debugName: "color" }] : /* istanbul ignore next */ []);
+	icon = input(...ngDevMode ? [void 0, { debugName: "icon" }] : /* istanbul ignore next */ []);
+	selectable = input(false, {
+		...ngDevMode ? { debugName: "selectable" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	selected = model(false, ...ngDevMode ? [{ debugName: "selected" }] : /* istanbul ignore next */ []);
+	value = input(...ngDevMode ? [void 0, { debugName: "value" }] : /* istanbul ignore next */ []);
+	removable = input(false, {
+		...ngDevMode ? { debugName: "removable" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	removed = output();
+	isDisabled = computed(() => this.disabled() || (this.group?.isDisabled() ?? false), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	isSelected = computed(() => this.group ? this.group.isSelected(this.value()) : this.selected(), ...ngDevMode ? [{ debugName: "isSelected" }] : /* istanbul ignore next */ []);
+	classes = computed(() => {
+		const classes = ["chip"];
+		const color = this.color();
+		if (color) classes.push(`theme-${color}`);
+		if (this.selectable() && this.isSelected()) classes.push("active");
+		if (this.isDisabled()) classes.push("disabled");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	tabIndex = computed(() => {
+		if (!this.selectable() || this.isDisabled()) return null;
+		return this.group && !this.group.isTabbable(this) ? -1 : 0;
+	}, ...ngDevMode ? [{ debugName: "tabIndex" }] : /* istanbul ignore next */ []);
+	removeLabel() {
+		return this.i18n.chip.remove.replace("{label}", this.label() ?? this.textLabel());
+	}
+	textLabel() {
+		const clone = this.el.nativeElement.cloneNode(true);
+		clone.querySelectorAll(".chip-dismiss").forEach((node) => node.remove());
+		return (clone.textContent ?? "").trim().replace(/\s+/g, " ");
+	}
+	focus() {
+		(this.selectable() ? this.el.nativeElement : this.dismiss()?.nativeElement)?.focus();
+	}
+	onClick() {
+		if (this.selectable()) this.toggle();
+	}
+	onKeydown(event) {
+		this.group?.activate(this);
+		if (event.target !== this.el.nativeElement || !this.selectable()) return;
+		if (event.key === "Enter" || event.key === " ") {
+			event.preventDefault();
+			this.toggle();
+		} else if ((event.key === "Delete" || event.key === "Backspace") && this.removable()) {
+			event.preventDefault();
+			this.remove();
+		}
+	}
+	onDismiss(event) {
+		event.stopPropagation();
+		this.remove();
+	}
+	toggle() {
+		if (this.isDisabled()) return;
+		if (this.group) this.group.toggle(this.value());
+		else this.selected.update((selected) => !selected);
+	}
+	remove() {
+		if (this.isDisabled()) return;
+		this.moveFocusToNeighbour();
+		this.removed.emit();
+	}
+	moveFocusToNeighbour() {
+		const host = this.el.nativeElement;
+		if (!host.contains(host.ownerDocument.activeElement)) return;
+		for (let node = host; node && node !== host.ownerDocument.body;) {
+			for (const sibling of [node.nextElementSibling, node.previousElementSibling]) {
+				const chip = sibling?.matches("ngb-chip") ? sibling : sibling?.querySelector("ngb-chip");
+				if (chip?.closest("ngb-chip-group") !== host.closest("ngb-chip-group")) continue;
+				const target = chip?.matches("[role=button]:not([aria-disabled])") ? chip : chip?.querySelector(".chip-dismiss:not(:disabled)");
+				if (target instanceof HTMLElement) {
+					target.focus();
+					return;
+				}
+			}
+			node = node === host ? host.parentElement : null;
+		}
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbChip,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: NgbChip,
+		isStandalone: true,
+		selector: "ngb-chip",
+		inputs: {
+			color: {
+				classPropertyName: "color",
+				publicName: "color",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			icon: {
+				classPropertyName: "icon",
+				publicName: "icon",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selectable: {
+				classPropertyName: "selectable",
+				publicName: "selectable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			selected: {
+				classPropertyName: "selected",
+				publicName: "selected",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			removable: {
+				classPropertyName: "removable",
+				publicName: "removable",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: {
+			selected: "selectedChange",
+			removed: "removed"
+		},
+		host: {
+			listeners: {
+				"click": "onClick()",
+				"keydown": "onKeydown($event)",
+				"focus": "group?.activate(this)"
+			},
+			properties: {
+				"class": "classes()",
+				"attr.role": "selectable() ? \"button\" : null",
+				"attr.aria-pressed": "selectable() ? isSelected() : null",
+				"attr.aria-disabled": "selectable() && isDisabled() ? \"true\" : null",
+				"attr.tabindex": "tabIndex()"
+			}
+		},
+		viewQueries: [{
+			propertyName: "dismiss",
+			first: true,
+			predicate: ["dismiss"],
+			descendants: true,
+			isSignal: true
+		}],
+		ngImport: i0,
+		template: `
+    @if (icon(); as icon) {
+      <ngb-icon class="chip-icon" [icon]="icon" />
+    }
+    <ng-content />
+    @if (removable()) {
+      <button
+        #dismiss
+        type="button"
+        class="chip-dismiss"
+        [disabled]="isDisabled()"
+        [attr.tabindex]="selectable() ? -1 : null"
+        [attr.aria-hidden]="selectable() ? 'true' : null"
+        [attr.aria-label]="removeLabel()"
+        (click)="onDismiss($event)"
+      >
+        <ngb-icon [icon]="closeIcon" size="1rem" />
+      </button>
+    }
+  `,
+		isInline: true,
+		dependencies: [{
+			kind: "component",
+			type: NgbIcon,
+			selector: "ngb-icon",
+			inputs: [
+				"name",
+				"icon",
+				"theme",
+				"size",
+				"strokeWidth",
+				"label"
+			]
+		}],
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbChip,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-chip",
+			imports: [NgbIcon],
+			template: `
+    @if (icon(); as icon) {
+      <ngb-icon class="chip-icon" [icon]="icon" />
+    }
+    <ng-content />
+    @if (removable()) {
+      <button
+        #dismiss
+        type="button"
+        class="chip-dismiss"
+        [disabled]="isDisabled()"
+        [attr.tabindex]="selectable() ? -1 : null"
+        [attr.aria-hidden]="selectable() ? 'true' : null"
+        [attr.aria-label]="removeLabel()"
+        (click)="onDismiss($event)"
+      >
+        <ngb-icon [icon]="closeIcon" size="1rem" />
+      </button>
+    }
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				"[class]": "classes()",
+				"[attr.role]": "selectable() ? \"button\" : null",
+				"[attr.aria-pressed]": "selectable() ? isSelected() : null",
+				"[attr.aria-disabled]": "selectable() && isDisabled() ? \"true\" : null",
+				"[attr.tabindex]": "tabIndex()",
+				"(click)": "onClick()",
+				"(keydown)": "onKeydown($event)",
+				"(focus)": "group?.activate(this)"
+			}
+		}]
+	}],
+	propDecorators: {
+		dismiss: [{
+			type: i0.ViewChild,
+			args: ["dismiss", { isSignal: true }]
+		}],
+		color: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "color",
+				required: false
+			}]
+		}],
+		icon: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "icon",
+				required: false
+			}]
+		}],
+		selectable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selectable",
+				required: false
+			}]
+		}],
+		selected: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "selected",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["selectedChange"]
+		}],
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}],
+		removable: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "removable",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		removed: [{
+			type: i0.Output,
+			args: ["removed"]
+		}]
+	}
+});
+var NgbChipGroup = class NgbChipGroup extends NgbValueAccessor {
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	multiple = input(false, {
+		...ngDevMode ? { debugName: "multiple" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	chips = contentChildren(NgbChip, {
+		...ngDevMode ? { debugName: "chips" } : /* istanbul ignore next */ {},
+		descendants: true
+	});
+	options = /* @__PURE__ */ new WeakMap();
+	focusable = computed(() => this.chips().filter((chip) => chip.selectable() && !chip.isDisabled()), ...ngDevMode ? [{ debugName: "focusable" }] : /* istanbul ignore next */ []);
+	focusableOptions = computed(() => this.focusable().map((c) => this.option(c)), ...ngDevMode ? [{ debugName: "focusableOptions" }] : /* istanbul ignore next */ []);
+	active = signal(null, ...ngDevMode ? [{ debugName: "active" }] : /* istanbul ignore next */ []);
+	keyManager = new FocusKeyManager(this.focusableOptions, inject(Injector)).withWrap().withHomeAndEnd().withHorizontalOrientation(inject(Directionality).value);
+	tabbable = computed(() => {
+		const chips = this.focusable();
+		const active = this.active();
+		return (active && chips.includes(active) ? active : null) ?? chips.find((chip) => this.isSelected(chip.value())) ?? chips[0] ?? null;
+	}, ...ngDevMode ? [{ debugName: "tabbable" }] : /* istanbul ignore next */ []);
+	isSelected(value) {
+		const current = this.value();
+		return this.multiple() ? Array.isArray(current) && current.includes(value) : current !== null && current === value;
+	}
+	toggle(value) {
+		if (!this.multiple()) {
+			this.setValue(this.isSelected(value) ? null : value);
+			return;
+		}
+		const current = this.value();
+		const list = Array.isArray(current) ? current : [];
+		this.setValue(list.includes(value) ? list.filter((item) => item !== value) : [...list, value]);
+	}
+	isTabbable(chip) {
+		return this.tabbable() === chip;
+	}
+	activate(chip) {
+		this.active.set(chip);
+		this.keyManager.updateActiveItem(this.option(chip));
+	}
+	option(chip) {
+		let option = this.options.get(chip);
+		if (!option) this.options.set(chip, option = { focus: () => chip.focus() });
+		return option;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbChipGroup,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.2.0",
+		version: "22.2.3",
+		type: NgbChipGroup,
+		isStandalone: true,
+		selector: "ngb-chip-group",
+		inputs: {
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			multiple: {
+				classPropertyName: "multiple",
+				publicName: "multiple",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: {
+			attributes: { "role": "group" },
+			listeners: {
+				"keydown": "keyManager.onKeydown($event)",
+				"focusout": "markTouched()"
+			},
+			properties: { "attr.aria-label": "label()" },
+			classAttribute: "chip-group"
+		},
+		providers: [provideNgbValueAccessor(() => NgbChipGroup), {
+			provide: NGB_CHIP_GROUP,
+			useExisting: NgbChipGroup
+		}],
+		queries: [{
+			propertyName: "chips",
+			predicate: NgbChip,
+			descendants: true,
+			isSignal: true
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: "<ng-content />",
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbChipGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-chip-group",
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [provideNgbValueAccessor(() => NgbChipGroup), {
+				provide: NGB_CHIP_GROUP,
+				useExisting: NgbChipGroup
+			}],
+			host: {
+				class: "chip-group",
+				role: "group",
+				"[attr.aria-label]": "label()",
+				"(keydown)": "keyManager.onKeydown($event)",
+				"(focusout)": "markTouched()"
+			}
+		}]
+	}],
+	propDecorators: {
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		multiple: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "multiple",
+				required: false
+			}]
+		}],
+		chips: [{
+			type: i0.ContentChildren,
+			args: [i0.forwardRef(() => NgbChip), {
+				descendants: true,
+				isSignal: true
+			}]
+		}]
+	}
+});
+export { NGB_CHIP_GROUP, NgbChip, NgbChipGroup };
+
+//# sourceMappingURL=ngb-bootstrap-core-chips.mjs.map

package/fesm2022/ngb-bootstrap-core-chips.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngb-bootstrap-core-chips.mjs","names":[],"sources":["../../../../projects/core/chips/chip.ts","../../../../projects/core/chips/chip-group.ts"],"sourcesContent":["// API adapted from Taiga UI (Apache-2.0), see NOTICE.\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  ElementRef,\n  InjectionToken,\n  Signal,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n  model,\n  output,\n  viewChild,\n} from '@angular/core';\nimport { NGB_I18N, NgbThemeColor } from '@ngb-bootstrap/core';\nimport { NgbIcon } from '@ngb-bootstrap/core/icon';\nimport { NgbIconDefinition, ngbIconClose } from '@ngb-bootstrap/icons';\n\n/** What a chip needs from the `ngb-chip-group` it sits in. Implemented by `NgbChipGroup`. */\nexport interface NgbChipGroupRef {\n  isSelected(value: unknown): boolean;\n  toggle(value: unknown): void;\n  /** True for the one chip that is in the tab order (roving tabindex). */\n  isTabbable(chip: unknown): boolean;\n  /** Called when a chip receives focus, so arrow keys continue from it. */\n  activate(chip: unknown): void;\n  readonly isDisabled: Signal<boolean>;\n}\n\n/** Lets chips find their group without importing it, which would be circular. */\nexport const NGB_CHIP_GROUP = new InjectionToken<NgbChipGroupRef>('NGB_CHIP_GROUP');\n\n/**\n * Compact label, built on Bootstrap 6 `.chip`. A chip is static by default; make it `selectable`\n * to toggle it (`aria-pressed`) or `removable` to add a dismiss button that emits `removed`.\n *\n * ```html\n * <ngb-chip color=\"success\" [icon]=\"ngbIconCheck\">Done</ngb-chip>\n * <ngb-chip selectable [(selected)]=\"on\">Filter</ngb-chip>\n * <ngb-chip removable (removed)=\"remove(tag)\">{{ tag }}</ngb-chip>\n * ```\n *\n * Inside an `ngb-chip-group` the chip's `value` is what the group selects. A selectable chip is a\n * focusable toggle; its dismiss button then leaves the tab order and Delete or Backspace removes\n * the chip instead.\n */\n@Component({\n  selector: 'ngb-chip',\n  imports: [NgbIcon],\n  template: `\n    @if (icon(); as icon) {\n      <ngb-icon class=\"chip-icon\" [icon]=\"icon\" />\n    }\n    <ng-content />\n    @if (removable()) {\n      <button\n        #dismiss\n        type=\"button\"\n        class=\"chip-dismiss\"\n        [disabled]=\"isDisabled()\"\n        [attr.tabindex]=\"selectable() ? -1 : null\"\n        [attr.aria-hidden]=\"selectable() ? 'true' : null\"\n        [attr.aria-label]=\"removeLabel()\"\n        (click)=\"onDismiss($event)\"\n      >\n        <ngb-icon [icon]=\"closeIcon\" size=\"1rem\" />\n      </button>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    '[class]': 'classes()',\n    '[attr.role]': 'selectable() ? \"button\" : null',\n    '[attr.aria-pressed]': 'selectable() ? isSelected() : null',\n    '[attr.aria-disabled]': 'selectable() && isDisabled() ? \"true\" : null',\n    '[attr.tabindex]': 'tabIndex()',\n    '(click)': 'onClick()',\n    '(keydown)': 'onKeydown($event)',\n    '(focus)': 'group?.activate(this)',\n  },\n})\nexport class NgbChip {\n  private readonly el = inject<ElementRef<HTMLElement>>(ElementRef);\n  private readonly i18n = inject(NGB_I18N);\n  private readonly group = inject(NGB_CHIP_GROUP, { optional: true });\n  private readonly dismiss = viewChild<ElementRef<HTMLElement>>('dismiss');\n\n  protected readonly closeIcon = ngbIconClose;\n\n  /** Theme colour (Bootstrap `.theme-*`). Defaults to Bootstrap's neutral chip. */\n  readonly color = input<NgbThemeColor>();\n  /** Leading icon from `@ngb-bootstrap/icons`. */\n  readonly icon = input<NgbIconDefinition>();\n  /** Makes the chip a toggle button with `aria-pressed`. */\n  readonly selectable = input(false, { transform: booleanAttribute });\n  /** Selected state of a selectable chip outside a group; two-way bindable. */\n  readonly selected = model(false);\n  /** What the surrounding `ngb-chip-group` selects when this chip is toggled. */\n  readonly value = input<unknown>();\n  /** Adds a dismiss button. */\n  readonly removable = input(false, { transform: booleanAttribute });\n  /** Disables the chip and its dismiss button. */\n  readonly disabled = input(false, { transform: booleanAttribute });\n  /**\n   * Text used in the dismiss button's name (\"Remove {label}\"). Defaults to the chip's text.\n   * Set it when the content isn't plain text.\n   */\n  readonly label = input<string>();\n  /** Emits when the dismiss button is pressed, or on Delete / Backspace in a selectable chip. */\n  readonly removed = output<void>();\n\n  /** True when disabled by the input or by its group. */\n  readonly isDisabled = computed(() => this.disabled() || (this.group?.isDisabled() ?? false));\n\n  protected readonly isSelected = computed(() =>\n    this.group ? this.group.isSelected(this.value()) : this.selected(),\n  );\n\n  protected readonly classes = computed(() => {\n    const classes = ['chip'];\n    const color = this.color();\n    if (color) classes.push(`theme-${color}`);\n    if (this.selectable() && this.isSelected()) classes.push('active');\n    if (this.isDisabled()) classes.push('disabled');\n    return classes.join(' ');\n  });\n\n  protected readonly tabIndex = computed(() => {\n    if (!this.selectable() || this.isDisabled()) return null;\n    return this.group && !this.group.isTabbable(this) ? -1 : 0;\n  });\n\n  /** Accessible name of the dismiss button. Reads the chip's text when `label` isn't set. */\n  protected removeLabel(): string {\n    return this.i18n.chip.remove.replace('{label}', this.label() ?? this.textLabel());\n  }\n\n  private textLabel(): string {\n    const clone = this.el.nativeElement.cloneNode(true) as HTMLElement;\n    clone.querySelectorAll('.chip-dismiss').forEach((node) => node.remove());\n    return (clone.textContent ?? '').trim().replace(/\\s+/g, ' ');\n  }\n\n  /** Focuses the chip, or its dismiss button if it isn't selectable. Used by the group's key manager. */\n  focus(): void {\n    (this.selectable() ? this.el.nativeElement : this.dismiss()?.nativeElement)?.focus();\n  }\n\n  protected onClick(): void {\n    if (this.selectable()) this.toggle();\n  }\n\n  protected onKeydown(event: KeyboardEvent): void {\n    // Runs before the group's own keydown handler, so arrow keys start from this chip.\n    this.group?.activate(this);\n    if (event.target !== this.el.nativeElement || !this.selectable()) return;\n    if (event.key === 'Enter' || event.key === ' ') {\n      event.preventDefault();\n      this.toggle();\n    } else if ((event.key === 'Delete' || event.key === 'Backspace') && this.removable()) {\n      event.preventDefault();\n      this.remove();\n    }\n  }\n\n  protected onDismiss(event: Event): void {\n    event.stopPropagation();\n    this.remove();\n  }\n\n  private toggle(): void {\n    if (this.isDisabled()) return;\n    if (this.group) this.group.toggle(this.value());\n    else this.selected.update((selected) => !selected);\n  }\n\n  private remove(): void {\n    if (this.isDisabled()) return;\n    this.moveFocusToNeighbour();\n    this.removed.emit();\n  }\n\n  /**\n   * The chip is about to leave the DOM: hand focus to the next chip, else the previous one. Chips\n   * may sit directly next to each other or each inside a wrapper such as a grid column.\n   */\n  private moveFocusToNeighbour(): void {\n    const host = this.el.nativeElement;\n    if (!host.contains(host.ownerDocument.activeElement)) return;\n    for (let node: Element | null = host; node && node !== host.ownerDocument.body;) {\n      for (const sibling of [node.nextElementSibling, node.previousElementSibling]) {\n        const chip = sibling?.matches('ngb-chip') ? sibling : sibling?.querySelector('ngb-chip');\n        // Never hand focus to a chip in another group.\n        if (chip?.closest('ngb-chip-group') !== host.closest('ngb-chip-group')) continue;\n        const target = chip?.matches('[role=button]:not([aria-disabled])')\n          ? chip\n          : chip?.querySelector('.chip-dismiss:not(:disabled)');\n        if (target instanceof HTMLElement) {\n          target.focus();\n          return;\n        }\n      }\n      node = node === host ? host.parentElement : null;\n    }\n  }\n}\n","// API adapted from Taiga UI (Apache-2.0), see NOTICE.\nimport { FocusKeyManager, FocusableOption } from '@angular/cdk/a11y';\nimport { Directionality } from '@angular/cdk/bidi';\nimport {\n  ChangeDetectionStrategy,\n  Component,\n  Injector,\n  booleanAttribute,\n  computed,\n  contentChildren,\n  inject,\n  input,\n  signal,\n} from '@angular/core';\nimport { NgbValueAccessor, provideNgbValueAccessor } from '@ngb-bootstrap/core/cdk';\nimport { NGB_CHIP_GROUP, NgbChip, NgbChipGroupRef } from './chip';\n\n/**\n * Group of chips. It is a single tab stop: arrow keys, Home and End move between the selectable\n * chips and Enter or Space toggles one. The value is the `value` of the selected chip, or an array\n * of them with `multiple`. Works with `[(value)]`, `ngModel` and reactive forms.\n *\n * ```html\n * <ngb-chip-group label=\"Topics\" multiple [(value)]=\"topics\">\n *   <ngb-chip selectable value=\"a11y\">Accessibility</ngb-chip>\n *   <ngb-chip selectable value=\"i18n\">Internationalisation</ngb-chip>\n * </ngb-chip-group>\n * ```\n */\n@Component({\n  selector: 'ngb-chip-group',\n  template: '<ng-content />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [\n    provideNgbValueAccessor(() => NgbChipGroup),\n    { provide: NGB_CHIP_GROUP, useExisting: NgbChipGroup },\n  ],\n  host: {\n    class: 'chip-group',\n    role: 'group',\n    '[attr.aria-label]': 'label()',\n    '(keydown)': 'keyManager.onKeydown($event)',\n    '(focusout)': 'markTouched()',\n  },\n})\nexport class NgbChipGroup extends NgbValueAccessor<unknown> implements NgbChipGroupRef {\n  /** Accessible name of the group. */\n  readonly label = input<string>();\n  /** Allows several chips to be selected; the value is then an array. */\n  readonly multiple = input(false, { transform: booleanAttribute });\n\n  private readonly chips = contentChildren(NgbChip, { descendants: true });\n  // The key manager wants `FocusableOption`s; a chip's `disabled` is an input signal, so wrap it.\n  private readonly options = new WeakMap<NgbChip, FocusableOption>();\n  private readonly focusable = computed(() =>\n    this.chips().filter((chip) => chip.selectable() && !chip.isDisabled()),\n  );\n  private readonly focusableOptions = computed(() => this.focusable().map((c) => this.option(c)));\n  private readonly active = signal<NgbChip | null>(null);\n\n  protected readonly keyManager = new FocusKeyManager(this.focusableOptions, inject(Injector))\n    .withWrap()\n    .withHomeAndEnd()\n    .withHorizontalOrientation(inject(Directionality).value);\n\n  /** The chip in the tab order: the last focused one, else the first selected, else the first. */\n  private readonly tabbable = computed(() => {\n    const chips = this.focusable();\n    const active = this.active();\n    return (\n      (active && chips.includes(active) ? active : null) ??\n      chips.find((chip) => this.isSelected(chip.value())) ??\n      chips[0] ??\n      null\n    );\n  });\n\n  isSelected(value: unknown): boolean {\n    const current = this.value();\n    return this.multiple()\n      ? Array.isArray(current) && current.includes(value)\n      : current !== null && current === value;\n  }\n\n  toggle(value: unknown): void {\n    if (!this.multiple()) {\n      this.setValue(this.isSelected(value) ? null : value);\n      return;\n    }\n    const current = this.value();\n    const list = Array.isArray(current) ? current : [];\n    this.setValue(list.includes(value) ? list.filter((item) => item !== value) : [...list, value]);\n  }\n\n  isTabbable(chip: unknown): boolean {\n    return this.tabbable() === chip;\n  }\n\n  activate(chip: unknown): void {\n    this.active.set(chip as NgbChip);\n    this.keyManager.updateActiveItem(this.option(chip as NgbChip));\n  }\n\n  private option(chip: NgbChip): FocusableOption {\n    let option = this.options.get(chip);\n    if (!option) this.options.set(chip, (option = { focus: () => chip.focus() }));\n    return option;\n  }\n}\n"],"mappings":"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"}

package/fesm2022/ngb-bootstrap-core-floating-label.mjs

@@ -0,0 +1,83 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, forwardRef } from "@angular/core";
+import { NGB_INPUT_FIELD, NgbField } from "@ngb-bootstrap/core/input";
+var NgbFloatingLabel = class NgbFloatingLabel extends NgbField {
+	placeholder = " ";
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbFloatingLabel,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: NgbFloatingLabel,
+		isStandalone: true,
+		selector: "ngb-floating-label",
+		host: { classAttribute: "form-field" },
+		providers: [{
+			provide: NGB_INPUT_FIELD,
+			useExisting: forwardRef(() => NgbFloatingLabel)
+		}],
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <div class="input-group">
+      <div class="form-floating">
+        @if (label()) {
+          <label [attr.for]="labelFor()">{{ label() }}</label>
+        }
+        <ng-content />
+      </div>
+    </div>
+    @if (hint()) {
+      <div class="form-text" [id]="hintId">{{ hint() }}</div>
+    }
+    @if (showError()) {
+      <div class="invalid-feedback" [id]="errorId">{{ error() }}</div>
+    }
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbFloatingLabel,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-floating-label",
+			template: `
+    <div class="input-group">
+      <div class="form-floating">
+        @if (label()) {
+          <label [attr.for]="labelFor()">{{ label() }}</label>
+        }
+        <ng-content />
+      </div>
+    </div>
+    @if (hint()) {
+      <div class="form-text" [id]="hintId">{{ hint() }}</div>
+    }
+    @if (showError()) {
+      <div class="invalid-feedback" [id]="errorId">{{ error() }}</div>
+    }
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			providers: [{
+				provide: NGB_INPUT_FIELD,
+				useExisting: forwardRef(() => NgbFloatingLabel)
+			}],
+			host: { class: "form-field" }
+		}]
+	}]
+});
+export { NgbFloatingLabel };
+
+//# sourceMappingURL=ngb-bootstrap-core-floating-label.mjs.map

package/fesm2022/ngb-bootstrap-core-floating-label.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ngb-bootstrap-core-floating-label.mjs","names":[],"sources":["../../../../projects/core/floating-label/floating-label.ts"],"sourcesContent":["// API adapted from Bootstrap 6 `.form-floating`, see NOTICE.\nimport { ChangeDetectionStrategy, Component, forwardRef } from '@angular/core';\nimport { NGB_INPUT_FIELD, NgbField } from '@ngb-bootstrap/core/input';\n\n/**\n * Floating label built on Bootstrap 6 `.form-floating`. The label sits inside the control and\n * moves up once the control has focus or a value. It works with `<input>`, `<textarea>` and\n * `<select>`: put an `ngbInput` inside.\n *\n * Bootstrap detects a value with `:placeholder-shown`, so the control needs a `placeholder`. The\n * input gets a single space by default; set `placeholder` to show a hint once it has focus.\n *\n * ```html\n * <ngb-floating-label label=\"Email\" hint=\"We never share it.\" error=\"Enter a valid email.\">\n *   <input ngbInput type=\"email\" formControlName=\"email\" />\n * </ngb-floating-label>\n * ```\n */\n@Component({\n  selector: 'ngb-floating-label',\n  template: `\n    <div class=\"input-group\">\n      <div class=\"form-floating\">\n        @if (label()) {\n          <label [attr.for]=\"labelFor()\">{{ label() }}</label>\n        }\n        <ng-content />\n      </div>\n    </div>\n    @if (hint()) {\n      <div class=\"form-text\" [id]=\"hintId\">{{ hint() }}</div>\n    }\n    @if (showError()) {\n      <div class=\"invalid-feedback\" [id]=\"errorId\">{{ error() }}</div>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  providers: [{ provide: NGB_INPUT_FIELD, useExisting: forwardRef(() => NgbFloatingLabel) }],\n  host: {\n    class: 'form-field',\n  },\n})\nexport class NgbFloatingLabel extends NgbField {\n  /** Default placeholder handed to the input: a space, so `:placeholder-shown` works. */\n  readonly placeholder = ' ';\n}\n"],"mappings":";;;AA0CA,IAAa,mBAAb,MAAa,yBAAyB,SAAQ;CAEnC,cAAc;CAFZ,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAgB,MAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAhB,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAgB,cAAA;EAAA,UAAA;EAAA,MAAA,EAAA,gBAAA,aAAA;EAAA,WALhB,CAAC;GAAE,SAAS;GAAiB,aAAa,iBAAiB,gBAAgB;EAAC,CAAE;EAAC,iBAAA;EAAA,UAAA;EAAA,UAjBhF;;;;;;;;;;;;;;;;EAeT,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAOU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAgB,YAAA,CAAA;EAxB5B,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,UAAU;;;;;;;;;;;;;;;;GAgBV,iBAAiB,wBAAwB;GACzC,WAAW,CAAC;IAAE,SAAS;IAAiB,aAAa,iBAAgB,gBAAiB;GAAC,CAAE;GACzF,MAAM,EACJ,OAAO,aACR;EACF,CAAA"}