@angular-bootstrap/ngbootstrap 2.1.1 → 2.2.0

package/src/styles/themes/_presets.scss

@@ -0,0 +1,344 @@
+// Fixed palettes shared by all library components. Keep colors aligned with DataGrid presets.
+@use "bootstrap";
+@use "material";
+
+[data-ngb-theme="bootstrap-main"] {
+  @include bootstrap.tokens((
+    primary: #1769e0,
+    on-primary: #ffffff,
+    surface: #f8fbff,
+    surface-container: #eaf3ff,
+    surface-variant: #d9eaff,
+    on-surface: #172554,
+    on-surface-variant: #45617f,
+    border-color: #bfd7f4,
+    primary-hover: #0f56bd,
+    primary-container: #dbeafe,
+    hover-bg: #eef6ff,
+    selected-bg: #dcecff,
+    focus-ring: #1769e0,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.375rem,
+    radius-lg: 0.5rem,
+    success: #198754,
+    on-success: #ffffff,
+    danger: #dc3545,
+    on-danger: #ffffff,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: light;
+}
+
+[data-ngb-theme="bootstrap-main-dark"] {
+  @include bootstrap.tokens((
+    primary: #38bdf8,
+    on-primary: #0f172a,
+    surface: #172033,
+    surface-container: #202b42,
+    surface-variant: #273653,
+    on-surface: #edf2ff,
+    on-surface-variant: #b8c3d9,
+    border-color: #33425f,
+    primary-hover: #7dd3fc,
+    primary-container: #12344f,
+    hover-bg: #22304a,
+    selected-bg: #153a67,
+    focus-ring: #60a5fa,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.375rem,
+    radius-lg: 0.5rem,
+    success: #75b798,
+    on-success: #0f172a,
+    danger: #ea868f,
+    on-danger: #0f172a,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23dee2e6' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: dark;
+}
+
+[data-ngb-theme="bootstrap-nordic"] {
+  @include bootstrap.tokens((
+    primary: #0ea5b7,
+    on-primary: #ffffff,
+    surface: #ffffff,
+    surface-container: #f2f7f8,
+    surface-variant: #e6f0f2,
+    on-surface: #263243,
+    on-surface-variant: #64748b,
+    border-color: #d5e4e7,
+    primary-hover: #0b8798,
+    primary-container: #d7f5f8,
+    hover-bg: #f0fbfd,
+    selected-bg: #e7f8fb,
+    focus-ring: #0ea5b7,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.375rem,
+    radius-lg: 0.5rem,
+    success: #198754,
+    on-success: #ffffff,
+    danger: #dc3545,
+    on-danger: #ffffff,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: light;
+}
+
+[data-ngb-theme="bootstrap-urban"] {
+  @include bootstrap.tokens((
+    primary: #468faf,
+    on-primary: #ffffff,
+    surface: #ffffff,
+    surface-container: #f5f8fa,
+    surface-variant: #edf4f7,
+    on-surface: #263445,
+    on-surface-variant: #5f6f84,
+    border-color: #d9e5ea,
+    primary-hover: #36748f,
+    primary-container: #e0f0f6,
+    hover-bg: #fff2eb,
+    selected-bg: #e8f4f9,
+    focus-ring: #468faf,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.375rem,
+    radius-lg: 0.5rem,
+    success: #198754,
+    on-success: #ffffff,
+    danger: #dc3545,
+    on-danger: #ffffff,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: light;
+}
+
+[data-ngb-theme="bootstrap-vintage"] {
+  @include bootstrap.tokens((
+    primary: #7f4f68,
+    on-primary: #ffffff,
+    surface: #fffdf8,
+    surface-container: #f6f0e7,
+    surface-variant: #eee4d8,
+    on-surface: #3d3440,
+    on-surface-variant: #766a72,
+    border-color: #dfd2c2,
+    primary-hover: #684057,
+    primary-container: #efdde8,
+    hover-bg: #fbf1e5,
+    selected-bg: #f1e4ec,
+    focus-ring: #7f4f68,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.375rem,
+    radius-lg: 0.5rem,
+    success: #198754,
+    on-success: #ffffff,
+    danger: #dc3545,
+    on-danger: #ffffff,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: light;
+}
+
+[data-ngb-theme="material-main"] {
+  @include material.tokens((
+    primary: #6750a4,
+    on-primary: #ffffff,
+    surface: #fffbfe,
+    surface-container: #f4eff4,
+    surface-variant: #e7e0ec,
+    on-surface: #1c1b1f,
+    on-surface-variant: #49454f,
+    border-color: #cac4d0,
+    primary-hover: #59468d,
+    primary-container: #eaddff,
+    hover-bg: #f5efff,
+    selected-bg: #eaddff,
+    focus-ring: #6750a4,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.75rem,
+    radius-lg: 0.5rem,
+    success: #198754,
+    on-success: #ffffff,
+    danger: #dc3545,
+    on-danger: #ffffff,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: light;
+}
+
+[data-ngb-theme="material-indigo"] {
+  @include material.tokens((
+    primary: #3f51b5,
+    on-primary: #ffffff,
+    surface: #fffbfe,
+    surface-container: #f4eff4,
+    surface-variant: #e7e0ec,
+    on-surface: #1c1b1f,
+    on-surface-variant: #49454f,
+    border-color: #cac4d0,
+    primary-hover: #303f9f,
+    primary-container: #e8eaf6,
+    hover-bg: #f0f2ff,
+    selected-bg: #eaddff,
+    focus-ring: #3f51b5,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.75rem,
+    radius-lg: 0.5rem,
+    success: #198754,
+    on-success: #ffffff,
+    danger: #dc3545,
+    on-danger: #ffffff,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: light;
+}
+
+[data-ngb-theme="material-deep-purple"] {
+  @include material.tokens((
+    primary: #7e57c2,
+    on-primary: #ffffff,
+    surface: #fffbfe,
+    surface-container: #f4eff4,
+    surface-variant: #e7e0ec,
+    on-surface: #1c1b1f,
+    on-surface-variant: #49454f,
+    border-color: #cac4d0,
+    primary-hover: #673ab7,
+    primary-container: #ede7f6,
+    hover-bg: #f5edff,
+    selected-bg: #ede7f6,
+    focus-ring: #7e57c2,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.75rem,
+    radius-lg: 0.5rem,
+    success: #198754,
+    on-success: #ffffff,
+    danger: #dc3545,
+    on-danger: #ffffff,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: light;
+}
+
+[data-ngb-theme="tailwind-main"] {
+  @include bootstrap.tokens((
+    primary: #2563eb,
+    on-primary: #ffffff,
+    surface: #ffffff,
+    surface-container: #f8fafc,
+    surface-variant: #f1f5f9,
+    on-surface: #0f172a,
+    on-surface-variant: #475569,
+    border-color: #cbd5e1,
+    primary-hover: #1d4ed8,
+    primary-container: #dbeafe,
+    hover-bg: #eff6ff,
+    selected-bg: #eef5ff,
+    focus-ring: #2563eb,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.375rem,
+    radius-lg: 0.5rem,
+    success: #198754,
+    on-success: #ffffff,
+    danger: #dc3545,
+    on-danger: #ffffff,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: light;
+}
+
+[data-ngb-theme="tailwind-slate"] {
+  @include bootstrap.tokens((
+    primary: #475569,
+    on-primary: #ffffff,
+    surface: #f8fafc,
+    surface-container: #e2e8f0,
+    surface-variant: #cbd5e1,
+    on-surface: #0f172a,
+    on-surface-variant: #475569,
+    border-color: #cbd5e1,
+    primary-hover: #334155,
+    primary-container: #e2e8f0,
+    hover-bg: #e2e8f0,
+    selected-bg: #eef5ff,
+    focus-ring: #475569,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.375rem,
+    radius-lg: 0.5rem,
+    success: #198754,
+    on-success: #ffffff,
+    danger: #dc3545,
+    on-danger: #ffffff,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: light;
+}
+
+[data-ngb-theme="tailwind-emerald"] {
+  @include bootstrap.tokens((
+    primary: #059669,
+    on-primary: #ffffff,
+    surface: #ffffff,
+    surface-container: #ecfdf5,
+    surface-variant: #d1fae5,
+    on-surface: #064e3b,
+    on-surface-variant: #047857,
+    border-color: #a7f3d0,
+    primary-hover: #047857,
+    primary-container: #d1fae5,
+    hover-bg: #f8fbff,
+    selected-bg: #eef5ff,
+    focus-ring: #059669,
+    font-family: (system-ui, sans-serif),
+    font-size-sm: 0.875rem,
+    radius-sm: 0.25rem,
+    radius-md: 0.375rem,
+    radius-lg: 0.5rem,
+    success: #198754,
+    on-success: #ffffff,
+    danger: #dc3545,
+    on-danger: #ffffff,
+    elevation-1: 0 1px 3px rgba(0, 0, 0, 0.12),
+    elevation-2: 0 4px 12px rgba(0, 0, 0, 0.18),
+    select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"),
+  ));
+  color-scheme: light;
+}

package/src/styles/themes/_tailwind.scss

@@ -0,0 +1,32 @@
+// Optional Tailwind v4 system-variable bridge; Tailwind itself is not required.
+@use 'bootstrap';
+[data-ngb-theme="tailwind"] {
+  @include bootstrap.tokens();
+  --ngb-select-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
+  --ngb-primary: var(--color-blue-600, #2563eb);
+  --ngb-on-primary: var(--color-white, #ffffff);
+  --ngb-primary-hover: var(--color-blue-700, #1d4ed8);
+  --ngb-primary-container: var(--color-blue-100, #dbeafe);
+  --ngb-surface: var(--color-white, #ffffff);
+  --ngb-surface-container: var(--color-slate-50, #f8fafc);
+  --ngb-surface-variant: var(--color-slate-100, #f1f5f9);
+  --ngb-on-surface: var(--color-slate-900, #0f172a);
+  --ngb-on-surface-variant: var(--color-slate-600, #475569);
+  --ngb-border-color: var(--color-slate-300, #cbd5e1);
+  --ngb-focus-ring: var(--color-blue-500, #3b82f6);
+  --ngb-hover-bg: var(--color-blue-50, #eff6ff);
+  --ngb-selected-bg: var(--color-blue-100, #dbeafe);
+  --ngb-font-family: var(--font-sans, system-ui, sans-serif);
+  --ngb-font-size-sm: var(--text-sm, 0.875rem);
+  --ngb-radius-sm: var(--radius-sm, 0.25rem);
+  --ngb-radius-md: var(--radius-md, 0.375rem);
+  --ngb-radius-lg: var(--radius-lg, 0.5rem);
+  --ngb-elevation-1: var(--shadow-sm, 0 1px 3px rgba(0, 0, 0, 0.1));
+  --ngb-elevation-2: var(--shadow-md, 0 4px 6px rgba(0, 0, 0, 0.1));
+  --ngb-success: var(--color-green-700, #15803d);
+  --ngb-danger: var(--color-red-700, #b91c1c);
+  --ngb-space-1: var(--spacing, 0.25rem);
+  --ngb-space-2: calc(var(--spacing, 0.25rem) * 2);
+  --ngb-space-3: calc(var(--spacing, 0.25rem) * 3);
+  --ngb-space-4: calc(var(--spacing, 0.25rem) * 4);
+}

package/src/styles/themes.scss

@@ -0,0 +1,3 @@
+// Load once in application global styles, after Bootstrap CSS.
+@use './tokens';
+@use './drag-drop';

package/types/angular-bootstrap-ngbootstrap.d.ts

@@ -1642,6 +1642,7 @@ declare class NgbDatagridFloatingPanelDirective implements OnChanges, AfterViewI
     private portaled;
     private originalParent;
     private originalNextSibling;
+    private copiedThemeTokens;
     private scrollListeners;
     private resizeObserver;
     private rafId;
@@ -2697,5 +2698,157 @@ declare class NgbChipsComponent {
     static ɵcmp: i0.ɵɵComponentDeclaration<NgbChipsComponent, "ngb-chips", never, { "items": { "alias": "items"; "required": false; }; "removable": { "alias": "removable"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "removeLabel": { "alias": "removeLabel"; "required": false; }; }, { "remove": "remove"; }, never, never, true, never>;
 }
 
-export { BrowserExcelExportAdapter, DATAGRID_COLUMN_DIRECTIVES, DATAGRID_TEMPLATE_DIRECTIVES, DND_I18N, DND_LIVE_ANNOUNCE, Datagrid, ExcelExportAdapter, ExportButtonDirective, JsPdfAdapter, NGB_BOOLEAN_FILTER_OPERATORS, NGB_DATAGRID_DEFAULT_LABELS, NGB_DATAGRID_DEFAULT_PAGEABLE, NGB_DATAGRID_HOST, NGB_DATAGRID_KEYBOARD_SHORTCUTS, NGB_DATAGRID_PAGER_BREAKPOINTS, NGB_DATAGRID_THEME_OPTIONS, NGB_DATE_FILTER_OPERATORS, NGB_NUMERIC_FILTER_OPERATORS, NGB_PAGER_BREAKPOINTS, NGB_PAGER_DEFAULT_SETTINGS, NGB_SELECT_FILTER_OPERATORS, NGB_TEXT_FILTER_OPERATORS, NgbAdvancedSearchComponent, NgbCellTemplate, NgbChipsComponent, NgbDataChartComponent, NgbDataGridGroupFooterTemplateDirective, NgbDataGridGroupHeaderColumnTemplateDirective, NgbDataGridGroupHeaderTemplateDirective, NgbDataSparklineComponent, NgbDatagridButtonDirective, NgbDatagridColumnChooserToolComponent, NgbDatagridControlDirective, NgbDatagridDefaultEditService, NgbDatagridFieldShellComponent, NgbDatagridFilterToolComponent, NgbDatagridFloatingPanelDirective, NgbDatagridLayoutToolbarComponent, NgbDatagridLayoutToolbarSpacerComponent, NgbDatagridSortToolComponent, NgbDatagridSurfaceCardComponent, NgbDatagridThemePickerComponent, NgbDndHandleDirective, NgbDndItemDirective, NgbDndListDirective, NgbDndState, NgbEditorTemplate, NgbExportService, NgbFilterMenuTemplate, NgbFilterTemplate, NgbGlobalFilterTemplate, NgbGridChartComponent, NgbGridColumnDirective, NgbGridHighlightDirective, NgbJsonPreviewComponent, NgbLiveAnnouncer, NgbPagerComponent, NgbPagerTemplate, NgbPaginationComponent, NgbRowDetailTemplate, NgbSearchHighlightComponent, NgbSplitterComponent, NgbSplitterPaneComponent, NgbStepLabelDirective, NgbStepperComponent, NgbTreeComponent, NgbTypeaheadComponent, PdfExportAdapter, defaultDndI18n, ngbAggregateValues, ngbAllowedFilterOperators, ngbApplyDataGridOperations, ngbBuildChartJsConfig, ngbBuildColumnSelectionChartData, ngbBuildFullGridChartData, ngbBuildRowSelectionChartData, ngbBuildSparklinePoints, ngbCalculateDataGridAggregates, ngbChartPalette, ngbColumnTypeToFilterType, ngbDatagridPagerSettings, ngbDefaultFilterOperator, ngbFilterOperatorLabel, ngbFindFieldFilterDescriptor, ngbFlattenFilterDescriptors, ngbFormatDatagridLabel, ngbFormatPagerRangeLabel, ngbGroupData, ngbIsCompositeFilter, ngbOperatorRequiresFilterValue, ngbPagerButtonCountForDensity, ngbResolveDatagridPagerSettings, ngbResolvePageableSettings, ngbResolvePagerDensity, ngbResolvePagerPageSizeOptions, ngbResolvePagerSettings, ngbSetFieldFilter };
-export type { CellCtx, ColumnDef, ColumnType, DndCanDropFn, DndCanDropPayload, DndI18n, DndSession, EditCtx, ExcelExportPayload, ExportButtonContext, FilterCtx, GlobalFilterCtx, GroupColumnCtx, GroupHeaderCtx, HighlightItem, NgbAdvancedSearchField, NgbAdvancedSearchOperator, NgbAdvancedSearchRule, NgbChip, NgbColKey, NgbColumnFilterType, NgbColumnReorderEvent, NgbColumnReorderOptions, NgbColumnSelectionChartOptions, NgbCompositeFilterDescriptor, NgbDataAggregate, NgbDataChartConfig, NgbDataChartSeries, NgbDataChartType, NgbDataDimensionDef, NgbDataGridAggregateDescriptor, NgbDataGridAggregateFunction, NgbDataGridAggregateResults, NgbDataGridAggregateType, NgbDataGridDataResult, NgbDataGridExportOptions, NgbDataGridExportPages, NgbDataGridExportType, NgbDataGridGroupChange, NgbDataGridGroupDescriptor, NgbDataGridGroupResult, NgbDataGridGroupingSettings, NgbDataGridProcessOptions, NgbDataGridResponsiveOptions, NgbDataGridSortDescriptor, NgbDataGridSortDirection, NgbDataGridState, NgbDataGridTheme, NgbDataGridThemeOption, NgbDataLayoutMode, NgbDataMetricDef, NgbDatagridButtonVariant, NgbDatagridEditService, NgbDatagridFloatingPanelPlacement, NgbDatagridLabels, NgbDatagridPageableSettings, NgbDatagridPagerDensity, NgbDatagridPagerPosition, NgbDatagridPagerType, NgbDatagridRowId, NgbDatagridTextDirection, NgbDatagridTrackByFn, NgbDndDropEvent, NgbEditMode, NgbFilterDescriptor, NgbFilterMode, NgbFilterOperator, NgbFilterState, NgbFilterable, NgbFullGridChartOptions, NgbGridChartConfig, NgbGridChartMode, NgbGridChartSelectionChange, NgbGridChartSparklineOptions, NgbMenuFilterConditionDraft, NgbMultiCheckboxFilterOptions, NgbPagerDensity, NgbPagerSettings, NgbPagerType, NgbRowKey, NgbRowSelectionChartOptions, NgbSearchHighlightField, NgbSearchHighlightSegment, NgbSearchHighlightSelectionChange, NgbSelectionBehavior, NgbSelectionKeyMode, NgbSelectionLabels, NgbSelectionMode, NgbSparklinePoint, NgbSplitterOrientation, NgbSplitterPaneSize, NgbStepperContentPosition, NgbStepperLabelPosition, NgbStepperOrientation, NgbStepperSelectionChangeEvent, NgbStepperState, NgbStepperStep, NgbStepperTheme, NgbTableOptions, NgbTableResponsive, NgbTreeI18n, NgbTreeNode, NgbTreeType, NgbTypeaheadI18n, NgbTypeaheadItem, PagerCtx, PdfExportOptions, PdfExportPayload };
+/** UI data only: applications own model requests, streaming, and persistence. */
+interface NgbAiMessage {
+    id: string;
+    role: "user" | "assistant" | "system";
+    content: string;
+    status?: "complete" | "streaming" | "error";
+    error?: string;
+}
+interface NgbAiResponse {
+    id: string;
+    prompt: string;
+    text: string;
+}
+interface NgbAiFeedback {
+    id: string;
+    value: "helpful" | "unhelpful" | null;
+}
+interface NgbInlineAiRequest {
+    instruction: string;
+    context: string;
+}
+interface NgbSmartPasteField {
+    key: string;
+    label: string;
+    value?: string;
+}
+interface NgbSmartPasteSuggestion {
+    field: string;
+    value: string;
+}
+interface NgbSmartPasteRequest {
+    text: string;
+    fields: readonly NgbSmartPasteField[];
+}
+
+declare class NgbPromptBoxComponent {
+    readonly descriptionId: string;
+    readonly value: i0.ModelSignal<string>;
+    readonly label: i0.InputSignal<string>;
+    readonly placeholder: i0.InputSignal<string>;
+    readonly submitLabel: i0.InputSignal<string>;
+    readonly stopLabel: i0.InputSignal<string>;
+    readonly suggestions: i0.InputSignal<readonly string[]>;
+    readonly disabled: i0.InputSignal<boolean>;
+    readonly busy: i0.InputSignal<boolean>;
+    readonly maxLength: i0.InputSignal<number>;
+    readonly submitOnEnter: i0.InputSignal<boolean>;
+    readonly clearOnSubmit: i0.InputSignal<boolean>;
+    readonly promptSubmit: i0.OutputEmitterRef<string>;
+    readonly stop: i0.OutputEmitterRef<void>;
+    readonly limit: i0.Signal<number>;
+    readonly canSubmit: i0.Signal<boolean>;
+    updateValue(event: Event): void;
+    choose(value: string): void;
+    submit(): void;
+    onKeydown(event: KeyboardEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbPromptBoxComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbPromptBoxComponent, "ngb-prompt-box", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "submitLabel": { "alias": "submitLabel"; "required": false; "isSignal": true; }; "stopLabel": { "alias": "stopLabel"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "maxLength": { "alias": "maxLength"; "required": false; "isSignal": true; }; "submitOnEnter": { "alias": "submitOnEnter"; "required": false; "isSignal": true; }; "clearOnSubmit": { "alias": "clearOnSubmit"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; "promptSubmit": "promptSubmit"; "stop": "stop"; }, never, never, true, never>;
+}
+
+declare class NgbAiChatComponent {
+    readonly label: i0.InputSignal<string>;
+    readonly userLabel: i0.InputSignal<string>;
+    readonly assistantLabel: i0.InputSignal<string>;
+    readonly emptyText: i0.InputSignal<string>;
+    readonly messages: i0.InputSignal<readonly NgbAiMessage[]>;
+    readonly suggestions: i0.InputSignal<readonly string[]>;
+    readonly busy: i0.InputSignal<boolean>;
+    readonly disabled: i0.InputSignal<boolean>;
+    readonly error: i0.InputSignal<string>;
+    readonly promptSubmit: i0.OutputEmitterRef<string>;
+    readonly stop: i0.OutputEmitterRef<void>;
+    readonly retry: i0.OutputEmitterRef<string>;
+    readonly feedback: i0.OutputEmitterRef<NgbAiFeedback>;
+    readonly ratings: i0.WritableSignal<Record<string, "helpful" | "unhelpful" | null>>;
+    rate(id: string, value: "helpful" | "unhelpful"): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbAiChatComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbAiChatComponent, "ngb-ai-chat", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "userLabel": { "alias": "userLabel"; "required": false; "isSignal": true; }; "assistantLabel": { "alias": "assistantLabel"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "messages": { "alias": "messages"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, { "promptSubmit": "promptSubmit"; "stop": "stop"; "retry": "retry"; "feedback": "feedback"; }, never, never, true, never>;
+}
+
+declare class NgbAiPromptComponent {
+    readonly label: i0.InputSignal<string>;
+    readonly promptLabel: i0.InputSignal<string>;
+    readonly emptyText: i0.InputSignal<string>;
+    readonly responses: i0.InputSignal<readonly NgbAiResponse[]>;
+    readonly suggestions: i0.InputSignal<readonly string[]>;
+    readonly busy: i0.InputSignal<boolean>;
+    readonly disabled: i0.InputSignal<boolean>;
+    readonly error: i0.InputSignal<string>;
+    readonly promptSubmit: i0.OutputEmitterRef<string>;
+    readonly stop: i0.OutputEmitterRef<void>;
+    readonly responseApply: i0.OutputEmitterRef<NgbAiResponse>;
+    readonly regenerate: i0.OutputEmitterRef<NgbAiResponse>;
+    readonly responseDismiss: i0.OutputEmitterRef<string>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbAiPromptComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbAiPromptComponent, "ngb-ai-prompt", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "promptLabel": { "alias": "promptLabel"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "responses": { "alias": "responses"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; }, { "promptSubmit": "promptSubmit"; "stop": "stop"; "responseApply": "responseApply"; "regenerate": "regenerate"; "responseDismiss": "responseDismiss"; }, never, never, true, never>;
+}
+
+declare class NgbInlineAiPromptComponent {
+    readonly panelId: string;
+    readonly label: i0.InputSignal<string>;
+    readonly context: i0.InputSignal<string>;
+    readonly suggestions: i0.InputSignal<readonly string[]>;
+    readonly response: i0.InputSignal<string>;
+    readonly error: i0.InputSignal<string>;
+    readonly busy: i0.InputSignal<boolean>;
+    readonly disabled: i0.InputSignal<boolean>;
+    readonly promptSubmit: i0.OutputEmitterRef<NgbInlineAiRequest>;
+    readonly responseApply: i0.OutputEmitterRef<string>;
+    readonly stop: i0.OutputEmitterRef<void>;
+    readonly closed: i0.OutputEmitterRef<void>;
+    readonly open: i0.WritableSignal<boolean>;
+    private readonly trigger;
+    toggle(): void;
+    request(instruction: string): void;
+    apply(): void;
+    close(event?: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbInlineAiPromptComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbInlineAiPromptComponent, "ngb-inline-ai-prompt", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "context": { "alias": "context"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "response": { "alias": "response"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "promptSubmit": "promptSubmit"; "responseApply": "responseApply"; "stop": "stop"; "closed": "closed"; }, never, never, true, never>;
+}
+
+declare class NgbSmartPasteComponent {
+    readonly label: i0.InputSignal<string>;
+    readonly emptyText: i0.InputSignal<string>;
+    readonly fields: i0.InputSignal<readonly NgbSmartPasteField[]>;
+    readonly suggestions: i0.InputSignal<readonly NgbSmartPasteSuggestion[]>;
+    readonly disabled: i0.InputSignal<boolean>;
+    readonly busy: i0.InputSignal<boolean>;
+    readonly error: i0.InputSignal<string>;
+    readonly mappingRequest: i0.OutputEmitterRef<NgbSmartPasteRequest>;
+    readonly valuesApply: i0.OutputEmitterRef<readonly NgbSmartPasteSuggestion[]>;
+    readonly stop: i0.OutputEmitterRef<void>;
+    readonly source: i0.ModelSignal<string>;
+    readonly excluded: i0.WritableSignal<Set<string>>;
+    readonly edits: i0.WritableSignal<Map<string, string>>;
+    readonly candidates: i0.Signal<{
+        field: NgbSmartPasteField;
+        value: string;
+    }[]>;
+    readonly selected: i0.Signal<{
+        field: string;
+        value: string;
+    }[]>;
+    constructor();
+    request(text: string): void;
+    toggle(key: string): void;
+    edit(key: string, event: Event): void;
+    apply(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbSmartPasteComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NgbSmartPasteComponent, "ngb-smart-paste", never, { "label": { "alias": "label"; "required": false; "isSignal": true; }; "emptyText": { "alias": "emptyText"; "required": false; "isSignal": true; }; "fields": { "alias": "fields"; "required": false; "isSignal": true; }; "suggestions": { "alias": "suggestions"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "busy": { "alias": "busy"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "source": { "alias": "source"; "required": false; "isSignal": true; }; }, { "mappingRequest": "mappingRequest"; "valuesApply": "valuesApply"; "stop": "stop"; "source": "sourceChange"; }, never, never, true, never>;
+}
+
+export { BrowserExcelExportAdapter, DATAGRID_COLUMN_DIRECTIVES, DATAGRID_TEMPLATE_DIRECTIVES, DND_I18N, DND_LIVE_ANNOUNCE, Datagrid, ExcelExportAdapter, ExportButtonDirective, JsPdfAdapter, NGB_BOOLEAN_FILTER_OPERATORS, NGB_DATAGRID_DEFAULT_LABELS, NGB_DATAGRID_DEFAULT_PAGEABLE, NGB_DATAGRID_HOST, NGB_DATAGRID_KEYBOARD_SHORTCUTS, NGB_DATAGRID_PAGER_BREAKPOINTS, NGB_DATAGRID_THEME_OPTIONS, NGB_DATE_FILTER_OPERATORS, NGB_NUMERIC_FILTER_OPERATORS, NGB_PAGER_BREAKPOINTS, NGB_PAGER_DEFAULT_SETTINGS, NGB_SELECT_FILTER_OPERATORS, NGB_TEXT_FILTER_OPERATORS, NgbAdvancedSearchComponent, NgbAiChatComponent, NgbAiPromptComponent, NgbCellTemplate, NgbChipsComponent, NgbDataChartComponent, NgbDataGridGroupFooterTemplateDirective, NgbDataGridGroupHeaderColumnTemplateDirective, NgbDataGridGroupHeaderTemplateDirective, NgbDataSparklineComponent, NgbDatagridButtonDirective, NgbDatagridColumnChooserToolComponent, NgbDatagridControlDirective, NgbDatagridDefaultEditService, NgbDatagridFieldShellComponent, NgbDatagridFilterToolComponent, NgbDatagridFloatingPanelDirective, NgbDatagridLayoutToolbarComponent, NgbDatagridLayoutToolbarSpacerComponent, NgbDatagridSortToolComponent, NgbDatagridSurfaceCardComponent, NgbDatagridThemePickerComponent, NgbDndHandleDirective, NgbDndItemDirective, NgbDndListDirective, NgbDndState, NgbEditorTemplate, NgbExportService, NgbFilterMenuTemplate, NgbFilterTemplate, NgbGlobalFilterTemplate, NgbGridChartComponent, NgbGridColumnDirective, NgbGridHighlightDirective, NgbInlineAiPromptComponent, NgbJsonPreviewComponent, NgbLiveAnnouncer, NgbPagerComponent, NgbPagerTemplate, NgbPaginationComponent, NgbPromptBoxComponent, NgbRowDetailTemplate, NgbSearchHighlightComponent, NgbSmartPasteComponent, NgbSplitterComponent, NgbSplitterPaneComponent, NgbStepLabelDirective, NgbStepperComponent, NgbTreeComponent, NgbTypeaheadComponent, PdfExportAdapter, defaultDndI18n, ngbAggregateValues, ngbAllowedFilterOperators, ngbApplyDataGridOperations, ngbBuildChartJsConfig, ngbBuildColumnSelectionChartData, ngbBuildFullGridChartData, ngbBuildRowSelectionChartData, ngbBuildSparklinePoints, ngbCalculateDataGridAggregates, ngbChartPalette, ngbColumnTypeToFilterType, ngbDatagridPagerSettings, ngbDefaultFilterOperator, ngbFilterOperatorLabel, ngbFindFieldFilterDescriptor, ngbFlattenFilterDescriptors, ngbFormatDatagridLabel, ngbFormatPagerRangeLabel, ngbGroupData, ngbIsCompositeFilter, ngbOperatorRequiresFilterValue, ngbPagerButtonCountForDensity, ngbResolveDatagridPagerSettings, ngbResolvePageableSettings, ngbResolvePagerDensity, ngbResolvePagerPageSizeOptions, ngbResolvePagerSettings, ngbSetFieldFilter };
+export type { CellCtx, ColumnDef, ColumnType, DndCanDropFn, DndCanDropPayload, DndI18n, DndSession, EditCtx, ExcelExportPayload, ExportButtonContext, FilterCtx, GlobalFilterCtx, GroupColumnCtx, GroupHeaderCtx, HighlightItem, NgbAdvancedSearchField, NgbAdvancedSearchOperator, NgbAdvancedSearchRule, NgbAiFeedback, NgbAiMessage, NgbAiResponse, NgbChip, NgbColKey, NgbColumnFilterType, NgbColumnReorderEvent, NgbColumnReorderOptions, NgbColumnSelectionChartOptions, NgbCompositeFilterDescriptor, NgbDataAggregate, NgbDataChartConfig, NgbDataChartSeries, NgbDataChartType, NgbDataDimensionDef, NgbDataGridAggregateDescriptor, NgbDataGridAggregateFunction, NgbDataGridAggregateResults, NgbDataGridAggregateType, NgbDataGridDataResult, NgbDataGridExportOptions, NgbDataGridExportPages, NgbDataGridExportType, NgbDataGridGroupChange, NgbDataGridGroupDescriptor, NgbDataGridGroupResult, NgbDataGridGroupingSettings, NgbDataGridProcessOptions, NgbDataGridResponsiveOptions, NgbDataGridSortDescriptor, NgbDataGridSortDirection, NgbDataGridState, NgbDataGridTheme, NgbDataGridThemeOption, NgbDataLayoutMode, NgbDataMetricDef, NgbDatagridButtonVariant, NgbDatagridEditService, NgbDatagridFloatingPanelPlacement, NgbDatagridLabels, NgbDatagridPageableSettings, NgbDatagridPagerDensity, NgbDatagridPagerPosition, NgbDatagridPagerType, NgbDatagridRowId, NgbDatagridTextDirection, NgbDatagridTrackByFn, NgbDndDropEvent, NgbEditMode, NgbFilterDescriptor, NgbFilterMode, NgbFilterOperator, NgbFilterState, NgbFilterable, NgbFullGridChartOptions, NgbGridChartConfig, NgbGridChartMode, NgbGridChartSelectionChange, NgbGridChartSparklineOptions, NgbInlineAiRequest, NgbMenuFilterConditionDraft, NgbMultiCheckboxFilterOptions, NgbPagerDensity, NgbPagerSettings, NgbPagerType, NgbRowKey, NgbRowSelectionChartOptions, NgbSearchHighlightField, NgbSearchHighlightSegment, NgbSearchHighlightSelectionChange, NgbSelectionBehavior, NgbSelectionKeyMode, NgbSelectionLabels, NgbSelectionMode, NgbSmartPasteField, NgbSmartPasteRequest, NgbSmartPasteSuggestion, NgbSparklinePoint, NgbSplitterOrientation, NgbSplitterPaneSize, NgbStepperContentPosition, NgbStepperLabelPosition, NgbStepperOrientation, NgbStepperSelectionChangeEvent, NgbStepperState, NgbStepperStep, NgbStepperTheme, NgbTableOptions, NgbTableResponsive, NgbTreeI18n, NgbTreeNode, NgbTreeType, NgbTypeaheadI18n, NgbTypeaheadItem, PagerCtx, PdfExportOptions, PdfExportPayload };