@basis-ng/primitives 0.0.1-alpha.47 → 0.0.1-alpha.48

package/core/components/dialog/dialog.component.d.ts

@@ -0,0 +1,42 @@
+import { ClosingType, DialogService } from '../../services/dialog.service';
+import { CdkDialogContainer, DialogRef } from '@angular/cdk/dialog';
+import * as i0 from "@angular/core";
+/**
+ * DialogComponent acts as a custom container for dialogs opened via the Angular CDK Dialog module.
+ * It provides custom close behavior (ESC key and outside click) and hosts the dialog content.
+ *
+ * @example
+ * Used internally by DialogService. Not intended for direct use.
+ */
+export declare class DialogComponent extends CdkDialogContainer {
+    /**
+     * Injected instance of the DialogService.
+     * @internal
+     */
+    dialogService: DialogService;
+    /**
+     * Injected reference to the current DialogRef.
+     * @internal
+     */
+    dialogRef: DialogRef<any, any>;
+    /**
+     * Injected reference to the host element.
+     * @internal
+     */
+    private el;
+    /**
+     * Signal indicating if the dialog is in the process of leaving (closing).
+     */
+    readonly leaving: import("@angular/core").WritableSignal<boolean>;
+    /**
+     * Closes the dialog by calling the DialogService.
+     */
+    close(type: ClosingType): void;
+    /**
+     * Listens for document click events and closes the dialog if the click occurs outside the dialog element.
+     * @param event MouseEvent
+     */
+    onDocumentClick(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogComponent, "b-dialog", never, {}, {}, never, never, true, never>;
+}

package/core/directives/dialog.directive.d.ts

@@ -0,0 +1,86 @@
+import { OnDestroy, OnInit } from '@angular/core';
+import { DialogData } from '../services/dialog.service';
+import * as i0 from "@angular/core";
+/**
+ * Directive used to register an `ng-template` as a dialog with the `DialogService`.
+ * Apply this directive to an `<ng-template>` element, providing a unique ID.
+ * The service can then open this template as a dialog by referencing the ID.
+ *
+ * @example
+ * ```html
+ * <ng-template bDialog="myModalId" [hasBackdrop]="false">
+ * <h2>My Modal Content</h2>
+ * <p>This is the content of the dialog.</p>
+ * <button (click)="dialogService.closeDialog('myModalId')">Close</button>
+ * </ng-template>
+ * ```
+ */
+export declare class DialogDirective implements OnInit, OnDestroy {
+    /**
+     * The unique identifier for this dialog template. Used by the `DialogService` to open this specific dialog.
+     * Applied as the value of the `bDialog` attribute.
+     */
+    readonly id: import("@angular/core").InputSignal<string>;
+    /**
+     * Determines whether the dialog should have a backdrop. Defaults to `true`.
+     */
+    readonly hasBackdrop: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Determines whether the dialog should close when the backdrop is clicked. Defaults to `true`.
+     */
+    readonly closeOnBackdropClick: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Determines whether the dialog should close when the escape key is pressed. Defaults to `true`.
+     */
+    readonly closeOnEscapeKey: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Determines whether the dialog should close when the escape key is pressed or when a pointer event occurs outside the dialog.
+     * Defaults to `false`.
+     */
+    readonly restoreFocus: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Computed signal that combines the template reference and configuration inputs
+     * into the `DialogData` structure expected by the `DialogService`.
+     */
+    readonly data: import("@angular/core").Signal<DialogData>;
+    /**
+     * Delay in milliseconds before the dialog opens. Defaults to `0`.
+     */
+    readonly openDelay: import("@angular/core").InputSignal<number>;
+    /**
+     * Delay in milliseconds before the dialog closes. Defaults to `150`.
+     */
+    readonly closeDelay: import("@angular/core").InputSignal<number>;
+    /**
+     * Injected instance of the `DialogService`.
+     * @internal
+     */
+    private readonly dialogService;
+    /**
+     * Injected reference to the `ng-template` element this directive is applied to.
+     * @internal
+     */
+    private readonly templateRef;
+    /**
+     * Lifecycle hook called after Angular has initialized all data-bound properties of a directive.
+     * Registers the dialog template and its configuration with the `DialogService`.
+     */
+    ngOnInit(): void;
+    /**
+     * Opens the dialog using the `DialogService`.
+     * This method can be called to programmatically open the dialog.
+     */
+    open(): void;
+    /**
+     * Closes the dialog using the `DialogService`.
+     * This method can be called to programmatically close the dialog.
+     */
+    close(): void;
+    /**
+     * Lifecycle hook called once, before the directive is destroyed.
+     * Removes the dialog registration from the `DialogService`.
+     */
+    ngOnDestroy(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DialogDirective, "[bDialog]", ["bDialog"], { "id": { "alias": "bDialog"; "required": true; "isSignal": true; }; "hasBackdrop": { "alias": "hasBackdrop"; "required": false; "isSignal": true; }; "closeOnBackdropClick": { "alias": "closeOnBackdropClick"; "required": false; "isSignal": true; }; "closeOnEscapeKey": { "alias": "closeOnEscapeKey"; "required": false; "isSignal": true; }; "restoreFocus": { "alias": "restoreFocus"; "required": false; "isSignal": true; }; "openDelay": { "alias": "openDelay"; "required": false; "isSignal": true; }; "closeDelay": { "alias": "closeDelay"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
+}

package/core/services/dialog.service.d.ts

@@ -0,0 +1,91 @@
+import { TemplateRef } from '@angular/core';
+import { UtilsService } from '../../shared/services/utils.service';
+import * as i0 from "@angular/core";
+/**
+ * Represents the data structure for a registered dialog, containing its template and configuration.
+ */
+export interface DialogData {
+    /** The template reference (`ng-template`) to be rendered as the dialog content. */
+    template: TemplateRef<any>;
+    /** Configuration options for the dialog. */
+    config: DialogConfig;
+}
+/**
+ * Represents the configuration options for a dialog.
+ */
+interface DialogConfig {
+    /** Whether the dialog should have a backdrop. */
+    hasBackdrop: boolean;
+    /** The delay before the dialog opens, in milliseconds. */
+    openDelay: number;
+    /** The delay before the dialog closes, in milliseconds. */
+    closeDelay: number;
+    /** Whether the dialog should restore focus to the previously focused element when closed. */
+    restoreFocus: boolean;
+    /** Whether the dialog should be closed when the backdrop is clicked. */
+    closeOnBackdropClick: boolean;
+    /** Whether the dialog should be closed when the escape key is pressed. */
+    closeOnEscapeKey: boolean;
+}
+/**
+ * Type representing the closing type for dialogs.
+ */
+export type ClosingType = 'outsideClick' | 'escapeKey' | 'closeButton';
+/**
+ * Service responsible for managing and controlling dialogs registered via the `DialogDirective`.
+ * It uses the Angular CDK Dialog module internally.
+ */
+export declare class DialogService {
+    /**
+     * Injected instance of the Angular CDK `Dialog` service.
+     * @internal
+     */
+    private readonly dialog;
+    /**
+     * Injected instance of the `UtilsService`.
+     * @internal
+     */
+    utilsService: UtilsService;
+    /**
+     * A map storing the registered dialog templates and their data, keyed by their unique ID.
+     * @internal
+     */
+    private readonly dialogs;
+    /**
+     * Registers a dialog template and its data with the service.
+     * Typically called automatically by the `DialogDirective`.
+     *
+     * @param id - The unique identifier for the dialog.
+     * @param data - The dialog data containing the template and configuration.
+     */
+    addDialog(id: string, data: DialogData): void;
+    /**
+     * Removes a dialog registration from the service.
+     * Typically called automatically by the `DialogDirective` when the template is destroyed.
+     *
+     * @param id - The unique identifier of the dialog to remove.
+     */
+    removeDialog(id: string): void;
+    /**
+     * Opens the dialog associated with the given ID.
+     *
+     * @param id - The unique identifier of the dialog to open.
+     * @throws Error if a dialog with the specified ID is not found.
+     */
+    openDialog(id: string): void;
+    /**
+     * Closes the dialog associated with the given ID.
+     * Does nothing if no dialog with the specified ID is currently open.
+     *
+     * @param id - The unique identifier of the dialog to close.
+     * @param type - The type of closing action.
+     */
+    closeDialog(id: string, type?: ClosingType): void;
+    /**
+     * Closes all currently open dialogs managed by the CDK Dialog service.
+     */
+    closeAllDialogs(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DialogService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<DialogService>;
+}
+export {};

package/fesm2022/basis-ng-primitives.mjs

@@ -1,5 +1,5 @@
 import * as i0 from '@angular/core';
-import { signal, inject, RendererFactory2, Injectable, input, ElementRef, Component, TemplateRef, Directive, computed, output, contentChildren, effect, viewChild, contentChild, linkedSignal, model, forwardRef, HostListener, afterNextRender, afterRenderEffect } from '@angular/core';
+import { signal, inject, RendererFactory2, Injectable, input, ElementRef, Component, TemplateRef, Directive, computed, output, contentChildren, effect, viewChild, contentChild, linkedSignal, model, forwardRef, HostListener, afterNextRender, afterRenderEffect, ViewEncapsulation } from '@angular/core';
 import { NgModel, NG_VALUE_ACCESSOR, ControlContainer } from '@angular/forms';
 import * as i1 from '@angular/cdk/listbox';
 import { CdkOption, CdkListbox } from '@angular/cdk/listbox';
@@ -9,12 +9,13 @@ import * as i1$1 from '@angular/cdk/overlay';
 import { CdkOverlayOrigin, CdkConnectedOverlay, Overlay, OverlayConfig } from '@angular/cdk/overlay';
 import { NgStyle, NgClass, CommonModule, NgTemplateOutlet } from '@angular/common';
 import { ActiveDescendantKeyManager, CdkTrapFocus } from '@angular/cdk/a11y';
-import { ComponentPortal } from '@angular/cdk/portal';
+import { ComponentPortal, CdkPortalOutlet } from '@angular/cdk/portal';
 import * as i1$2 from '@angular/cdk/drag-drop';
 import { CdkDropList, CdkDropListGroup, CdkDrag, CdkDragHandle } from '@angular/cdk/drag-drop';
 import * as i1$3 from '@angular/cdk/menu';
 import { CdkMenu, CdkMenuItem, CdkMenuGroup, CdkMenuItemCheckbox, CdkMenuItemRadio, CdkMenuTrigger } from '@angular/cdk/menu';
 import { BreakpointObserver, Breakpoints } from '@angular/cdk/layout';
+import { CdkDialogContainer, DialogRef, Dialog } from '@angular/cdk/dialog';
 
 class ThemeService {
     /**
@@ -2956,6 +2957,296 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
                 }]
         }] });
 
+/**
+ * DialogComponent acts as a custom container for dialogs opened via the Angular CDK Dialog module.
+ * It provides custom close behavior (ESC key and outside click) and hosts the dialog content.
+ *
+ * @example
+ * Used internally by DialogService. Not intended for direct use.
+ */
+class DialogComponent extends CdkDialogContainer {
+    /**
+     * Injected instance of the DialogService.
+     * @internal
+     */
+    dialogService = inject(DialogService);
+    /**
+     * Injected reference to the current DialogRef.
+     * @internal
+     */
+    dialogRef = inject(DialogRef);
+    /**
+     * Injected reference to the host element.
+     * @internal
+     */
+    el = inject(ElementRef);
+    /**
+     * Signal indicating if the dialog is in the process of leaving (closing).
+     */
+    leaving = signal(false);
+    /**
+     * Closes the dialog by calling the DialogService.
+     */
+    close(type) {
+        this.dialogService.closeDialog(this.dialogRef.id, type);
+    }
+    /**
+     * Listens for document click events and closes the dialog if the click occurs outside the dialog element.
+     * @param event MouseEvent
+     */
+    onDocumentClick(event) {
+        if (!this.el.nativeElement.contains(event.target)) {
+            this.close('outsideClick');
+        }
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DialogComponent, deps: null, target: i0.ɵɵFactoryTarget.Component });
+    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "19.2.7", type: DialogComponent, isStandalone: true, selector: "b-dialog", host: { listeners: { "keydown.escape": "close(\"escapeKey\")", "document:click": "onDocumentClick($event)" }, properties: { "class.leaving": "leaving()" } }, usesInheritance: true, ngImport: i0, template: `<ng-template cdkPortalOutlet />`, isInline: true, dependencies: [{ kind: "directive", type: CdkPortalOutlet, selector: "[cdkPortalOutlet]", inputs: ["cdkPortalOutlet"], outputs: ["attached"], exportAs: ["cdkPortalOutlet"] }], encapsulation: i0.ViewEncapsulation.None });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DialogComponent, decorators: [{
+            type: Component,
+            args: [{
+                    selector: 'b-dialog',
+                    template: `<ng-template cdkPortalOutlet />`,
+                    encapsulation: ViewEncapsulation.None,
+                    standalone: true,
+                    imports: [CdkPortalOutlet],
+                    host: {
+                        '(keydown.escape)': 'close("escapeKey")',
+                        '[class.leaving]': 'leaving()',
+                    },
+                }]
+        }], propDecorators: { onDocumentClick: [{
+                type: HostListener,
+                args: ['document:click', ['$event']]
+            }] } });
+
+// dialog.service.ts
+/**
+ * Service responsible for managing and controlling dialogs registered via the `DialogDirective`.
+ * It uses the Angular CDK Dialog module internally.
+ */
+class DialogService {
+    /**
+     * Injected instance of the Angular CDK `Dialog` service.
+     * @internal
+     */
+    dialog = inject(Dialog);
+    /**
+     * Injected instance of the `UtilsService`.
+     * @internal
+     */
+    utilsService = inject(UtilsService);
+    /**
+     * A map storing the registered dialog templates and their data, keyed by their unique ID.
+     * @internal
+     */
+    dialogs = new Map();
+    /**
+     * Registers a dialog template and its data with the service.
+     * Typically called automatically by the `DialogDirective`.
+     *
+     * @param id - The unique identifier for the dialog.
+     * @param data - The dialog data containing the template and configuration.
+     */
+    addDialog(id, data) {
+        if (this.dialogs.has(id)) {
+            console.warn(`[DialogService] Dialog with id "${id}" is already registered. Overwriting.`);
+        }
+        this.dialogs.set(id, data);
+    }
+    /**
+     * Removes a dialog registration from the service.
+     * Typically called automatically by the `DialogDirective` when the template is destroyed.
+     *
+     * @param id - The unique identifier of the dialog to remove.
+     */
+    removeDialog(id) {
+        this.dialogs.delete(id);
+    }
+    /**
+     * Opens the dialog associated with the given ID.
+     *
+     * @param id - The unique identifier of the dialog to open.
+     * @throws Error if a dialog with the specified ID is not found.
+     */
+    openDialog(id) {
+        const dialogData = this.dialogs.get(id);
+        if (!dialogData) {
+            throw new Error(`[DialogService] Dialog with id "${id}" not found. Ensure the bDialog directive is applied correctly.`);
+        }
+        this.utilsService.debounce('open-dialog-' + id, () => {
+            this.dialog.open(dialogData.template, {
+                id: id,
+                hasBackdrop: dialogData.config.hasBackdrop,
+                backdropClass: 'b-dialog-backdrop',
+                disableClose: true,
+                container: DialogComponent,
+            });
+        }, dialogData.config.openDelay);
+    }
+    /**
+     * Closes the dialog associated with the given ID.
+     * Does nothing if no dialog with the specified ID is currently open.
+     *
+     * @param id - The unique identifier of the dialog to close.
+     * @param type - The type of closing action.
+     */
+    closeDialog(id, type = 'closeButton') {
+        const config = this.dialogs.get(id)?.config;
+        if (!config) {
+            console.warn(`[DialogService] Attempted to close dialog with id "${id}", but no open dialog with that id was found.`);
+            return;
+        }
+        if ((type === 'escapeKey' && !config.closeOnEscapeKey) ||
+            (type === 'outsideClick' && !config.closeOnBackdropClick)) {
+            return;
+        }
+        const dialogRef = this.dialog.getDialogById(id);
+        if (dialogRef) {
+            const container = dialogRef.containerInstance;
+            if (container && container.leaving) {
+                container.leaving.set(true);
+            }
+            this.utilsService.debounce('close-dialog-' + id, () => {
+                dialogRef.close();
+                if (container && container.leaving) {
+                    container.leaving.set(false);
+                }
+            }, config.closeDelay);
+        }
+        else {
+            console.warn(`[DialogService] Attempted to close dialog with id "${id}", but no open dialog with that id was found.`);
+        }
+    }
+    /**
+     * Closes all currently open dialogs managed by the CDK Dialog service.
+     */
+    closeAllDialogs() {
+        this.dialog.closeAll();
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DialogService, deps: [], target: i0.ɵɵFactoryTarget.Injectable });
+    static ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DialogService, providedIn: 'root' });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DialogService, decorators: [{
+            type: Injectable,
+            args: [{
+                    providedIn: 'root',
+                }]
+        }] });
+
+// dialog.directive.ts
+/**
+ * Directive used to register an `ng-template` as a dialog with the `DialogService`.
+ * Apply this directive to an `<ng-template>` element, providing a unique ID.
+ * The service can then open this template as a dialog by referencing the ID.
+ *
+ * @example
+ * ```html
+ * <ng-template bDialog="myModalId" [hasBackdrop]="false">
+ * <h2>My Modal Content</h2>
+ * <p>This is the content of the dialog.</p>
+ * <button (click)="dialogService.closeDialog('myModalId')">Close</button>
+ * </ng-template>
+ * ```
+ */
+class DialogDirective {
+    /**
+     * The unique identifier for this dialog template. Used by the `DialogService` to open this specific dialog.
+     * Applied as the value of the `bDialog` attribute.
+     */
+    id = input.required({ alias: 'bDialog' });
+    /**
+     * Determines whether the dialog should have a backdrop. Defaults to `true`.
+     */
+    hasBackdrop = input(true);
+    /**
+     * Determines whether the dialog should close when the backdrop is clicked. Defaults to `true`.
+     */
+    closeOnBackdropClick = input(true);
+    /**
+     * Determines whether the dialog should close when the escape key is pressed. Defaults to `true`.
+     */
+    closeOnEscapeKey = input(true);
+    /**
+     * Determines whether the dialog should close when the escape key is pressed or when a pointer event occurs outside the dialog.
+     * Defaults to `false`.
+     */
+    restoreFocus = input(true);
+    /**
+     * Computed signal that combines the template reference and configuration inputs
+     * into the `DialogData` structure expected by the `DialogService`.
+     */
+    data = computed(() => ({
+        template: this.templateRef,
+        config: {
+            hasBackdrop: this.hasBackdrop(),
+            openDelay: this.openDelay(),
+            closeDelay: this.closeDelay(),
+            restoreFocus: this.restoreFocus(),
+            closeOnBackdropClick: this.closeOnBackdropClick(),
+            closeOnEscapeKey: this.closeOnEscapeKey(),
+        },
+    }));
+    /**
+     * Delay in milliseconds before the dialog opens. Defaults to `0`.
+     */
+    openDelay = input(0);
+    /**
+     * Delay in milliseconds before the dialog closes. Defaults to `150`.
+     */
+    closeDelay = input(150);
+    /**
+     * Injected instance of the `DialogService`.
+     * @internal
+     */
+    dialogService = inject(DialogService);
+    /**
+     * Injected reference to the `ng-template` element this directive is applied to.
+     * @internal
+     */
+    templateRef = inject((TemplateRef)); // Specify type as any or a specific context type
+    /**
+     * Lifecycle hook called after Angular has initialized all data-bound properties of a directive.
+     * Registers the dialog template and its configuration with the `DialogService`.
+     */
+    ngOnInit() {
+        this.dialogService.addDialog(this.id(), this.data());
+    }
+    /**
+     * Opens the dialog using the `DialogService`.
+     * This method can be called to programmatically open the dialog.
+     */
+    open() {
+        this.dialogService.openDialog(this.id());
+    }
+    /**
+     * Closes the dialog using the `DialogService`.
+     * This method can be called to programmatically close the dialog.
+     */
+    close() {
+        this.dialogService.closeDialog(this.id(), 'closeButton');
+    }
+    /**
+     * Lifecycle hook called once, before the directive is destroyed.
+     * Removes the dialog registration from the `DialogService`.
+     */
+    ngOnDestroy() {
+        this.dialogService.removeDialog(this.id());
+    }
+    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DialogDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
+    static ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "17.1.0", version: "19.2.7", type: DialogDirective, isStandalone: true, selector: "[bDialog]", inputs: { id: { classPropertyName: "id", publicName: "bDialog", isSignal: true, isRequired: true, transformFunction: null }, hasBackdrop: { classPropertyName: "hasBackdrop", publicName: "hasBackdrop", isSignal: true, isRequired: false, transformFunction: null }, closeOnBackdropClick: { classPropertyName: "closeOnBackdropClick", publicName: "closeOnBackdropClick", isSignal: true, isRequired: false, transformFunction: null }, closeOnEscapeKey: { classPropertyName: "closeOnEscapeKey", publicName: "closeOnEscapeKey", isSignal: true, isRequired: false, transformFunction: null }, restoreFocus: { classPropertyName: "restoreFocus", publicName: "restoreFocus", isSignal: true, isRequired: false, transformFunction: null }, openDelay: { classPropertyName: "openDelay", publicName: "openDelay", isSignal: true, isRequired: false, transformFunction: null }, closeDelay: { classPropertyName: "closeDelay", publicName: "closeDelay", isSignal: true, isRequired: false, transformFunction: null } }, host: { listeners: { "keydown.escape": "closeOnEscapeKey() ? close() : null" } }, exportAs: ["bDialog"], ngImport: i0 });
+}
+i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImport: i0, type: DialogDirective, decorators: [{
+            type: Directive,
+            args: [{
+                    selector: '[bDialog]',
+                    exportAs: 'bDialog',
+                    host: {
+                        '(keydown.escape)': 'closeOnEscapeKey() ? close() : null',
+                    },
+                }]
+        }] });
+
 /*
  * Public API Surface of basis-ng
  */
@@ -2965,5 +3256,5 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.2.7", ngImpor
  * Generated bundle index. Do not edit.
  */
 
-export { AlertComponent, BadgeComponent, ButtonComponent, ButtonGroupComponent, Checkbox, ColorPickerComponent, ComboboxComponent, CommandComponent, CommandOptionsComponent, DrawerComponent, IconComponent, InViewportDirective, InViewportService, InputComponent, InputGroupComponent, LazyContentDirective, MenuComponent, MenuGroupComponent, MenuItemCheckboxComponent, MenuItemComponent, MenuItemRadioComponent, MenuLabelComponent, MenuTriggerDirective, OptionComponent, OverlayDirective, OverlayTriggerDirective, RangeComponent, ResponsiveService, RowComponent, RowItemComponent, SelectComponent, SelectOptionsComponent, SheetComponent, SpinnerComponent, SwitchComponent, TabComponent, TableComponent, TabsComponent, TextareaComponent, ThemeService, TooltipDirective, TreeComponent, TreeNodeComponent };
+export { AlertComponent, BadgeComponent, ButtonComponent, ButtonGroupComponent, Checkbox, ColorPickerComponent, ComboboxComponent, CommandComponent, CommandOptionsComponent, DialogDirective, DialogService, DrawerComponent, IconComponent, InViewportDirective, InViewportService, InputComponent, InputGroupComponent, LazyContentDirective, MenuComponent, MenuGroupComponent, MenuItemCheckboxComponent, MenuItemComponent, MenuItemRadioComponent, MenuLabelComponent, MenuTriggerDirective, OptionComponent, OverlayDirective, OverlayTriggerDirective, RangeComponent, ResponsiveService, RowComponent, RowItemComponent, SelectComponent, SelectOptionsComponent, SheetComponent, SpinnerComponent, SwitchComponent, TabComponent, TableComponent, TabsComponent, TextareaComponent, ThemeService, TooltipDirective, TreeComponent, TreeNodeComponent };
 //# sourceMappingURL=basis-ng-primitives.mjs.map