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

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

@@ -0,0 +1,282 @@
+import { Overlay } from "@angular/cdk/overlay";
+import * as i0 from "@angular/core";
+import { DestroyRef, Directive, Injectable, Injector, booleanAttribute, computed, forwardRef, inject, input, model, signal } from "@angular/core";
+import { Subject, merge } from "rxjs";
+import { filter, take } from "rxjs/operators";
+import { NG_VALUE_ACCESSOR, NgControl } from "@angular/forms";
+import { NGB_DEFAULT_I18N, NGB_I18N, provideNgbI18n } from "@ngb-bootstrap/core";
+const OPPOSITE = {
+	top: "bottom",
+	bottom: "top",
+	start: "end",
+	end: "start"
+};
+function ngbPositions(placement, offset = 0) {
+	const flipped = placement.replace(/^[a-z]+/, (side) => OPPOSITE[side]);
+	return [toPosition(placement, offset), toPosition(flipped, offset)];
+}
+function toPosition(placement, offset) {
+	const [side, align = "center"] = placement.split("-");
+	const vertical = side === "top" || side === "bottom";
+	const pos = {
+		originX: "center",
+		originY: "center",
+		overlayX: "center",
+		overlayY: "center"
+	};
+	if (vertical) {
+		pos["originY"] = side === "top" ? "top" : "bottom";
+		pos["overlayY"] = side === "top" ? "bottom" : "top";
+		if (align !== "center") pos["originX"] = pos["overlayX"] = align;
+	} else {
+		pos["originX"] = side;
+		pos["overlayX"] = OPPOSITE[side];
+		if (align !== "center") pos["originY"] = pos["overlayY"] = align;
+	}
+	const dy = side === "top" ? 0 - offset : side === "bottom" ? offset : 0;
+	const dx = side === "start" ? 0 - offset : side === "end" ? offset : 0;
+	return {
+		...pos,
+		offsetX: dx,
+		offsetY: dy,
+		panelClass: `ngb-placement-${side}`
+	};
+}
+var NgbAnchoredOverlay = class NgbAnchoredOverlay {
+	overlay = inject(Overlay);
+	open(anchor, content, config = {}) {
+		const overlayConfig = {
+			positionStrategy: this.overlay.position().flexibleConnectedTo(anchor).withPositions(ngbPositions(config.placement ?? "bottom", config.offset)).withFlexibleDimensions(false).withPush(true),
+			scrollStrategy: this.overlay.scrollStrategies.reposition(),
+			panelClass: config.panelClass ?? []
+		};
+		const overlayRef = this.overlay.create(overlayConfig);
+		overlayRef.attach(content);
+		const closed = new Subject();
+		let done = false;
+		const close = () => {
+			if (done) return;
+			done = true;
+			overlayRef.dispose();
+			closed.next();
+			closed.complete();
+		};
+		const triggers = [];
+		if (config.closeOnEscape !== false) triggers.push(overlayRef.keydownEvents().pipe(filter((e) => e.key === "Escape")));
+		if (config.closeOnOutsideClick !== false) triggers.push(overlayRef.outsidePointerEvents().pipe(filter((e) => !anchor.contains(e.target))));
+		merge(...triggers).pipe(take(1)).subscribe(close);
+		return {
+			overlayRef,
+			closed: closed.asObservable(),
+			close
+		};
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbAnchoredOverlay,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbAnchoredOverlay,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbAnchoredOverlay,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+var NgbIdGenerator = class NgbIdGenerator {
+	counters = /* @__PURE__ */ new Map();
+	next(prefix) {
+		const n = (this.counters.get(prefix) ?? 0) + 1;
+		this.counters.set(prefix, n);
+		return `${prefix}-${n}`;
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbIdGenerator,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Injectable
+	});
+	static ɵprov = i0.ɵɵngDeclareInjectable({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbIdGenerator,
+		providedIn: "root"
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbIdGenerator,
+	decorators: [{
+		type: Injectable,
+		args: [{ providedIn: "root" }]
+	}]
+});
+function ngbId(prefix = "ngb") {
+	return inject(NgbIdGenerator).next(prefix);
+}
+const noop = () => {};
+var NgbValueAccessor = class NgbValueAccessor {
+	injector = inject(Injector);
+	value = model(null, ...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	formDisabled = signal(false, ...ngDevMode ? [{ debugName: "formDisabled" }] : /* istanbul ignore next */ []);
+	isDisabled = computed(() => this.disabled() || this.formDisabled(), ...ngDevMode ? [{ debugName: "isDisabled" }] : /* istanbul ignore next */ []);
+	invalid = input(void 0, {
+		...ngDevMode ? { debugName: "invalid" } : /* istanbul ignore next */ {},
+		transform: (value) => value == null ? void 0 : booleanAttribute(value)
+	});
+	touchedInvalid = signal(false, ...ngDevMode ? [{ debugName: "touchedInvalid" }] : /* istanbul ignore next */ []);
+	isInvalid = computed(() => this.invalid() ?? this.touchedInvalid(), ...ngDevMode ? [{ debugName: "isInvalid" }] : /* istanbul ignore next */ []);
+	ngControl;
+	watched = null;
+	subscription;
+	onChange = noop;
+	onTouched = noop;
+	constructor() {
+		inject(DestroyRef).onDestroy(() => this.subscription?.unsubscribe());
+	}
+	ngAfterContentChecked() {
+		this.syncControl();
+	}
+	syncControl() {
+		this.ngControl ??= this.injector.get(NgControl, null, {
+			self: true,
+			optional: true
+		});
+		const control = this.ngControl?.control ?? null;
+		if (control !== this.watched) {
+			this.subscription?.unsubscribe();
+			this.watched = control;
+			this.subscription = control?.events.subscribe(() => this.syncControl());
+		}
+		this.touchedInvalid.set(!!control?.invalid && !!control.touched);
+	}
+	setValue(value) {
+		if (this.isDisabled()) return;
+		this.value.set(value);
+		this.onChange(value);
+	}
+	markTouched() {
+		this.onTouched();
+	}
+	writeValue(value) {
+		this.value.set(value ?? null);
+	}
+	registerOnChange(fn) {
+		this.onChange = fn;
+	}
+	registerOnTouched(fn) {
+		this.onTouched = fn;
+	}
+	setDisabledState(isDisabled) {
+		this.formDisabled.set(isDisabled);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbValueAccessor,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Directive
+	});
+	static ɵdir = i0.ɵɵngDeclareDirective({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: NgbValueAccessor,
+		isStandalone: true,
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			invalid: {
+				classPropertyName: "invalid",
+				publicName: "invalid",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { value: "valueChange" },
+		ngImport: i0
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbValueAccessor,
+	decorators: [{ type: Directive }],
+	ctorParameters: () => [],
+	propDecorators: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["valueChange"]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}],
+		invalid: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "invalid",
+				required: false
+			}]
+		}]
+	}
+});
+function provideNgbValueAccessor(type) {
+	return {
+		provide: NG_VALUE_ACCESSOR,
+		useExisting: forwardRef(type),
+		multi: true
+	};
+}
+export { NGB_DEFAULT_I18N, NGB_I18N, NgbAnchoredOverlay, NgbIdGenerator, NgbValueAccessor, ngbId, ngbPositions, provideNgbI18n, provideNgbValueAccessor };
+
+//# sourceMappingURL=ngb-bootstrap-core-cdk.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngb-bootstrap-core-cdk.mjs","names":[],"sources":["../../../../projects/core/cdk/anchored-overlay.ts","../../../../projects/core/cdk/id.ts","../../../../projects/core/cdk/value-accessor.ts"],"sourcesContent":["import { ConnectedPosition, Overlay, OverlayConfig, OverlayRef } from '@angular/cdk/overlay';\nimport { ComponentPortal, TemplatePortal } from '@angular/cdk/portal';\nimport { Injectable, Injector, inject } from '@angular/core';\nimport { Observable, Subject, merge } from 'rxjs';\nimport { filter, take } from 'rxjs/operators';\n\n/** Where the panel sits relative to its anchor, using Bootstrap's placement names. */\nexport type NgbPlacement =\n  | 'top'\n  | 'top-start'\n  | 'top-end'\n  | 'bottom'\n  | 'bottom-start'\n  | 'bottom-end'\n  | 'start'\n  | 'start-top'\n  | 'start-bottom'\n  | 'end'\n  | 'end-top'\n  | 'end-bottom';\n\nconst OPPOSITE: Record<string, string> = {\n  top: 'bottom',\n  bottom: 'top',\n  start: 'end',\n  end: 'start',\n};\n\n/**\n * Maps a placement to CDK connected positions: the placement first, then its opposite side as\n * a fallback (the CDK picks the first one that fits). `offset` is the gap in px.\n *\n * ```ts\n * ngbPositions('bottom-start', 8);\n * ```\n */\nexport function ngbPositions(placement: NgbPlacement, offset = 0): ConnectedPosition[] {\n  const flipped = placement.replace(/^[a-z]+/, (side) => OPPOSITE[side]) as NgbPlacement;\n  return [toPosition(placement, offset), toPosition(flipped, offset)];\n}\n\nfunction toPosition(placement: NgbPlacement, offset: number): ConnectedPosition {\n  const [side, align = 'center'] = placement.split('-');\n  const vertical = side === 'top' || side === 'bottom';\n  const pos = {\n    originX: 'center',\n    originY: 'center',\n    overlayX: 'center',\n    overlayY: 'center',\n  } as Record<string, string>;\n\n  if (vertical) {\n    pos['originY'] = side === 'top' ? 'top' : 'bottom';\n    pos['overlayY'] = side === 'top' ? 'bottom' : 'top';\n    if (align !== 'center') {\n      pos['originX'] = pos['overlayX'] = align;\n    }\n  } else {\n    pos['originX'] = side;\n    pos['overlayX'] = OPPOSITE[side];\n    if (align !== 'center') {\n      pos['originY'] = pos['overlayY'] = align;\n    }\n  }\n  const dy = side === 'top' ? 0 - offset : side === 'bottom' ? offset : 0;\n  const dx = side === 'start' ? 0 - offset : side === 'end' ? offset : 0;\n  return {\n    ...pos,\n    offsetX: dx,\n    offsetY: dy,\n    panelClass: `ngb-placement-${side}`,\n  } as ConnectedPosition;\n}\n\nexport interface NgbAnchoredOverlayConfig {\n  /** Default `bottom`. */\n  placement?: NgbPlacement;\n  /** Gap in px between anchor and panel. Default 0. */\n  offset?: number;\n  /** Close on Escape. Default true. */\n  closeOnEscape?: boolean;\n  /** Close on a pointer press outside the panel and anchor. Default true. */\n  closeOnOutsideClick?: boolean;\n  /** Extra classes for the CDK pane. */\n  panelClass?: string | string[];\n  /** Injector for the created component or template view. */\n  injector?: Injector;\n}\n\n/** Handle to an open anchored panel. */\nexport interface NgbAnchoredOverlayRef {\n  /** The underlying CDK overlay, for anything not covered here. */\n  readonly overlayRef: OverlayRef;\n  /** Emits once when the panel is closed (by the user or by `close()`). */\n  readonly closed: Observable<void>;\n  /** Closes and disposes the panel. Safe to call twice. */\n  close(): void;\n}\n\n/**\n * Opens a component or template next to an anchor element using the CDK's flexible connected\n * position strategy. It adds Bootstrap placement names, a flip fallback, scroll repositioning and\n * Escape / outside-click closing; anything else is available through `overlayRef`.\n *\n * ```ts\n * const ref = inject(NgbAnchoredOverlay).open(button, new ComponentPortal(Tip), {\n *   placement: 'top',\n *   offset: 8,\n * });\n * ref.closed.subscribe(() => (this.open = false));\n * ```\n */\n@Injectable({ providedIn: 'root' })\nexport class NgbAnchoredOverlay {\n  private readonly overlay = inject(Overlay);\n\n  open(\n    anchor: HTMLElement,\n    content: ComponentPortal<unknown> | TemplatePortal<unknown>,\n    config: NgbAnchoredOverlayConfig = {},\n  ): NgbAnchoredOverlayRef {\n    const overlayConfig: OverlayConfig = {\n      positionStrategy: this.overlay\n        .position()\n        .flexibleConnectedTo(anchor)\n        .withPositions(ngbPositions(config.placement ?? 'bottom', config.offset))\n        .withFlexibleDimensions(false)\n        .withPush(true),\n      scrollStrategy: this.overlay.scrollStrategies.reposition(),\n      panelClass: config.panelClass ?? [],\n    };\n    const overlayRef = this.overlay.create(overlayConfig);\n    overlayRef.attach(content);\n\n    const closed = new Subject<void>();\n    let done = false;\n    const close = () => {\n      if (done) return;\n      done = true;\n      overlayRef.dispose();\n      closed.next();\n      closed.complete();\n    };\n\n    const triggers: Observable<unknown>[] = [];\n    if (config.closeOnEscape !== false) {\n      triggers.push(overlayRef.keydownEvents().pipe(filter((e) => e.key === 'Escape')));\n    }\n    if (config.closeOnOutsideClick !== false) {\n      triggers.push(\n        overlayRef.outsidePointerEvents().pipe(filter((e) => !anchor.contains(e.target as Node))),\n      );\n    }\n    merge(...triggers)\n      .pipe(take(1))\n      .subscribe(close);\n\n    return { overlayRef, closed: closed.asObservable(), close };\n  }\n}\n","import { Injectable, inject } from '@angular/core';\n\n/**\n * App-scoped unique id source. Counters live in this root service rather than at module level, so\n * every application (and every SSR request) starts from zero. The server and the browser then\n * generate the same ids in the same order, which keeps hydration from mismatching on `id`,\n * `for` and `aria-*` attributes.\n */\n@Injectable({ providedIn: 'root' })\nexport class NgbIdGenerator {\n  private readonly counters = new Map<string, number>();\n\n  /** Returns `${prefix}-${n}`, counting separately per prefix. */\n  next(prefix: string): string {\n    const n = (this.counters.get(prefix) ?? 0) + 1;\n    this.counters.set(prefix, n);\n    return `${prefix}-${n}`;\n  }\n}\n\n/**\n * Creates a unique id such as `ngb-tooltip-1`. Call it in an injection context, typically a field\n * initialiser, so ids are created in the same order on server and client.\n *\n * ```ts\n * protected readonly id = ngbId('ngb-tooltip');\n * ```\n */\nexport function ngbId(prefix = 'ngb'): string {\n  return inject(NgbIdGenerator).next(prefix);\n}\n","import {\n  AfterContentChecked,\n  DestroyRef,\n  Directive,\n  Injector,\n  Provider,\n  Type,\n  booleanAttribute,\n  computed,\n  forwardRef,\n  inject,\n  input,\n  model,\n  signal,\n} from '@angular/core';\nimport {\n  AbstractControl,\n  ControlValueAccessor,\n  NG_VALUE_ACCESSOR,\n  NgControl,\n} from '@angular/forms';\n\n// eslint-disable-next-line @typescript-eslint/no-empty-function\nconst noop = () => {};\n\n/**\n * Base for form controls. It implements `ControlValueAccessor` on top of signals, so a control\n * only needs a template that reads `value()` / `isDisabled()` and calls `setValue()` and\n * `markTouched()`. It works with `ngModel`, reactive forms and plain `[(value)]` binding.\n *\n * ```ts\n * @Component({\n *   selector: 'ngb-switch',\n *   providers: [provideNgbValueAccessor(() => NgbSwitch)],\n *   template: `<input type=\"checkbox\" role=\"switch\" [checked]=\"value()\" [disabled]=\"isDisabled()\"\n *     (change)=\"setValue($any($event.target).checked)\" (blur)=\"markTouched()\" />`,\n * })\n * export class NgbSwitch extends NgbValueAccessor<boolean> {}\n * ```\n *\n * `writeValue` also emits `valueChange`, because `model()` always does; `onChange` fires only\n * for changes made through `setValue`. `isInvalid()` follows the form control (invalid and\n * touched), like `ngbInput`, unless the `invalid` input forces it.\n */\n@Directive()\nexport abstract class NgbValueAccessor<T> implements ControlValueAccessor, AfterContentChecked {\n  private readonly injector = inject(Injector);\n  /** Current value; two-way bindable with `[(value)]`. */\n  readonly value = model<T | null>(null);\n  /** Disabled through the `disabled` input. Forms can also disable the control. */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  private readonly formDisabled = signal(false);\n  /** True when disabled by the input or by the form control. */\n  readonly isDisabled = computed(() => this.disabled() || this.formDisabled());\n\n  /**\n   * Forces the invalid state on or off, for errors the form does not know about, such as a server\n   * response. By default the control is invalid when its form control is invalid and touched.\n   */\n  readonly invalid = input<boolean | undefined, unknown>(undefined, {\n    transform: (value: unknown) => (value == null ? undefined : booleanAttribute(value)),\n  });\n  private readonly touchedInvalid = signal(false);\n  /** True while the control shows its invalid state (`.is-invalid`, `aria-invalid`). */\n  readonly isInvalid = computed(() => this.invalid() ?? this.touchedInvalid());\n\n  // The NgControl on this element injects this accessor, so it can't be injected back in the\n  // constructor. It is looked up lazily instead, once the forms directive exists.\n  private ngControl?: NgControl | null;\n  private watched: AbstractControl | null = null;\n  private subscription?: { unsubscribe(): void };\n\n  private onChange: (value: T | null) => void = noop;\n  private onTouched: () => void = noop;\n\n  constructor() {\n    inject(DestroyRef).onDestroy(() => this.subscription?.unsubscribe());\n  }\n\n  // After content, not in ngDoCheck: the forms directive on the same element swaps in a new\n  // control in its ngOnChanges, which runs after this component's ngDoCheck.\n  ngAfterContentChecked(): void {\n    this.syncControl();\n  }\n\n  /** Re-reads the form control's state. Runs on every change detection pass and on its events. */\n  private syncControl(): void {\n    this.ngControl ??= this.injector.get(NgControl, null, { self: true, optional: true });\n    const control = this.ngControl?.control ?? null;\n    if (control !== this.watched) {\n      this.subscription?.unsubscribe();\n      this.watched = control;\n      this.subscription = control?.events.subscribe(() => this.syncControl());\n    }\n    this.touchedInvalid.set(!!control?.invalid && !!control.touched);\n  }\n\n  /** Call from the template when the user changes the value. */\n  setValue(value: T | null): void {\n    if (this.isDisabled()) return;\n    this.value.set(value);\n    this.onChange(value);\n  }\n\n  /** Call from the template on blur. */\n  markTouched(): void {\n    this.onTouched();\n  }\n\n  writeValue(value: T | null): void {\n    this.value.set(value ?? null);\n  }\n\n  registerOnChange(fn: (value: T | null) => void): void {\n    this.onChange = fn;\n  }\n\n  registerOnTouched(fn: () => void): void {\n    this.onTouched = fn;\n  }\n\n  setDisabledState(isDisabled: boolean): void {\n    this.formDisabled.set(isDisabled);\n  }\n}\n\n/**\n * Provider that registers a component as an `NG_VALUE_ACCESSOR`.\n *\n * ```ts\n * providers: [provideNgbValueAccessor(() => NgbSwitch)]\n * ```\n */\nexport function provideNgbValueAccessor(type: () => Type<unknown>): Provider {\n  return { provide: NG_VALUE_ACCESSOR, useExisting: forwardRef(type), multi: true };\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,165 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input, model } from "@angular/core";
+import { NgbValueAccessor, ngbId, provideNgbValueAccessor } from "@ngb-bootstrap/core/cdk";
+var NgbCheckbox = class NgbCheckbox extends NgbValueAccessor {
+	id = ngbId("ngb-checkbox");
+	hintId = `${this.id}-hint`;
+	indeterminate = model(false, ...ngDevMode ? [{ debugName: "indeterminate" }] : /* istanbul ignore next */ []);
+	hint = input(...ngDevMode ? [void 0, { debugName: "hint" }] : /* istanbul ignore next */ []);
+	color = input(...ngDevMode ? [void 0, { debugName: "color" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	classes = computed(() => {
+		const classes = ["check"];
+		if (this.color()) classes.push(`theme-${this.color()}`);
+		if (this.size() !== "md") classes.push(`check-${this.size()}`);
+		if (this.isInvalid()) classes.push("is-invalid");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	toggle(event) {
+		this.indeterminate.set(false);
+		this.setValue(event.target.checked);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbCheckbox,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: NgbCheckbox,
+		isStandalone: true,
+		selector: "ngb-checkbox",
+		inputs: {
+			indeterminate: {
+				classPropertyName: "indeterminate",
+				publicName: "indeterminate",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			hint: {
+				classPropertyName: "hint",
+				publicName: "hint",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			color: {
+				classPropertyName: "color",
+				publicName: "color",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			size: {
+				classPropertyName: "size",
+				publicName: "size",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		outputs: { indeterminate: "indeterminateChange" },
+		host: { classAttribute: "form-field" },
+		providers: [provideNgbValueAccessor(() => NgbCheckbox)],
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <input
+      type="checkbox"
+      [id]="id"
+      [class]="classes()"
+      [checked]="!!value()"
+      [indeterminate]="indeterminate()"
+      [disabled]="isDisabled()"
+      [attr.aria-invalid]="isInvalid() ? 'true' : null"
+      [attr.aria-describedby]="hint() ? hintId : null"
+      (change)="toggle($event)"
+      (blur)="markTouched()"
+    />
+    <label [for]="id"><ng-content /></label>
+    @if (hint()) {
+      <div class="form-text" [id]="hintId">{{ hint() }}</div>
+    }
+  `,
+		isInline: true,
+		changeDetection: i0.ChangeDetectionStrategy.OnPush
+	});
+};
+i0.ɵɵngDeclareClassMetadata({
+	minVersion: "12.0.0",
+	version: "22.2.3",
+	ngImport: i0,
+	type: NgbCheckbox,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-checkbox",
+			providers: [provideNgbValueAccessor(() => NgbCheckbox)],
+			template: `
+    <input
+      type="checkbox"
+      [id]="id"
+      [class]="classes()"
+      [checked]="!!value()"
+      [indeterminate]="indeterminate()"
+      [disabled]="isDisabled()"
+      [attr.aria-invalid]="isInvalid() ? 'true' : null"
+      [attr.aria-describedby]="hint() ? hintId : null"
+      (change)="toggle($event)"
+      (blur)="markTouched()"
+    />
+    <label [for]="id"><ng-content /></label>
+    @if (hint()) {
+      <div class="form-text" [id]="hintId">{{ hint() }}</div>
+    }
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "form-field" }
+		}]
+	}],
+	propDecorators: {
+		indeterminate: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "indeterminate",
+				required: false
+			}]
+		}, {
+			type: i0.Output,
+			args: ["indeterminateChange"]
+		}],
+		hint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hint",
+				required: false
+			}]
+		}],
+		color: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "color",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}]
+	}
+});
+export { NgbCheckbox };
+
+//# sourceMappingURL=ngb-bootstrap-core-checkbox.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngb-bootstrap-core-checkbox.mjs","names":[],"sources":["../../../../projects/core/checkbox/checkbox.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input, model } from '@angular/core';\nimport { NgbThemeColor } from '@ngb-bootstrap/core';\nimport { NgbValueAccessor, ngbId, provideNgbValueAccessor } from '@ngb-bootstrap/core/cdk';\n\nexport type NgbCheckSize = 'sm' | 'md' | 'lg';\n\n/**\n * Checkbox built on Bootstrap 6 `.check` over a native `<input type=\"checkbox\">`. The projected\n * content is the label. The model is `value` (`true` / `false`), the same name every ngb form\n * control uses, so `[(value)]`, `[(ngModel)]` and `formControlName` all work.\n *\n * ```html\n * <ngb-checkbox [(value)]=\"accepted\" hint=\"You can change this later.\">Accept the terms</ngb-checkbox>\n * <ngb-checkbox formControlName=\"all\" [indeterminate]=\"some()\">Select all</ngb-checkbox>\n * ```\n */\n@Component({\n  selector: 'ngb-checkbox',\n  providers: [provideNgbValueAccessor(() => NgbCheckbox)],\n  template: `\n    <input\n      type=\"checkbox\"\n      [id]=\"id\"\n      [class]=\"classes()\"\n      [checked]=\"!!value()\"\n      [indeterminate]=\"indeterminate()\"\n      [disabled]=\"isDisabled()\"\n      [attr.aria-invalid]=\"isInvalid() ? 'true' : null\"\n      [attr.aria-describedby]=\"hint() ? hintId : null\"\n      (change)=\"toggle($event)\"\n      (blur)=\"markTouched()\"\n    />\n    <label [for]=\"id\"><ng-content /></label>\n    @if (hint()) {\n      <div class=\"form-text\" [id]=\"hintId\">{{ hint() }}</div>\n    }\n  `,\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: { class: 'form-field' },\n})\nexport class NgbCheckbox extends NgbValueAccessor<boolean> {\n  protected readonly id = ngbId('ngb-checkbox');\n  protected readonly hintId = `${this.id}-hint`;\n\n  /** Mixed state, shown with a dash. A user toggle clears it. Two-way bindable. */\n  readonly indeterminate = model(false);\n  /** Description shown under the label and linked with `aria-describedby`. */\n  readonly hint = input<string>();\n  /** Theme colour (Bootstrap `.theme-*`). Defaults to the control colour. */\n  readonly color = input<NgbThemeColor>();\n  /** `sm`, `md` (default) or `lg`. */\n  readonly size = input<NgbCheckSize>('md');\n\n  protected readonly classes = computed(() => {\n    const classes = ['check'];\n    if (this.color()) classes.push(`theme-${this.color()}`);\n    if (this.size() !== 'md') classes.push(`check-${this.size()}`);\n    if (this.isInvalid()) classes.push('is-invalid');\n    return classes.join(' ');\n  });\n\n  protected toggle(event: Event): void {\n    this.indeterminate.set(false);\n    this.setValue((event.target as HTMLInputElement).checked);\n  }\n}\n"],"mappings":";;;AAwCA,IAAa,cAAb,MAAa,oBAAoB,iBAAyB;CACrC,KAAK,MAAM,cAAc;CACzB,SAAS,GAAG,KAAK,GAAE;CAG7B,gBAAgB,MAAM,OAAM,GAAA,YAAA,CAAA,EAAA,WAAA,gBAAA,CAAA,+BAAA,CAAA,CAAA;CAE5B,OAAO,MAAe,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEtB,QAAQ,MAAsB,GAAA,YAAA,CAAA,QAAA,EAAA,WAAA,QAAA,CAAA,+BAAA,CAAA,CAAA;CAE9B,OAAO,MAAoB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEtB,UAAU,eAAc;EACzC,MAAM,UAAU,CAAC,OAAO;EACxB,IAAI,KAAK,MAAK,GAAI,QAAQ,KAAK,SAAS,KAAK,MAAK,GAAI;EACtD,IAAI,KAAK,KAAI,MAAO,MAAM,QAAQ,KAAK,SAAS,KAAK,KAAI,GAAI;EAC7D,IAAI,KAAK,UAAS,GAAI,QAAQ,KAAK,YAAY;EAC/C,OAAO,QAAQ,KAAK,GAAG;CACzB,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAEQ,OAAO,OAAY;EAC3B,KAAK,cAAc,IAAI,KAAK;EAC5B,KAAK,SAAU,MAAM,OAA4B,OAAO;CAC1D;CAxBW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAW,MAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAX,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAW,cAAA;EAAA,UAAA;EAAA,QAAA;GAAA,eAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,OAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;GAAA,MAAA;IAAA,mBAAA;IAAA,YAAA;IAAA,UAAA;IAAA,YAAA;IAAA,mBAAA;GAAA;EAAA;EAAA,SAAA,EAAA,eAAA,sBAAA;EAAA,MAAA,EAAA,gBAAA,aAAA;EAAA,WAtBX,CAAC,8BAA8B,WAAW,CAAC;EAAC,iBAAA;EAAA,UAAA;EAAA,UAC7C;;;;;;;;;;;;;;;;;;EAiBT,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAIU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAW,YAAA,CAAA;EAxBvB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,WAAW,CAAC,8BAA6B,WAAY,CAAC;GACtD,UAAU;;;;;;;;;;;;;;;;;;GAkBV,iBAAiB,wBAAwB;GACzC,MAAM,EAAE,OAAO,aAAY;EAC5B,CAAA"}