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

package/types/ngb-bootstrap-core-input.d.ts

@@ -0,0 +1,208 @@
+import * as i0 from "@angular/core";
+import { DoCheck, InjectionToken, Signal } from "@angular/core";
+export type NgbInputSize = 'sm' | 'md' | 'lg';
+/**
+ * What a field wrapper (`ngb-textfield`, `ngb-floating-label`) tells the `ngbInput` inside it.
+ * Provided under `NGB_INPUT_FIELD`, so the input can read it without a query or an effect.
+ */
+export interface NgbInputField {
+  /** Ids of the hint and error elements, for `aria-describedby`. */
+  readonly describedBy: Signal<string | null>;
+  /** Default `placeholder` of the input. Bootstrap's floating label needs one to detect a value. */
+  readonly placeholder?: string;
+}
+/** Provided by the field wrappers; the `ngbInput` inside them injects it. */
+export declare const NGB_INPUT_FIELD: InjectionToken<NgbInputField>;
+/**
+ * Native `<input>`, `<textarea>` or `<select>` styled with Bootstrap 6 `.form-control`. It
+ * enhances the element instead of wrapping it, so `formControlName`, `formControl` and `ngModel`
+ * attach to the native element with Angular's built-in value accessors. No custom
+ * `ControlValueAccessor` is needed, as the value is a plain string or number.
+ *
+ * It adds `is-invalid` and `aria-invalid` once the control is invalid and touched, and a stable
+ * `id` for the label. Inside `ngb-textfield` or `ngb-floating-label` it also links hint and error
+ * text with `aria-describedby`.
+ *
+ * ```html
+ * <input ngbInput size="lg" placeholder="Name" [formControl]="name" />
+ * <textarea ngbInput rows="3" [(ngModel)]="bio"></textarea>
+ * ```
+ */
+export declare class NgbInput implements DoCheck {
+  private readonly element;
+  private readonly control;
+  private readonly field;
+  private readonly ownDescribedBy;
+  private watched;
+  private subscription?;
+  /** Element id, which the label points at. Defaults to a generated `ngb-input-n`. */
+  readonly id: import("@angular/core").InputSignal<string>;
+  /** `sm`, `md` (default) or `lg`. */
+  readonly size: import("@angular/core").InputSignal<NgbInputSize>;
+  /** Shows the value as text without a border (`.form-control-plaintext`), for a readonly input. */
+  readonly plaintext: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /**
+   * Forces the invalid state on or off, for errors the form does not know about, such as a server
+   * response. By default the input is invalid when its control is invalid and touched.
+   */
+  readonly invalid: import("@angular/core").InputSignal<boolean | undefined>;
+  /** Placeholder. Inside `ngb-floating-label` it defaults to a space, which the CSS needs. */
+  readonly placeholder: import("@angular/core").InputSignal<string | undefined>;
+  private readonly touchedInvalid;
+  private readonly valueState;
+  private readonly disabledState;
+  private readonly readonlyState;
+  /** `true` while the field shows its invalid state. */
+  readonly isInvalid: Signal<boolean>;
+  /** `true` when the input is not empty. */
+  readonly hasValue: Signal<boolean>;
+  /** `true` when the input or its control is disabled. */
+  readonly disabled: Signal<boolean>;
+  /** `true` when the input is read-only. */
+  readonly readonly: Signal<boolean>;
+  protected readonly placeholderText: Signal<string | null>;
+  protected readonly describedBy: Signal<string | null>;
+  constructor();
+  ngDoCheck(): void;
+  /** Re-reads the control and element state. Runs on every change detection pass and on events. */
+  protected sync(): void;
+  /** Empties the input like the user would, so any bound control or `(input)` handler sees it. */
+  clear(): void;
+  /** Focuses the native element. */
+  focus(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbInput, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<NgbInput, "input[ngbInput], textarea[ngbInput], select[ngbInput]", ["ngbInput"], {
+    "id": {
+      "alias": "id";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "plaintext": {
+      "alias": "plaintext";
+      "required": false;
+      "isSignal": true;
+    };
+    "invalid": {
+      "alias": "invalid";
+      "required": false;
+      "isSignal": true;
+    };
+    "placeholder": {
+      "alias": "placeholder";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}
+/**
+ * Shared by `ngb-textfield` and `ngb-floating-label`: finds the `ngbInput` inside, and owns the
+ * label, hint and error text and their ids.
+ */
+export declare abstract class NgbField {
+  protected readonly control: import("@angular/core").Signal<NgbInput | undefined>;
+  /** Label text. It is a `<label>` tied to the input with `for`. */
+  readonly label: import("@angular/core").InputSignal<string | undefined>;
+  /** Help text under the field. It describes the input through `aria-describedby`. */
+  readonly hint: import("@angular/core").InputSignal<string | undefined>;
+  /** Error text, shown while the input is invalid (its control is invalid and touched). */
+  readonly error: import("@angular/core").InputSignal<string | undefined>;
+  protected readonly hintId: string;
+  protected readonly errorId: string;
+  protected readonly labelFor: import("@angular/core").Signal<string | null>;
+  protected readonly showError: import("@angular/core").Signal<boolean>;
+  /** Ids for the input's `aria-describedby`: the hint, then the error. */
+  readonly describedBy: import("@angular/core").Signal<string | null>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbField, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<NgbField, never, never, {
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "error": {
+      "alias": "error";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["control"], never, true, never>;
+}
+/**
+ * Content before the input of an `ngb-textfield`: an icon, text or a button. Text and icons get
+ * `.input-group-text`; a `<button>` or `<a>` keeps its own `.btn` styling.
+ *
+ * ```html
+ * <span ngbPrefix>$</span>
+ * ```
+ */
+export declare class NgbPrefix {
+  protected readonly interactive: boolean;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbPrefix, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<NgbPrefix, "[ngbPrefix]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Content after the input of an `ngb-textfield`, with the same rules as `ngbPrefix`.
+ *
+ * ```html
+ * <button ngbButton ngbSuffix variant="outline">Search</button>
+ * ```
+ */
+export declare class NgbSuffix {
+  protected readonly interactive: boolean;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbSuffix, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<NgbSuffix, "[ngbSuffix]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Text field in the Taiga UI Textfield style: a label, a native `ngbInput` or textarea, optional
+ * prefix and suffix content, a clear button, and hint and error text. Built on Bootstrap 6
+ * `.form-field`, `.form-label`, `.input-group`, `.form-text` and `.invalid-feedback`.
+ *
+ * ```html
+ * <ngb-textfield label="Email" hint="We never share it." error="Enter a valid email." clearable>
+ *   <ngb-icon ngbPrefix [icon]="mail" />
+ *   <input ngbInput type="email" formControlName="email" />
+ * </ngb-textfield>
+ * ```
+ */
+export declare class NgbTextfield extends NgbField {
+  protected readonly i18n: import("@ngb-bootstrap/core").NgbI18n;
+  /** `sm`, `md` (default) or `lg`. Sizes the whole group: input, prefix, suffix and buttons. */
+  readonly size: import("@angular/core").InputSignal<NgbInputSize>;
+  /** Shows a clear button while the input has a value and is neither disabled nor read-only. */
+  readonly clearable: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Accessible name of the clear button. Defaults to the `clear` string of `NGB_I18N`. */
+  readonly clearLabel: import("@angular/core").InputSignal<string | undefined>;
+  /** Emits after the clear button emptied the input. */
+  readonly cleared: import("@angular/core").OutputEmitterRef<void>;
+  protected readonly showClear: import("@angular/core").Signal<boolean>;
+  protected clear(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbTextfield, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NgbTextfield, "ngb-textfield", never, {
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "clearable": {
+      "alias": "clearable";
+      "required": false;
+      "isSignal": true;
+    };
+    "clearLabel": {
+      "alias": "clearLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "cleared": "cleared";
+  }, never, ["[ngbPrefix]", "*", "[ngbSuffix]"], true, never>;
+}

package/types/ngb-bootstrap-core-layout.d.ts

@@ -0,0 +1,102 @@
+import * as i0 from "@angular/core";
+import { TemplateRef } from "@angular/core";
+/**
+ * How `<ngb-layout>` divides the top of the page from `lg` up: `full-navbar` runs the navbar across
+ * the whole width above the sidebar; `full-sidebar` runs the sidebar the whole height, with the
+ * navbar beside it.
+ */
+export type NgbLayoutMode = 'full-navbar' | 'full-sidebar';
+/**
+ * The brand (logo, name, version) of `<ngb-layout>`, as a template so it can be shown where the
+ * mode puts it: at the start of the navbar, or from `lg` up in `full-sidebar` mode at the top of
+ * the sidebar (back in the navbar while the sidebar is collapsed to its rail).
+ *
+ * ```html
+ * <ng-template ngbBrand><a class="navbar-brand" routerLink="/">My app</a></ng-template>
+ * ```
+ */
+export declare class NgbBrand {
+  readonly template: TemplateRef<any>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbBrand, never>;
+  static ɵdir: i0.ɵɵDirectiveDeclaration<NgbBrand, "ng-template[ngbBrand]", never, {}, {}, never, never, true, never>;
+}
+/**
+ * Page shell in the Taiga UI docs style, on the Bootstrap grid: a fixed `<ngb-navbar>`, an
+ * `<ngb-sidebar>` column and an `<ngb-layout-content>` column inside a rounded window frame.
+ * Below `lg` the sidebar is a drawer that the navbar's menu button opens.
+ *
+ * ```html
+ * <ngb-layout>
+ *   <ng-template ngbBrand>…</ng-template>
+ *   <ngb-navbar>…</ngb-navbar>
+ *   <ngb-sidebar [items]="items" />
+ *   <ngb-layout-content>
+ *     <router-outlet />
+ *     <ngb-footer>…</ngb-footer>
+ *   </ngb-layout-content>
+ * </ngb-layout>
+ * ```
+ */
+export declare class NgbLayout {
+  /** Id of the sidebar drawer, for the menu button's `aria-controls`. */
+  readonly sidebarId: string;
+  /** Whether the sidebar drawer is open (below `lg` only; from `lg` up the sidebar is always shown). */
+  readonly sidebarOpen: import("@angular/core").WritableSignal<boolean>;
+  /** Whether the viewport is `lg` or wider, where the sidebar is a column rather than a drawer. */
+  readonly desktop: import("@angular/core").WritableSignal<boolean>;
+  /** The `ngbBrand` template, placed in the layout or its navbar. */
+  readonly brand: import("@angular/core").Signal<NgbBrand | undefined>;
+  /** Round the corners of the frame and the sidebar, content and footer panels. */
+  readonly rounded: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Whether the navbar spans the full width or the sidebar the full height, from `lg` up. */
+  readonly mode: import("@angular/core").InputSignal<NgbLayoutMode>;
+  /**
+   * Show the navbar's menu button from `lg` up too, to contract the sidebar to a rail of top-level
+   * icons and expand it again.
+   */
+  readonly collapsible: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  /** Whether the sidebar is contracted to its icon rail (from `lg` up, when `collapsible`). */
+  readonly sidebarCollapsed: import("@angular/core").ModelSignal<boolean>;
+  /** Whether the sidebar is contracted right now: `collapsible`, collapsed and from `lg` up. */
+  readonly sidebarRail: import("@angular/core").Signal<boolean>;
+  /** Whether the sidebar is shown in full: the open drawer below `lg`, the expanded column from `lg` up. */
+  readonly sidebarExpanded: import("@angular/core").Signal<boolean>;
+  constructor();
+  openSidebar(): void;
+  closeSidebar(): void;
+  /** Below `lg` opens or closes the drawer; from `lg` up contracts or expands a `collapsible` sidebar. */
+  toggleSidebar(): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbLayout, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NgbLayout, "ngb-layout", never, {
+    "rounded": {
+      "alias": "rounded";
+      "required": false;
+      "isSignal": true;
+    };
+    "mode": {
+      "alias": "mode";
+      "required": false;
+      "isSignal": true;
+    };
+    "collapsible": {
+      "alias": "collapsible";
+      "required": false;
+      "isSignal": true;
+    };
+    "sidebarCollapsed": {
+      "alias": "sidebarCollapsed";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {
+    "sidebarCollapsed": "sidebarCollapsedChange";
+  }, ["brand"], ["ngb-navbar", "ngb-sidebar", "*"], true, never>;
+}
+/**
+ * The content column of `<ngb-layout>`. Wraps its content in `<main>`; an `<ngb-footer>` inside it
+ * is placed after `<main>`, at the bottom of the column.
+ */
+export declare class NgbLayoutContent {
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbLayoutContent, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NgbLayoutContent, "ngb-layout-content", never, {}, {}, never, ["*", "ngb-footer"], true, never>;
+}

package/types/ngb-bootstrap-core-navbar.d.ts

@@ -0,0 +1,33 @@
+import { NgbBrand, NgbLayout } from "@ngb-bootstrap/core/layout";
+import * as i0 from "@angular/core";
+/**
+ * Fixed top bar, built on Bootstrap 6 `.navbar`. Its content goes in three slots: the start
+ * (default content, after an `ngbBrand` template if there is one), `[ngbNavbarCenter]` and
+ * `[ngbNavbarEnd]`. Inside
+ * `<ngb-layout>` it adds a menu button that opens the sidebar drawer below `lg`, and from `lg` up
+ * contracts and expands the sidebar when the layout is `collapsible`.
+ *
+ * ```html
+ * <ngb-navbar>
+ *   <a class="navbar-brand" routerLink="/">My app</a>
+ *   <div ngbNavbarCenter>…search…</div>
+ *   <div ngbNavbarEnd>…actions…</div>
+ * </ngb-navbar>
+ * ```
+ */
+export declare class NgbNavbar {
+  protected readonly layout: NgbLayout | null;
+  protected readonly menuIcon: import("@ngb-bootstrap/icons").NgbIconDefinition;
+  private readonly ownBrand;
+  protected readonly brand: import("@angular/core").Signal<NgbBrand | undefined>;
+  /** Accessible name of the menu button. */
+  readonly menuLabel: import("@angular/core").InputSignal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbNavbar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NgbNavbar, "ngb-navbar", never, {
+    "menuLabel": {
+      "alias": "menuLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, ["ownBrand"], ["*", "[ngbNavbarCenter]", "[ngbNavbarEnd]"], true, never>;
+}

package/types/ngb-bootstrap-core-radio.d.ts

@@ -0,0 +1,96 @@
+import { NgbThemeColor } from "@ngb-bootstrap/core";
+import { NgbValueAccessor } from "@ngb-bootstrap/core/cdk";
+import * as i0 from "@angular/core";
+export type NgbRadioSize = 'sm' | 'md' | 'lg';
+export type NgbRadioOrientation = 'vertical' | 'horizontal';
+/**
+ * Owns the value of a set of `<ngb-radio>` items. The items are native radios sharing one
+ * `name`, so the browser provides the arrow-key behaviour: one tab stop for the group, arrows
+ * move the selection. The model is `value`, the value of the selected item.
+ *
+ * ```html
+ * <ngb-radio-group label="Plan" [(value)]="plan">
+ *   <ngb-radio value="free">Free</ngb-radio>
+ *   <ngb-radio value="pro">Pro</ngb-radio>
+ * </ngb-radio-group>
+ * ```
+ */
+export declare class NgbRadioGroup<T = unknown> extends NgbValueAccessor<T> {
+  /** Shared `name` of the radios. Defaults to a unique id. */
+  readonly name: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the group. Use it when the group has no visible heading. */
+  readonly label: import("@angular/core").InputSignal<string | undefined>;
+  /** `vertical` (default) or `horizontal`. */
+  readonly orientation: import("@angular/core").InputSignal<NgbRadioOrientation>;
+  /** Theme colour (Bootstrap `.theme-*`) for every radio. */
+  readonly color: import("@angular/core").InputSignal<NgbThemeColor | undefined>;
+  /** `sm`, `md` (default) or `lg`, for every radio. */
+  readonly size: import("@angular/core").InputSignal<NgbRadioSize>;
+  protected readonly classes: import("@angular/core").Signal<"ngb-choice-group ngb-choice-group-inline" | "ngb-choice-group">;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbRadioGroup<any>, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NgbRadioGroup<any>, "ngb-radio-group", never, {
+    "name": {
+      "alias": "name";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "orientation": {
+      "alias": "orientation";
+      "required": false;
+      "isSignal": true;
+    };
+    "color": {
+      "alias": "color";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}
+/**
+ * One option of an `<ngb-radio-group>`, built on Bootstrap 6 `.radio` over a native
+ * `<input type="radio">`. The projected content is the label.
+ *
+ * ```html
+ * <ngb-radio value="pro" hint="Unlimited projects.">Pro</ngb-radio>
+ * ```
+ */
+export declare class NgbRadio {
+  protected readonly group: NgbRadioGroup<any>;
+  protected readonly id: string;
+  protected readonly hintId: string;
+  /** The value the group takes when this radio is selected. */
+  readonly value: import("@angular/core").InputSignal<unknown>;
+  /** Description shown under the label and linked with `aria-describedby`. */
+  readonly hint: import("@angular/core").InputSignal<string | undefined>;
+  /** Disables this radio. The group can disable all of them. */
+  readonly disabled: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbRadio, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NgbRadio, "ngb-radio", never, {
+    "value": {
+      "alias": "value";
+      "required": true;
+      "isSignal": true;
+    };
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "disabled": {
+      "alias": "disabled";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}

package/types/ngb-bootstrap-core-sidebar.d.ts

@@ -0,0 +1,62 @@
+import { NgbLayout } from "@ngb-bootstrap/core/layout";
+import { NgbIconDefinition } from "@ngb-bootstrap/icons";
+import * as i0 from "@angular/core";
+/** One entry in `<ngb-sidebar>`: a router link, an external link, or a group of children. */
+export interface NgbSidebarItem {
+  readonly label: string;
+  /** Router link, e.g. `/components/badge`. */
+  readonly link?: string;
+  /** External URL, opened in a new tab. */
+  readonly href?: string;
+  /** Icon shown before top-level items. */
+  readonly icon?: NgbIconDefinition;
+  readonly children?: readonly NgbSidebarItem[];
+}
+/**
+ * Side navigation in the Taiga UI docs style. From `lg` up it is a fixed column of
+ * `<ngb-layout>`; below `lg` it is a Bootstrap drawer (`.lg:drawer`) opened by the navbar's menu
+ * button and closed by the backdrop, Escape or following a link. In a `collapsible` layout it
+ * contracts from `lg` up to a rail of top-level icons. Groups expand to reveal the current route. Content placed inside it (e.g. a notice) appears above the items.
+ *
+ * ```html
+ * <ngb-sidebar label="Documentation" [items]="items" />
+ * ```
+ */
+export declare class NgbSidebar {
+  protected readonly layout: NgbLayout | null;
+  private readonly router;
+  private readonly drawer;
+  private readonly expanded;
+  protected readonly chevron: NgbIconDefinition;
+  /** The navigation tree. */
+  readonly items: import("@angular/core").InputSignal<readonly NgbSidebarItem[]>;
+  /** Accessible name of the navigation. */
+  readonly label: import("@angular/core").InputSignal<string>;
+  /** Accessible name of the drawer's close button. */
+  readonly closeLabel: import("@angular/core").InputSignal<string>;
+  constructor();
+  protected isExpanded(item: NgbSidebarItem): boolean;
+  protected toggle(item: NgbSidebarItem): void;
+  /** A click on the dialog itself, outside its box, is a click on the backdrop. */
+  protected closeOnBackdrop(event: MouseEvent): void;
+  /** Expands every group that contains the current route, keeping groups the user opened. */
+  private expandActive;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbSidebar, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NgbSidebar, "ngb-sidebar", never, {
+    "items": {
+      "alias": "items";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+    "closeLabel": {
+      "alias": "closeLabel";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}

package/types/ngb-bootstrap-core-spinner.d.ts

@@ -0,0 +1,49 @@
+import { NgbThemeColor } from "@ngb-bootstrap/core";
+import * as i0 from "@angular/core";
+export type NgbSpinnerType = 'border' | 'grow';
+export type NgbSpinnerSize = 'sm' | 'md';
+/**
+ * Loading indicator built on Bootstrap 6 `.spinner-border` and `.spinner-grow`. It is a
+ * `role="status"` region with visually hidden text, named "Loading…" by default.
+ *
+ * ```html
+ * <ngb-spinner color="primary" size="sm" />
+ * <ngb-spinner type="grow" label="Saving your draft" />
+ * ```
+ */
+export declare class NgbSpinner {
+  private readonly i18n;
+  /** `border` (default) or `grow`. */
+  readonly type: import("@angular/core").InputSignal<NgbSpinnerType>;
+  /** `md` (default) or `sm`. For any other size, set `--spinner-width` and `--spinner-height`. */
+  readonly size: import("@angular/core").InputSignal<NgbSpinnerSize>;
+  /** Theme colour. Without it the spinner takes the current text colour. */
+  readonly color: import("@angular/core").InputSignal<NgbThemeColor | undefined>;
+  /** Accessible text. Defaults to the `loading` string of `NGB_I18N`. */
+  readonly label: import("@angular/core").InputSignal<string | undefined>;
+  protected readonly text: import("@angular/core").Signal<string>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbSpinner, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NgbSpinner, "ngb-spinner", never, {
+    "type": {
+      "alias": "type";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+    "color": {
+      "alias": "color";
+      "required": false;
+      "isSignal": true;
+    };
+    "label": {
+      "alias": "label";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, never, true, never>;
+}

package/types/ngb-bootstrap-core-switch.d.ts

@@ -0,0 +1,44 @@
+import { NgbThemeColor } from "@ngb-bootstrap/core";
+import { NgbValueAccessor } from "@ngb-bootstrap/core/cdk";
+import * as i0 from "@angular/core";
+export type NgbSwitchSize = 'sm' | 'md' | 'lg';
+/**
+ * Switch built on Bootstrap 6 `.switch` over a native `<input type="checkbox" role="switch">`.
+ * The projected content is the label. The model is `value` (`true` / `false`), the same name
+ * every ngb form control uses.
+ *
+ * ```html
+ * <ngb-switch [(value)]="notifications" hint="Sent by email.">Notifications</ngb-switch>
+ * <ngb-switch formControlName="darkMode">Dark mode</ngb-switch>
+ * ```
+ */
+export declare class NgbSwitch extends NgbValueAccessor<boolean> {
+  protected readonly id: string;
+  protected readonly hintId: string;
+  /** Description shown under the label and linked with `aria-describedby`. */
+  readonly hint: import("@angular/core").InputSignal<string | undefined>;
+  /** Theme colour (Bootstrap `.theme-*`). Defaults to the control colour. */
+  readonly color: import("@angular/core").InputSignal<NgbThemeColor | undefined>;
+  /** `sm`, `md` (default) or `lg`. */
+  readonly size: import("@angular/core").InputSignal<NgbSwitchSize>;
+  protected readonly classes: import("@angular/core").Signal<string>;
+  protected toggle(event: Event): void;
+  static ɵfac: i0.ɵɵFactoryDeclaration<NgbSwitch, never>;
+  static ɵcmp: i0.ɵɵComponentDeclaration<NgbSwitch, "ngb-switch", never, {
+    "hint": {
+      "alias": "hint";
+      "required": false;
+      "isSignal": true;
+    };
+    "color": {
+      "alias": "color";
+      "required": false;
+      "isSignal": true;
+    };
+    "size": {
+      "alias": "size";
+      "required": false;
+      "isSignal": true;
+    };
+  }, {}, never, ["*"], true, never>;
+}