@ngbase/adk 0.1.0 → 0.1.2

package/schematics/components/files/theme/theme.service.ts.template

@@ -0,0 +1,33 @@
+import { inject, Injectable, signal } from '@angular/core';
+import { isClient } from '@ngbase/adk/utils';
+
+@Injectable({ providedIn: 'root' })
+export class ThemeService {
+  mode = signal<'light' | 'dark' | ''>('light');
+
+  constructor() {
+    if (isClient()) {
+      const theme = localStorage.getItem('theme');
+      this._update((theme as 'light' | 'dark') || 'light');
+
+      // registerShortcut('ctrl+h', () => this.open());
+    }
+  }
+
+  toggle() {
+    this._update(this.mode() === 'dark' ? 'light' : 'dark');
+  }
+
+  private _update(mode: 'light' | 'dark' = 'light') {
+    const body = document.body;
+    if (mode === 'dark') {
+      body.classList.add('dark');
+    } else {
+      body.classList.remove('dark');
+    }
+    localStorage.setItem('theme', mode);
+    this.mode.set(mode);
+  }
+}
+
+export const injectTheme = () => inject(ThemeService);

package/schematics/components/files/toggle/index.ts.template

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of toggle
+ */
+
+export * from './toggle';

package/schematics/components/files/toggle/toggle.ts.template

@@ -0,0 +1,13 @@
+import { ChangeDetectionStrategy, Component } from '@angular/core';
+import { NgbToggle } from '@ngbase/adk/toggle';
+
+@Component({
+  selector: 'button[<%= name %>Toggle]',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  hostDirectives: [{ directive: NgbToggle, inputs: ['value'], outputs: ['valueChange'] }],
+  template: `<ng-content />`,
+  host: {
+    class: 'block w-9 h-9 rounded relative aria-[pressed=true]:bg-background',
+  },
+})
+export class Toggle {}

package/schematics/components/files/toggle-group/index.ts.template

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of toggle-group
+ */
+
+export * from './toggle-group';

package/schematics/components/files/toggle-group/toggle-group.ts.template

@@ -0,0 +1,25 @@
+import { ChangeDetectionStrategy, Component, Directive } from '@angular/core';
+import { NgbToggleGroup, NgbToggleItem } from '@ngbase/adk/toggle-group';
+
+@Component({
+  selector: '<%= name %>-toggle-group',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  hostDirectives: [
+    { directive: NgbToggleGroup, inputs: ['value', 'multiple'], outputs: ['valueChange'] },
+  ],
+  template: ` <ng-content select="[<%= name %>ToggleItem]" /> `,
+  host: {
+    class: 'flex gap-1',
+  },
+})
+export class ToggleGroup<T> {}
+
+@Directive({
+  selector: 'button[<%= name %>ToggleItem]',
+  hostDirectives: [{ directive: NgbToggleItem, inputs: ['disabled', 'value'] }],
+  host: {
+    class:
+      'inline-block rounded h-9 px-3 hover:bg-opacity-80 active:bg-opacity-70 aria-[selected=true]:bg-background',
+  },
+})
+export class ToggleItem<T> {}

package/schematics/components/files/tooltip/index.ts.template

@@ -0,0 +1,5 @@
+/*
+ * Public API Surface of tooltip
+ */
+
+export { provideTooltipOptions, Tooltip } from './tooltip';

package/schematics/components/files/tooltip/tooltip.ts.template

@@ -0,0 +1,45 @@
+import { ChangeDetectionStrategy, Component, Directive } from '@angular/core';
+import { injectTheme } from '<%= basepath %>/theme';
+import { NgbPopoverArrow, providePopoverArrowTracker } from '@ngbase/adk/popover';
+import {
+  NgbTooltip,
+  NgbTooltipTemplate,
+  provideNgbTooltipOptions,
+  tooltipAnimation,
+  TooltipOptions,
+} from '@ngbase/adk/tooltip';
+
+@Directive({
+  selector: '[<%= name %>Tooltip]',
+  hostDirectives: [
+    {
+      directive: NgbTooltip,
+      inputs: [
+        'ngbTooltip: <%= name %>Tooltip',
+        'ngbTooltipPosition: <%= name %>TooltipPosition',
+        'delay',
+      ],
+    },
+  ],
+})
+export class Tooltip {}
+
+@Component({
+  selector: '<%= name %>-tooltip',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [providePopoverArrowTracker()],
+  imports: [NgbPopoverArrow],
+  template: `<div ngbPopoverArrow>{{ content() }}</div>`,
+  host: {
+    class:
+      'fixed inline-block rounded-lg bg-foreground px-3 py-1 border shadow-md z-p whitespace-pre-line max-w-[15rem] text-text',
+    '[class]': `theme.mode() === 'dark' ? 'light' : 'dark'`,
+  },
+  animations: [tooltipAnimation],
+})
+export class TooltipComponent extends NgbTooltipTemplate {
+  readonly theme = injectTheme();
+}
+
+export const provideTooltipOptions = (options: TooltipOptions) =>
+  provideNgbTooltipOptions({ ...options, component: TooltipComponent });

package/schematics/components/files/tour/index.ts.template

@@ -0,0 +1 @@
+export * from './tour';

package/schematics/components/files/tour/tour.ts.template

@@ -0,0 +1,19 @@
+import { Directive, inject, InjectionToken } from '@angular/core';
+import { NgbTour, NgbTourService, NgbTourStep } from '@ngbase/adk/tour';
+
+export const TourService = new InjectionToken<NgbTourService>('TourService', {
+  providedIn: 'root',
+  factory: () => inject(NgbTourService),
+});
+
+@Directive({
+  selector: '[<%= name %>Tour]',
+  hostDirectives: [NgbTour],
+})
+export class Tour {}
+
+@Directive({
+  selector: '[<%= name %>TourStep]',
+  hostDirectives: [{ directive: NgbTourStep, inputs: ['ngbTourStep: <%= name %>TourStep'] }],
+})
+export class TourStep {}

package/schematics/components/files/tree/index.ts.template

@@ -0,0 +1 @@
+export * from './tree';

package/schematics/components/files/tree/tree.ts.template

@@ -0,0 +1,66 @@
+import { ChangeDetectionStrategy, Component, Directive, signal } from '@angular/core';
+import {
+  NgbTree,
+  NgbTreeNode,
+  NgbTreeNodeContent,
+  NgbTreeNodeDef,
+  NgbTreeNodeToggle,
+  aliasTree,
+  aliasTreeNode,
+} from '@ngbase/adk/tree';
+
+@Component({
+  selector: '<%= name %>-tree',
+  exportAs: '<%= name %>Tree',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  providers: [aliasTree(Tree)],
+  template: `<ng-container #container />`,
+  host: {
+    class: 'block',
+  },
+})
+export class Tree<T> extends NgbTree<T> {}
+
+@Component({
+  selector: '<%= name %>-tree-node',
+  exportAs: '<%= name %>TreeNode',
+  changeDetection: ChangeDetectionStrategy.OnPush,
+  template: `
+    <div class="flex items-start">
+      <ng-content />
+    </div>
+    <ng-content select="[<%= name %>TreeNodeContent]" />
+    <ng-container #container />
+  `,
+  providers: [provideTreeNode(TreeNode)],
+  host: {
+    class: 'block w-full cursor-pointer',
+  },
+})
+export class TreeNode<T> extends NgbTreeNode<T> {
+  override size = signal(16);
+}
+
+@Directive({
+  selector: '[<%= name %>TreeNodeToggle]',
+  hostDirectives: [NgbTreeNodeToggle],
+  host: {
+    class: `aria-[hidden="true"]:invisible`,
+  },
+})
+export class TreeNodeToggle {}
+
+@Directive({
+  selector: '[<%= name %>TreeNodeDef]',
+  hostDirectives: [NgbTreeNodeDef],
+})
+export class TreeNodeDef<T> {}
+
+@Directive({
+  selector: '[<%= name %>TreeNodeContent]',
+  hostDirectives: [NgbTreeNodeContent],
+  host: {
+    class: 'ml-8',
+  },
+})
+export class TreeNodeContent {}

package/schematics/components/index.d.ts

@@ -0,0 +1,3 @@
+import { Rule } from '@angular-devkit/schematics';
+import { MyGeneratorSchema } from './schema';
+export declare function myGenerator(options: MyGeneratorSchema): Rule;

package/schematics/components/index.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.myGenerator = myGenerator;
+const schematics_1 = require("@angular-devkit/schematics");
+const core_1 = require("@angular-devkit/core");
+function myGenerator(options) {
+    return () => {
+        const sourceTemplates = (0, schematics_1.url)(`./files/${options.component}`);
+        const targetPath = options.path || '';
+        const sourceParametrizedTemplates = (0, schematics_1.apply)(sourceTemplates, [
+            (0, schematics_1.applyTemplates)(Object.assign(Object.assign({}, core_1.strings), options)),
+            (0, schematics_1.move)((0, core_1.normalize)(`/${targetPath}/${options.component}`)),
+        ]);
+        return (0, schematics_1.chain)([(0, schematics_1.mergeWith)(sourceParametrizedTemplates)]);
+    };
+}
+//# sourceMappingURL=index.js.map

package/schematics/components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../projects/adk/schematics/components/index.ts"],"names":[],"mappings":";;AAYA,kCAgBC;AA5BD,2DAQoC;AACpC,+CAA0D;AAG1D,SAAgB,WAAW,CAAC,OAA0B;IACpD,OAAO,GAAG,EAAE;QACV,MAAM,eAAe,GAAG,IAAA,gBAAG,EAAC,WAAW,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;QAE5D,MAAM,UAAU,GAAG,OAAO,CAAC,IAAI,IAAI,EAAE,CAAC;QAEtC,MAAM,2BAA2B,GAAG,IAAA,kBAAK,EAAC,eAAe,EAAE;YACzD,IAAA,2BAAc,kCACT,cAAO,GACP,OAAO,EACV;YACF,IAAA,iBAAI,EAAC,IAAA,gBAAS,EAAC,IAAI,UAAU,IAAI,OAAO,CAAC,SAAS,EAAE,CAAC,CAAC;SACvD,CAAC,CAAC;QAEH,OAAO,IAAA,kBAAK,EAAC,CAAC,IAAA,sBAAS,EAAC,2BAA2B,CAAC,CAAC,CAAC,CAAC;IACzD,CAAC,CAAC;AACJ,CAAC"}

package/schematics/components/index.ts

@@ -0,0 +1,29 @@
+import {
+  Rule,
+  apply,
+  mergeWith,
+  move,
+  applyTemplates,
+  url,
+  chain,
+} from '@angular-devkit/schematics';
+import { strings, normalize } from '@angular-devkit/core';
+import { MyGeneratorSchema } from './schema';
+
+export function myGenerator(options: MyGeneratorSchema): Rule {
+  return () => {
+    const sourceTemplates = url(`./files/${options.component}`);
+
+    const targetPath = options.path || '';
+
+    const sourceParametrizedTemplates = apply(sourceTemplates, [
+      applyTemplates({
+        ...strings,
+        ...options,
+      }),
+      move(normalize(`/${targetPath}/${options.component}`)),
+    ]);
+
+    return chain([mergeWith(sourceParametrizedTemplates)]);
+  };
+}

package/schematics/components/schema.d.ts

@@ -0,0 +1,6 @@
+export interface MyGeneratorSchema {
+    name: string;
+    path?: string;
+    project?: string;
+    component: string;
+}

package/schematics/components/schema.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=schema.js.map

package/schematics/components/schema.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.js","sourceRoot":"","sources":["../../../../projects/adk/schematics/components/schema.ts"],"names":[],"mappings":""}

package/schematics/components/schema.json

@@ -0,0 +1,145 @@
+{
+  "$schema": "http://json-schema.org/schema",
+  "$id": "SchematicsAccordion",
+  "title": "Accordion Schema",
+  "type": "object",
+  "properties": {
+    "name": {
+      "description": "The name of the component prefix.",
+      "x-prompt": "What is the name of the component prefix?",
+      "type": "string"
+    },
+    "path": {
+      "description": "Where should be created the file",
+      "type": "string",
+      "format": "path",
+      "x-prompt": "Where should be created the file?",
+      "default": "src/app"
+    },
+    "basepath": {
+      "description": "The base path of the UI library.",
+      "type": "string",
+      "format": "path",
+      "x-prompt": "What is the base path of the UI library?",
+      "default": "@"
+    },
+    "component": {
+      "description": "The file extension or preprocessor to use for style files.",
+      "type": "string",
+      "default": "accordion",
+      "enum": [
+        "accordion",
+        "alert",
+        "autocomplete",
+        "avatar",
+        "badge",
+        "breadcrumb",
+        "button",
+        "card",
+        "carousel",
+        "checkbox",
+        "chip",
+        "color-picker",
+        "command",
+        "datepicker",
+        "dialog",
+        "drawer",
+        "form-field",
+        "hover-card",
+        "icon",
+        "inline-edit",
+        "keys",
+        "list",
+        "mask",
+        "menu",
+        "otp",
+        "pagination",
+        "popover",
+        "progress",
+        "radio",
+        "resizable",
+        "scroll-area",
+        "select",
+        "selectable",
+        "separator",
+        "sheet",
+        "sidenav",
+        "skeleton",
+        "slider",
+        "sonner",
+        "spinner",
+        "stepper",
+        "switch",
+        "table",
+        "tabs",
+        "toggle",
+        "toggle-group",
+        "tooltip",
+        "tour",
+        "tree"
+      ],
+      "x-prompt": {
+        "message": "Which component would you like to create?",
+        "type": "list",
+        "items": [
+          { "value": "accordion", "label": "Accordion" },
+          { "value": "alert", "label": "Alert" },
+          { "value": "autocomplete", "label": "Autocomplete" },
+          { "value": "avatar", "label": "Avatar" },
+          { "value": "badge", "label": "Badge" },
+          { "value": "breadcrumb", "label": "Breadcrumb" },
+          { "value": "button", "label": "Button" },
+          { "value": "card", "label": "Card" },
+          { "value": "carousel", "label": "Carousel" },
+          { "value": "checkbox", "label": "Checkbox" },
+          { "value": "chip", "label": "Chip" },
+          { "value": "color-picker", "label": "Color Picker" },
+          { "value": "command", "label": "Command" },
+          { "value": "datepicker", "label": "Datepicker" },
+          { "value": "dialog", "label": "Dialog" },
+          { "value": "drawer", "label": "Drawer" },
+          { "value": "form-field", "label": "Form Field" },
+          { "value": "hover-card", "label": "Hover Card" },
+          { "value": "icon", "label": "Icon" },
+          { "value": "inline-edit", "label": "Inline Edit" },
+          { "value": "keys", "label": "Keys" },
+          { "value": "list", "label": "List" },
+          { "value": "mask", "label": "Mask" },
+          { "value": "menu", "label": "Menu" },
+          { "value": "otp", "label": "OTP" },
+          { "value": "pagination", "label": "Pagination" },
+          { "value": "popover", "label": "Popover" },
+          { "value": "progress", "label": "Progress" },
+          { "value": "radio", "label": "Radio" },
+          { "value": "resizable", "label": "Resizable" },
+          { "value": "scroll-area", "label": "Scroll Area" },
+          { "value": "select", "label": "Select" },
+          { "value": "selectable", "label": "Selectable" },
+          { "value": "separator", "label": "Separator" },
+          { "value": "sheet", "label": "Sheet" },
+          { "value": "sidenav", "label": "Sidenav" },
+          { "value": "skeleton", "label": "Skeleton" },
+          { "value": "slider", "label": "Slider" },
+          { "value": "sonner", "label": "Sonner" },
+          { "value": "spinner", "label": "Spinner" },
+          { "value": "stepper", "label": "Stepper" },
+          { "value": "switch", "label": "Switch" },
+          { "value": "table", "label": "Table" },
+          { "value": "tabs", "label": "Tabs" },
+          { "value": "toggle", "label": "Toggle" },
+          { "value": "toggle-group", "label": "Toggle Group" },
+          { "value": "tooltip", "label": "Tooltip" },
+          { "value": "tour", "label": "Tour" },
+          { "value": "tree", "label": "Tree" }
+        ]
+      },
+      "project": {
+        "type": "string",
+        "description": "The name of the project.",
+        "$default": {
+          "$source": "projectName"
+        }
+      }
+    }
+  }
+}

package/schematics/components/schema.ts

@@ -0,0 +1,6 @@
+export interface MyGeneratorSchema {
+  name: string;
+  path?: string;
+  project?: string;
+  component: string;
+}

package/select/option-group.d.ts

@@ -1,7 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class NgbOptionGroup {
-    label: import("@angular/core").InputSignal<string>;
-    disabled: import("@angular/core").InputSignal<boolean>;
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly disabled: import("@angular/core").InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbOptionGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbOptionGroup, "[ngbOptionGroup]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbOptionGroup, "[ngbOptionGroup]", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
 }

package/select/select.d.ts

@@ -35,9 +35,9 @@ export declare class NgbSelect<T> extends SelectBase<T> {
     };
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbSelect<any>, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbSelect<any>, "[ngbSelect]", never, { "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; }, ["optionTemplate"], [".select-prefix", "[ngbSelectTrigger]", "[ngbSelectInput]", "*"], true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbSelect<any>, "[ngbSelect]", never, { "search": { "alias": "search"; "required": false; "isSignal": true; }; }, { "search": "searchChange"; }, ["optionTemplate"], never, true, never>;
 }
-export declare function provideSelect(select: typeof NgbSelect): (({
+export declare function aliasSelect(select: typeof NgbSelect): (({
     provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
     useExisting: import("@angular/core").Type<any>;
     multi: boolean;

package/sheet/index.d.ts

@@ -0,0 +1,5 @@
+/**
+ * Generated bundle index. Do not edit.
+ */
+/// <amd-module name="@ngbase/adk/sheet" />
+export * from './public-api';

package/sheet/public-api.d.ts

@@ -0,0 +1,2 @@
+export * from './sheet.service';
+export * from './sheet';

package/sheet/sheet.d.ts

@@ -0,0 +1,26 @@
+import { OnDestroy, ViewContainerRef } from '@angular/core';
+import { BaseDialog } from '@ngbase/adk/portal';
+import { SheetOptions } from './sheet.service';
+import * as i0 from "@angular/core";
+export declare class NgbSheetContainer extends BaseDialog implements OnDestroy {
+    myDialog: import("@angular/core").Signal<ViewContainerRef | undefined>;
+    readonly dir: import("@ngbase/adk/bidi").Directionality;
+    backdropColor: boolean;
+    options: SheetOptions;
+    classNames: string;
+    isHideHeader: boolean;
+    readonly position: import("@angular/core").Signal<{
+        params: {
+            outTransform: string;
+        };
+    }>;
+    constructor();
+    setOptions(options: SheetOptions): void;
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<NgbSheetContainer, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbSheetContainer, "mee-sheet", never, {}, {}, never, never, true, never>;
+}
+export declare function aliasSheet(dialog: typeof NgbSheetContainer): {
+    provide: typeof NgbSheetContainer;
+    useExisting: typeof NgbSheetContainer;
+};

package/sheet/sheet.service.d.ts

@@ -0,0 +1,13 @@
+import { DialogInput, DialogOptions } from '@ngbase/adk/portal';
+import { NgbSheetContainer } from './sheet';
+export declare class SheetOptions extends DialogOptions {
+    position?: 'left' | 'right';
+}
+export declare function ngbSheetPortal(component: typeof NgbSheetContainer): {
+    open: <T>(component: DialogInput, opt?: SheetOptions) => {
+        afterClosed: import("rxjs").Observable<any>;
+        close: (data?: any) => void;
+    };
+    closeAll: () => void;
+};
+export type NgbSheet = ReturnType<typeof ngbSheetPortal>;

package/sidenav/public-api.d.ts

@@ -1,3 +1,3 @@
-export { NgbSidenav, NgbSidenavOverlay, provideSidenav } from './sidenav';
+export { NgbSidenav, NgbSidenavOverlay, aliasSidenav } from './sidenav';
 export { NgbSidenavHeader, NgbSidenavHeaderContent, NgbSidenavHeaderTrack, slideAnimation, } from './sidenav-header';
 export { type SidenavType } from './sidenav.service';

package/sidenav/sidenav.d.ts

@@ -17,7 +17,7 @@ export declare class NgbSidenav {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbSidenav, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<NgbSidenav, "[ngbSidenav]", ["ngbSidenav"], { "show": { "alias": "show"; "required": false; "isSignal": true; }; "mode": { "alias": "mode"; "required": false; "isSignal": true; }; }, { "show": "showChange"; }, never, never, true, never>;
 }
-export declare const provideSidenav: (sidenav: Type<NgbSidenav>) => (typeof SidenavService | {
+export declare const aliasSidenav: (sidenav: Type<NgbSidenav>) => (typeof SidenavService | {
     provide: typeof NgbSidenav;
     useExisting: Type<NgbSidenav>;
 })[];

package/slider/public-api.d.ts

@@ -1 +1 @@
-export { NgbSlider, SliderTrack, SliderRange, SliderThumb, provideSlider } from './slider';
+export { NgbSlider, SliderTrack, SliderRange, SliderThumb, aliasSlider } from './slider';

package/slider/slider.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, Type } from '@angular/core';
+import { ElementRef } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import * as i0 from "@angular/core";
 import * as i1 from "@ngbase/adk/drag";
@@ -61,13 +61,13 @@ export declare class NgbSlider implements ControlValueAccessor {
     private updateValue;
     private notifyChange;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbSlider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbSlider, "[ngbSlider]", ["ngbSlider"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbSlider, "[ngbSlider]", ["ngbSlider"], { "value": { "alias": "value"; "required": false; "isSignal": true; }; "step": { "alias": "step"; "required": false; "isSignal": true; }; "min": { "alias": "min"; "required": false; "isSignal": true; }; "max": { "alias": "max"; "required": false; "isSignal": true; }; "range": { "alias": "range"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "orientation": { "alias": "orientation"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
 }
-export declare const provideSlider: (slider: Type<NgbSlider>) => ({
+export declare const aliasSlider: (slider: typeof NgbSlider) => ({
     provide: import("@angular/core").InjectionToken<readonly import("@angular/forms").ControlValueAccessor[]>;
-    useExisting: Type<any>;
+    useExisting: import("@angular/core").Type<any>;
     multi: boolean;
 } | {
     provide: typeof NgbSlider;
-    useExisting: Type<NgbSlider>;
+    useExisting: typeof NgbSlider;
 })[];

package/sonner/sonner.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from "@angular/core";
+export declare const sonnerAnimation: import("@angular/animations").AnimationTriggerMetadata;
 export declare class SonnerBase {
     readonly ngbSonnerBase: import("@angular/core").InputSignal<number>;
     static ɵfac: i0.ɵɵFactoryDeclaration<SonnerBase, never>;
@@ -9,7 +10,7 @@ export declare class NgbSonner {
     addMessage(message: string, type: SonnerType, data?: SonnerData): void;
     clear(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbSonner, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbSonner, "ngb-sonner", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbSonner, "ngb-sonner", never, {}, {}, never, never, true, never>;
 }
 export interface SonnerMessage {
     message: string;

package/stepper/animation.d.ts

@@ -1 +1 @@
-export declare const slideAnimation: import("@angular/animations").AnimationTriggerMetadata;
+export declare const stepperAnimation: import("@angular/animations").AnimationTriggerMetadata;

package/stepper/step.d.ts

@@ -12,7 +12,7 @@ export declare class NgbStep {
     readonly horizontalTemplate: import("@angular/core").Signal<false | TemplateRef<any> | null>;
     readonly verticalTemplate: import("@angular/core").Signal<false | TemplateRef<any> | null>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbStep, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbStep, "[ngbStep]", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, ["header"], ["*"], true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbStep, "[ngbStep]", never, { "title": { "alias": "title"; "required": false; "isSignal": true; }; }, {}, ["header"], never, true, never>;
 }
 export declare class NgbStepHeader {
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbStepHeader, never>;

package/stepper/stepper.d.ts

@@ -18,9 +18,9 @@ export declare class NgbStepper {
     nextStep(): void;
     prevStep(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NgbStepper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NgbStepper, "[ngbStepper]", ["ngbStepper"], { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["steps"], ["*"], true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<NgbStepper, "[ngbStepper]", ["ngbStepper"], { "activeIndex": { "alias": "activeIndex"; "required": false; "isSignal": true; }; "direction": { "alias": "direction"; "required": false; "isSignal": true; }; }, { "activeIndex": "activeIndexChange"; }, ["steps"], never, true, never>;
 }
-export declare const provideStepper: (stepper: typeof NgbStepper) => {
+export declare const aliasStepper: (stepper: typeof NgbStepper) => {
     provide: typeof NgbStepper;
     useExisting: typeof NgbStepper;
 };