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

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

@@ -0,0 +1,279 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, booleanAttribute, computed, inject, input } from "@angular/core";
+import { NgbValueAccessor, ngbId, provideNgbValueAccessor } from "@ngb-bootstrap/core/cdk";
+var NgbRadioGroup = class NgbRadioGroup extends NgbValueAccessor {
+	name = input(ngbId("ngb-radio-group"), ...ngDevMode ? [{ debugName: "name" }] : /* istanbul ignore next */ []);
+	label = input(...ngDevMode ? [void 0, { debugName: "label" }] : /* istanbul ignore next */ []);
+	orientation = input("vertical", ...ngDevMode ? [{ debugName: "orientation" }] : /* istanbul ignore next */ []);
+	color = input(...ngDevMode ? [void 0, { debugName: "color" }] : /* istanbul ignore next */ []);
+	size = input("md", ...ngDevMode ? [{ debugName: "size" }] : /* istanbul ignore next */ []);
+	classes = computed(() => this.orientation() === "horizontal" ? "ngb-choice-group ngb-choice-group-inline" : "ngb-choice-group", ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbRadioGroup,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.1.0",
+		version: "22.2.3",
+		type: NgbRadioGroup,
+		isStandalone: true,
+		selector: "ngb-radio-group",
+		inputs: {
+			name: {
+				classPropertyName: "name",
+				publicName: "name",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			label: {
+				classPropertyName: "label",
+				publicName: "label",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			orientation: {
+				classPropertyName: "orientation",
+				publicName: "orientation",
+				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
+			}
+		},
+		host: {
+			attributes: { "role": "radiogroup" },
+			properties: {
+				"class": "classes()",
+				"attr.aria-label": "label()",
+				"attr.aria-invalid": "isInvalid() ? \"true\" : null"
+			}
+		},
+		providers: [provideNgbValueAccessor(() => NgbRadioGroup)],
+		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: NgbRadioGroup,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-radio-group",
+			providers: [provideNgbValueAccessor(() => NgbRadioGroup)],
+			template: "<ng-content />",
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: {
+				role: "radiogroup",
+				"[class]": "classes()",
+				"[attr.aria-label]": "label()",
+				"[attr.aria-invalid]": "isInvalid() ? \"true\" : null"
+			}
+		}]
+	}],
+	propDecorators: {
+		name: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "name",
+				required: false
+			}]
+		}],
+		label: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "label",
+				required: false
+			}]
+		}],
+		orientation: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "orientation",
+				required: false
+			}]
+		}],
+		color: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "color",
+				required: false
+			}]
+		}],
+		size: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "size",
+				required: false
+			}]
+		}]
+	}
+});
+var NgbRadio = class NgbRadio {
+	group = inject(NgbRadioGroup);
+	id = ngbId("ngb-radio");
+	hintId = `${this.id}-hint`;
+	value = input.required(...ngDevMode ? [{ debugName: "value" }] : /* istanbul ignore next */ []);
+	hint = input(...ngDevMode ? [void 0, { debugName: "hint" }] : /* istanbul ignore next */ []);
+	disabled = input(false, {
+		...ngDevMode ? { debugName: "disabled" } : /* istanbul ignore next */ {},
+		transform: booleanAttribute
+	});
+	classes = computed(() => {
+		const classes = ["radio"];
+		if (this.group.color()) classes.push(`theme-${this.group.color()}`);
+		if (this.group.size() !== "md") classes.push(`radio-${this.group.size()}`);
+		if (this.group.isInvalid()) classes.push("is-invalid");
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbRadio,
+		deps: [],
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: NgbRadio,
+		isStandalone: true,
+		selector: "ngb-radio",
+		inputs: {
+			value: {
+				classPropertyName: "value",
+				publicName: "value",
+				isSignal: true,
+				isRequired: true,
+				transformFunction: null
+			},
+			hint: {
+				classPropertyName: "hint",
+				publicName: "hint",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			},
+			disabled: {
+				classPropertyName: "disabled",
+				publicName: "disabled",
+				isSignal: true,
+				isRequired: false,
+				transformFunction: null
+			}
+		},
+		host: { classAttribute: "form-field" },
+		ngImport: i0,
+		template: `
+    <input
+      type="radio"
+      [id]="id"
+      [class]="classes()"
+      [name]="group.name()"
+      [checked]="group.value() === value()"
+      [disabled]="group.isDisabled() || disabled()"
+      [attr.aria-invalid]="group.isInvalid() ? 'true' : null"
+      [attr.aria-describedby]="hint() ? hintId : null"
+      (change)="group.setValue(value())"
+      (blur)="group.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: NgbRadio,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-radio",
+			template: `
+    <input
+      type="radio"
+      [id]="id"
+      [class]="classes()"
+      [name]="group.name()"
+      [checked]="group.value() === value()"
+      [disabled]="group.isDisabled() || disabled()"
+      [attr.aria-invalid]="group.isInvalid() ? 'true' : null"
+      [attr.aria-describedby]="hint() ? hintId : null"
+      (change)="group.setValue(value())"
+      (blur)="group.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: {
+		value: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "value",
+				required: true
+			}]
+		}],
+		hint: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "hint",
+				required: false
+			}]
+		}],
+		disabled: [{
+			type: i0.Input,
+			args: [{
+				isSignal: true,
+				alias: "disabled",
+				required: false
+			}]
+		}]
+	}
+});
+export { NgbRadio, NgbRadioGroup };
+
+//# sourceMappingURL=ngb-bootstrap-core-radio.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngb-bootstrap-core-radio.mjs","names":[],"sources":["../../../../projects/core/radio/radio-group.ts","../../../../projects/core/radio/radio.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, computed, input } from '@angular/core';\nimport { NgbThemeColor } from '@ngb-bootstrap/core';\nimport { NgbValueAccessor, ngbId, provideNgbValueAccessor } from '@ngb-bootstrap/core/cdk';\n\nexport type NgbRadioSize = 'sm' | 'md' | 'lg';\nexport type NgbRadioOrientation = 'vertical' | 'horizontal';\n\n/**\n * Owns the value of a set of `<ngb-radio>` items. The items are native radios sharing one\n * `name`, so the browser provides the arrow-key behaviour: one tab stop for the group, arrows\n * move the selection. The model is `value`, the value of the selected item.\n *\n * ```html\n * <ngb-radio-group label=\"Plan\" [(value)]=\"plan\">\n *   <ngb-radio value=\"free\">Free</ngb-radio>\n *   <ngb-radio value=\"pro\">Pro</ngb-radio>\n * </ngb-radio-group>\n * ```\n */\n@Component({\n  selector: 'ngb-radio-group',\n  providers: [provideNgbValueAccessor(() => NgbRadioGroup)],\n  template: '<ng-content />',\n  changeDetection: ChangeDetectionStrategy.OnPush,\n  host: {\n    role: 'radiogroup',\n    '[class]': 'classes()',\n    '[attr.aria-label]': 'label()',\n    '[attr.aria-invalid]': 'isInvalid() ? \"true\" : null',\n  },\n})\nexport class NgbRadioGroup<T = unknown> extends NgbValueAccessor<T> {\n  /** Shared `name` of the radios. Defaults to a unique id. */\n  readonly name = input<string>(ngbId('ngb-radio-group'));\n  /** Accessible name of the group. Use it when the group has no visible heading. */\n  readonly label = input<string>();\n  /** `vertical` (default) or `horizontal`. */\n  readonly orientation = input<NgbRadioOrientation>('vertical');\n  /** Theme colour (Bootstrap `.theme-*`) for every radio. */\n  readonly color = input<NgbThemeColor>();\n  /** `sm`, `md` (default) or `lg`, for every radio. */\n  readonly size = input<NgbRadioSize>('md');\n\n  protected readonly classes = computed(() =>\n    this.orientation() === 'horizontal'\n      ? 'ngb-choice-group ngb-choice-group-inline'\n      : 'ngb-choice-group',\n  );\n}\n","import {\n  ChangeDetectionStrategy,\n  Component,\n  booleanAttribute,\n  computed,\n  inject,\n  input,\n} from '@angular/core';\nimport { ngbId } from '@ngb-bootstrap/core/cdk';\nimport { NgbRadioGroup } from './radio-group';\n\n/**\n * One option of an `<ngb-radio-group>`, built on Bootstrap 6 `.radio` over a native\n * `<input type=\"radio\">`. The projected content is the label.\n *\n * ```html\n * <ngb-radio value=\"pro\" hint=\"Unlimited projects.\">Pro</ngb-radio>\n * ```\n */\n@Component({\n  selector: 'ngb-radio',\n  template: `\n    <input\n      type=\"radio\"\n      [id]=\"id\"\n      [class]=\"classes()\"\n      [name]=\"group.name()\"\n      [checked]=\"group.value() === value()\"\n      [disabled]=\"group.isDisabled() || disabled()\"\n      [attr.aria-invalid]=\"group.isInvalid() ? 'true' : null\"\n      [attr.aria-describedby]=\"hint() ? hintId : null\"\n      (change)=\"group.setValue(value())\"\n      (blur)=\"group.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 NgbRadio {\n  protected readonly group = inject(NgbRadioGroup);\n  protected readonly id = ngbId('ngb-radio');\n  protected readonly hintId = `${this.id}-hint`;\n\n  /** The value the group takes when this radio is selected. */\n  readonly value = input.required<unknown>();\n  /** Description shown under the label and linked with `aria-describedby`. */\n  readonly hint = input<string>();\n  /** Disables this radio. The group can disable all of them. */\n  readonly disabled = input(false, { transform: booleanAttribute });\n\n  protected readonly classes = computed(() => {\n    const classes = ['radio'];\n    if (this.group.color()) classes.push(`theme-${this.group.color()}`);\n    if (this.group.size() !== 'md') classes.push(`radio-${this.group.size()}`);\n    if (this.group.isInvalid()) classes.push('is-invalid');\n    return classes.join(' ');\n  });\n}\n"],"mappings":"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"}