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

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

@@ -0,0 +1,147 @@
+import * as i0 from "@angular/core";
+import { ChangeDetectionStrategy, Component, computed, input } from "@angular/core";
+import { NgbValueAccessor, ngbId, provideNgbValueAccessor } from "@ngb-bootstrap/core/cdk";
+var NgbSwitch = class NgbSwitch extends NgbValueAccessor {
+	id = ngbId("ngb-switch");
+	hintId = `${this.id}-hint`;
+	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 = ["switch"];
+		if (this.color()) classes.push(`theme-${this.color()}`);
+		if (this.size() !== "md") classes.push(`switch-${this.size()}`);
+		return classes.join(" ");
+	}, ...ngDevMode ? [{ debugName: "classes" }] : /* istanbul ignore next */ []);
+	toggle(event) {
+		this.setValue(event.target.checked);
+	}
+	static ɵfac = i0.ɵɵngDeclareFactory({
+		minVersion: "12.0.0",
+		version: "22.2.3",
+		ngImport: i0,
+		type: NgbSwitch,
+		deps: null,
+		target: i0.ɵɵFactoryTarget.Component
+	});
+	static ɵcmp = i0.ɵɵngDeclareComponent({
+		minVersion: "17.0.0",
+		version: "22.2.3",
+		type: NgbSwitch,
+		isStandalone: true,
+		selector: "ngb-switch",
+		inputs: {
+			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
+			}
+		},
+		host: { classAttribute: "form-field" },
+		providers: [provideNgbValueAccessor(() => NgbSwitch)],
+		usesInheritance: true,
+		ngImport: i0,
+		template: `
+    <span [class]="classes()">
+      <input
+        type="checkbox"
+        role="switch"
+        [id]="id"
+        [class.is-invalid]="isInvalid()"
+        [checked]="!!value()"
+        [disabled]="isDisabled()"
+        [attr.aria-invalid]="isInvalid() ? 'true' : null"
+        [attr.aria-describedby]="hint() ? hintId : null"
+        (change)="toggle($event)"
+        (blur)="markTouched()"
+      />
+    </span>
+    <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: NgbSwitch,
+	decorators: [{
+		type: Component,
+		args: [{
+			selector: "ngb-switch",
+			providers: [provideNgbValueAccessor(() => NgbSwitch)],
+			template: `
+    <span [class]="classes()">
+      <input
+        type="checkbox"
+        role="switch"
+        [id]="id"
+        [class.is-invalid]="isInvalid()"
+        [checked]="!!value()"
+        [disabled]="isDisabled()"
+        [attr.aria-invalid]="isInvalid() ? 'true' : null"
+        [attr.aria-describedby]="hint() ? hintId : null"
+        (change)="toggle($event)"
+        (blur)="markTouched()"
+      />
+    </span>
+    <label [for]="id"><ng-content /></label>
+    @if (hint()) {
+      <div class="form-text" [id]="hintId">{{ hint() }}</div>
+    }
+  `,
+			changeDetection: ChangeDetectionStrategy.OnPush,
+			host: { class: "form-field" }
+		}]
+	}],
+	propDecorators: {
+		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 { NgbSwitch };
+
+//# sourceMappingURL=ngb-bootstrap-core-switch.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngb-bootstrap-core-switch.mjs","names":[],"sources":["../../../../projects/core/switch/switch.ts"],"sourcesContent":["// API adapted from Taiga UI (Apache-2.0), see NOTICE.\nimport { 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 NgbSwitchSize = 'sm' | 'md' | 'lg';\n\n/**\n * Switch built on Bootstrap 6 `.switch` over a native `<input type=\"checkbox\" role=\"switch\">`.\n * The projected content is the label. The model is `value` (`true` / `false`), the same name\n * every ngb form control uses.\n *\n * ```html\n * <ngb-switch [(value)]=\"notifications\" hint=\"Sent by email.\">Notifications</ngb-switch>\n * <ngb-switch formControlName=\"darkMode\">Dark mode</ngb-switch>\n * ```\n */\n@Component({\n  selector: 'ngb-switch',\n  providers: [provideNgbValueAccessor(() => NgbSwitch)],\n  template: `\n    <span [class]=\"classes()\">\n      <input\n        type=\"checkbox\"\n        role=\"switch\"\n        [id]=\"id\"\n        [class.is-invalid]=\"isInvalid()\"\n        [checked]=\"!!value()\"\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    </span>\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 NgbSwitch extends NgbValueAccessor<boolean> {\n  protected readonly id = ngbId('ngb-switch');\n  protected readonly hintId = `${this.id}-hint`;\n\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<NgbSwitchSize>('md');\n\n  protected readonly classes = computed(() => {\n    const classes = ['switch'];\n    if (this.color()) classes.push(`theme-${this.color()}`);\n    if (this.size() !== 'md') classes.push(`switch-${this.size()}`);\n    return classes.join(' ');\n  });\n\n  protected toggle(event: Event): void {\n    this.setValue((event.target as HTMLInputElement).checked);\n  }\n}\n"],"mappings":";;;AA2CA,IAAa,YAAb,MAAa,kBAAkB,iBAAyB;CACnC,KAAK,MAAM,YAAY;CACvB,SAAS,GAAG,KAAK,GAAE;CAG7B,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,MAAqB,MAAK,GAAA,YAAA,CAAA,EAAA,WAAA,OAAA,CAAA,+BAAA,CAAA,CAAA;CAEvB,UAAU,eAAc;EACzC,MAAM,UAAU,CAAC,QAAQ;EACzB,IAAI,KAAK,MAAK,GAAI,QAAQ,KAAK,SAAS,KAAK,MAAK,GAAI;EACtD,IAAI,KAAK,KAAI,MAAO,MAAM,QAAQ,KAAK,UAAU,KAAK,KAAI,GAAI;EAC9D,OAAO,QAAQ,KAAK,GAAG;CACzB,GAAE,GAAA,YAAA,CAAA,EAAA,WAAA,UAAA,CAAA,+BAAA,CAAA,CAAA;CAEQ,OAAO,OAAY;EAC3B,KAAK,SAAU,MAAM,OAA4B,OAAO;CAC1D;CApBW,OAAA,OAAA,GAAA,mBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,UAAA;EAAA,MAAA;EAAS,MAAA;EAAA,QAAA,GAAA,gBAAA;CAAA,CAAA;CAAT,OAAA,OAAA,GAAA,qBAAA;EAAA,YAAA;EAAA,SAAA;EAAA,MAAA;EAAS,cAAA;EAAA,UAAA;EAAA,QAAA;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,MAAA,EAAA,gBAAA,aAAA;EAAA,WAxBT,CAAC,8BAA8B,SAAS,CAAC;EAAC,iBAAA;EAAA,UAAA;EAAA,UAC3C;;;;;;;;;;;;;;;;;;;;EAmBT,UAAA;EAAA,iBAAA,GAAA,wBAAA;CAAA,CAAA;;AAIU,GAAA,yBAAA;CAAA,YAAA;CAAA,SAAA;CAAA,UAAA;CAAA,MAAA;CAAS,YAAA,CAAA;EA1BrB,MAAA;EAAU,MAAA,CAAA;GACT,UAAU;GACV,WAAW,CAAC,8BAA6B,SAAU,CAAC;GACpD,UAAU;;;;;;;;;;;;;;;;;;;;GAoBV,iBAAiB,wBAAwB;GACzC,MAAM,EAAE,OAAO,aAAY;EAC5B,CAAA"}

package/fesm2022/ngb-bootstrap-core.mjs

@@ -0,0 +1,69 @@
+import { InjectionToken, makeEnvironmentProviders } from "@angular/core";
+const NGB_DEFAULT_I18N = {
+	close: "Close",
+	clear: "Clear",
+	loading: "Loading…",
+	expand: "Show more",
+	collapse: "Show less",
+	chip: { remove: "Remove {label}" },
+	pagination: {
+		first: "First",
+		previous: "Previous",
+		next: "Next",
+		last: "Last",
+		page: "Page {page}"
+	},
+	datepicker: {
+		previousMonth: "Previous month",
+		nextMonth: "Next month",
+		selectMonth: "Select month",
+		selectYear: "Select year"
+	},
+	file: {
+		browse: "Browse",
+		noFileChosen: "No file chosen"
+	}
+};
+const NGB_I18N = new InjectionToken("NGB_I18N", {
+	providedIn: "root",
+	factory: () => NGB_DEFAULT_I18N
+});
+function mergeNgbI18n(overrides = {}) {
+	const merged = { ...NGB_DEFAULT_I18N };
+	for (const [key, value] of Object.entries(overrides)) {
+		if (value === void 0) continue;
+		const base = NGB_DEFAULT_I18N[key];
+		merged[key] = typeof value === "object" ? {
+			...base,
+			...value
+		} : value;
+	}
+	return merged;
+}
+function provideNgbI18n(overrides) {
+	return makeEnvironmentProviders([{
+		provide: NGB_I18N,
+		useValue: mergeNgbI18n(overrides)
+	}]);
+}
+const NGB_DEFAULT_CONFIG = { animation: true };
+const NGB_CONFIG = new InjectionToken("NGB_CONFIG", {
+	providedIn: "root",
+	factory: () => NGB_DEFAULT_CONFIG
+});
+function provideNgb(options = {}) {
+	const { i18n, ...config } = options;
+	return makeEnvironmentProviders([{
+		provide: NGB_CONFIG,
+		useValue: {
+			...NGB_DEFAULT_CONFIG,
+			...config
+		}
+	}, ...i18n ? [{
+		provide: NGB_I18N,
+		useValue: mergeNgbI18n(i18n)
+	}] : []]);
+}
+export { NGB_CONFIG, NGB_DEFAULT_CONFIG, NGB_DEFAULT_I18N, NGB_I18N, mergeNgbI18n, provideNgb, provideNgbI18n };
+
+//# sourceMappingURL=ngb-bootstrap-core.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ngb-bootstrap-core.mjs","names":[],"sources":["../../../../projects/core/src/i18n.ts","../../../../projects/core/src/config.ts"],"sourcesContent":["import { EnvironmentProviders, InjectionToken, makeEnvironmentProviders } from '@angular/core';\n\n/**\n * Translatable strings used by the components. Values may contain `{name}` placeholders,\n * which the component that uses them fills in (e.g. `{page}` in `pagination.page`).\n */\nexport interface NgbI18n {\n  /** Accessible label of close buttons (alerts, modals, drawers, toasts). */\n  close: string;\n  /** Accessible label of the clear button of text inputs. */\n  clear: string;\n  /** Accessible label of loading indicators (spinner, loading buttons). */\n  loading: string;\n  /** Accessible name of the toggle of a collapsed collapsible card. */\n  expand: string;\n  /** Accessible name of the toggle of an expanded collapsible card. */\n  collapse: string;\n  /** Strings of the Chips component. */\n  chip: {\n    /** Accessible name of the remove button. `{label}` is the chip's text. */\n    remove: string;\n  };\n  /** Reserved for the Pagination component. */\n  pagination: {\n    first: string;\n    previous: string;\n    next: string;\n    last: string;\n    page: string;\n  };\n  /** Reserved for the Datepicker component. */\n  datepicker: {\n    previousMonth: string;\n    nextMonth: string;\n    selectMonth: string;\n    selectYear: string;\n  };\n  /** Reserved for the File input component. */\n  file: {\n    browse: string;\n    noFileChosen: string;\n  };\n}\n\n/** Same shape as {@link NgbI18n}, with every key optional at every level. */\nexport type NgbI18nOverrides = {\n  [K in keyof NgbI18n]?: NgbI18n[K] extends string ? string : Partial<NgbI18n[K]>;\n};\n\n/** English strings, used when nothing else is provided. */\nexport const NGB_DEFAULT_I18N: NgbI18n = {\n  close: 'Close',\n  clear: 'Clear',\n  loading: 'Loading…',\n  expand: 'Show more',\n  collapse: 'Show less',\n  chip: {\n    remove: 'Remove {label}',\n  },\n  pagination: {\n    first: 'First',\n    previous: 'Previous',\n    next: 'Next',\n    last: 'Last',\n    page: 'Page {page}',\n  },\n  datepicker: {\n    previousMonth: 'Previous month',\n    nextMonth: 'Next month',\n    selectMonth: 'Select month',\n    selectYear: 'Select year',\n  },\n  file: {\n    browse: 'Browse',\n    noFileChosen: 'No file chosen',\n  },\n};\n\n/** Injects the active strings. Defaults to English. */\nexport const NGB_I18N = new InjectionToken<NgbI18n>('NGB_I18N', {\n  providedIn: 'root',\n  factory: () => NGB_DEFAULT_I18N,\n});\n\n/** Merges overrides onto the English defaults (one level deep, matching {@link NgbI18n}). */\nexport function mergeNgbI18n(overrides: NgbI18nOverrides = {}): NgbI18n {\n  const merged: Record<string, unknown> = { ...NGB_DEFAULT_I18N };\n  for (const [key, value] of Object.entries(overrides)) {\n    if (value === undefined) continue;\n    const base = (NGB_DEFAULT_I18N as unknown as Record<string, unknown>)[key];\n    merged[key] = typeof value === 'object' ? { ...(base as object), ...value } : value;\n  }\n  return merged as unknown as NgbI18n;\n}\n\n/**\n * Overrides some or all library strings. Also available as `provideNgb({ i18n })`.\n *\n * ```ts\n * providers: [provideNgbI18n({ close: 'Fermer', loading: 'Chargement…' })]\n * ```\n */\nexport function provideNgbI18n(overrides: NgbI18nOverrides): EnvironmentProviders {\n  return makeEnvironmentProviders([{ provide: NGB_I18N, useValue: mergeNgbI18n(overrides) }]);\n}\n","import { EnvironmentProviders, InjectionToken, makeEnvironmentProviders } from '@angular/core';\nimport { NGB_I18N, NgbI18nOverrides, mergeNgbI18n } from './i18n';\n\n/** Library-wide defaults. Each component also exposes its own config token. */\nexport interface NgbConfig {\n  /** Disable all component animations (e.g. for tests or reduced-motion apps). */\n  animation: boolean;\n}\n\n/** Options accepted by {@link provideNgb}: the config plus translated strings. */\nexport interface NgbOptions extends Partial<NgbConfig> {\n  /** Override library strings (see `NgbI18n`). */\n  i18n?: NgbI18nOverrides;\n}\n\nexport const NGB_DEFAULT_CONFIG: NgbConfig = {\n  animation: true,\n};\n\nexport const NGB_CONFIG = new InjectionToken<NgbConfig>('NGB_CONFIG', {\n  providedIn: 'root',\n  factory: () => NGB_DEFAULT_CONFIG,\n});\n\n/**\n * Registers library-wide configuration.\n *\n * ```ts\n * bootstrapApplication(App, {\n *   providers: [provideNgb({ animation: false, i18n: { close: 'Fermer' } })],\n * });\n * ```\n */\nexport function provideNgb(options: NgbOptions = {}): EnvironmentProviders {\n  const { i18n, ...config } = options;\n  return makeEnvironmentProviders([\n    { provide: NGB_CONFIG, useValue: { ...NGB_DEFAULT_CONFIG, ...config } },\n    ...(i18n ? [{ provide: NGB_I18N, useValue: mergeNgbI18n(i18n) }] : []),\n  ]);\n}\n"],"mappings":";AAkDA,MAAa,mBAA4B;CACvC,OAAO;CACP,OAAO;CACP,SAAS;CACT,QAAQ;CACR,UAAU;CACV,MAAM,EACJ,QAAQ,iBACT;CACD,YAAY;EACV,OAAO;EACP,UAAU;EACV,MAAM;EACN,MAAM;EACN,MAAM;CACP;CACD,YAAY;EACV,eAAe;EACf,WAAW;EACX,aAAa;EACb,YAAY;CACb;CACD,MAAM;EACJ,QAAQ;EACR,cAAc;CACf;AACF;AAGD,MAAa,WAAW,IAAI,eAAwB,YAAY;CAC9D,YAAY;CACZ,eAAe;AAChB,CAAA;AAGD,SAAgB,aAAa,YAA8B,CAAA,GAAE;CAC3D,MAAM,SAAkC,EAAE,GAAG,iBAAgB;CAC7D,KAAK,MAAM,CAAC,KAAK,UAAU,OAAO,QAAQ,SAAS,GAAG;EACpD,IAAI,UAAU,QAAW;EACzB,MAAM,OAAQ,iBAAwD;EACtE,OAAO,OAAO,OAAO,UAAU,WAAW;GAAE,GAAI;GAAiB,GAAG;EAAK,IAAK;CAChF;CACA,OAAO;AACT;AASA,SAAgB,eAAe,WAA2B;CACxD,OAAO,yBAAyB,CAAC;EAAE,SAAS;EAAU,UAAU,aAAa,SAAS;CAAC,CAAE,CAAC;AAC5F;ACzFA,MAAa,qBAAgC,EAC3C,WAAW,KACZ;AAED,MAAa,aAAa,IAAI,eAA0B,cAAc;CACpE,YAAY;CACZ,eAAe;AAChB,CAAA;AAWD,SAAgB,WAAW,UAAsB,CAAA,GAAE;CACjD,MAAM,EAAE,MAAM,GAAG,WAAW;CAC5B,OAAO,yBAAyB,CAC9B;EAAE,SAAS;EAAY,UAAU;GAAE,GAAG;GAAoB,GAAG;EAAM;CAAE,GACrE,GAAI,OAAO,CAAC;EAAE,SAAS;EAAU,UAAU,aAAa,IAAI;CAAC,CAAE,IAAI,CAAA,CACpE,CAAA;AACH"}