ngx-dev-toolbar 4.2.1 → 4.3.0

package/components/confirm-dialog/confirm-dialog.component.d.ts

@@ -0,0 +1,19 @@
+import * as i0 from "@angular/core";
+export declare class ToolbarConfirmDialogComponent {
+    title: import("@angular/core").InputSignal<string>;
+    message: import("@angular/core").InputSignal<string>;
+    confirmLabel: import("@angular/core").InputSignal<string>;
+    cancelLabel: import("@angular/core").InputSignal<string>;
+    danger: import("@angular/core").InputSignal<boolean>;
+    confirmed: import("@angular/core").OutputEmitterRef<void>;
+    cancelled: import("@angular/core").OutputEmitterRef<void>;
+    private readonly dialogRef;
+    private result;
+    show(): void;
+    confirm(): void;
+    cancel(): void;
+    protected onBackdropClick(event: MouseEvent): void;
+    protected onDialogClose(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarConfirmDialogComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarConfirmDialogComponent, "ndt-confirm-dialog", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "message": { "alias": "message"; "required": false; "isSignal": true; }; "confirmLabel": { "alias": "confirmLabel"; "required": false; "isSignal": true; }; "cancelLabel": { "alias": "cancelLabel"; "required": false; "isSignal": true; }; "danger": { "alias": "danger"; "required": false; "isSignal": true; }; }, { "confirmed": "confirmed"; "cancelled": "cancelled"; }, never, never, true, never>;
+}

package/components/list-group/list-group.component.d.ts

@@ -0,0 +1,34 @@
+import * as i0 from "@angular/core";
+/**
+ * Collapsible group header that wraps a section of list items.
+ *
+ * Renders a clickable header with the group name + item count + a chevron
+ * indicating collapsed/expanded state. Children projected via `<ng-content>`
+ * are hidden when collapsed.
+ *
+ * @example
+ * ```html
+ * <ndt-list-group
+ *   name="Authentication"
+ *   [count]="3"
+ *   [collapsed]="isCollapsed"
+ *   (collapsedChange)="onToggle($event)"
+ * >
+ *   <ndt-list-item ... />
+ * </ndt-list-group>
+ * ```
+ */
+export declare class ToolbarListGroupComponent {
+    /** Display name of the group, shown in the header. */
+    name: import("@angular/core").InputSignal<string>;
+    /** Number of items in the group, shown next to the name. */
+    count: import("@angular/core").InputSignal<number>;
+    /** Whether the group is currently collapsed. */
+    collapsed: import("@angular/core").InputSignal<boolean>;
+    /** Emits the new collapsed value when the user clicks the header. */
+    collapsedChange: import("@angular/core").OutputEmitterRef<boolean>;
+    protected ariaLabel: import("@angular/core").Signal<string>;
+    protected toggle(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarListGroupComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarListGroupComponent, "ndt-list-group", never, { "name": { "alias": "name"; "required": true; "isSignal": true; }; "count": { "alias": "count"; "required": true; "isSignal": true; }; "collapsed": { "alias": "collapsed"; "required": false; "isSignal": true; }; }, { "collapsedChange": "collapsedChange"; }, never, ["*"], true, never>;
+}

package/components/list-item/list-item.component.d.ts

@@ -47,11 +47,16 @@ export declare class ToolbarListItemComponent {
     /**
      * Current state of the apply operation
      */
-    applyState: import("@angular/core").InputSignal<"idle" | "loading" | "success" | "error">;
+    applyState: import("@angular/core").InputSignal<"error" | "idle" | "loading" | "success">;
     /**
      * Whether this item is pinned to the top of the list
      */
     isPinned: import("@angular/core").InputSignal<boolean>;
+    /**
+     * Optional identifier that can be copied to clipboard (e.g., flag ID).
+     * When provided, renders a copy button in the action row.
+     */
+    copyableId: import("@angular/core").InputSignal<string | undefined>;
     /**
      * Emits when the user clicks the pin/unpin button
      */
@@ -63,15 +68,13 @@ export declare class ToolbarListItemComponent {
     protected pinIcon: import("@angular/core").Signal<IconName>;
     protected pinAriaLabel: import("@angular/core").Signal<"Unpin item" | "Pin item">;
     /**
-     * Value to display in the dot indicator.
-     * For forced items: shows originalValue
-     * For non-forced items: shows currentValue
-     */
-    protected displayValue: import("@angular/core").Signal<boolean>;
-    /**
-     * Tooltip text explaining the indicator state
+     * Tooltip text explaining the current state, with override context when forced
      */
     protected tooltipText: import("@angular/core").Signal<string>;
+    protected statusAriaLabel: import("@angular/core").Signal<string>;
+    protected readonly copyState: import("@angular/core").WritableSignal<"idle" | "copied">;
+    protected copyAriaLabel: import("@angular/core").Signal<string>;
+    protected copyId(event: MouseEvent): Promise<void>;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarListItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarListItemComponent, "ndt-list-item", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "isForced": { "alias": "isForced"; "required": false; "isSignal": true; }; "currentValue": { "alias": "currentValue"; "required": true; "isSignal": true; }; "originalValue": { "alias": "originalValue"; "required": false; "isSignal": true; }; "showApply": { "alias": "showApply"; "required": false; "isSignal": true; }; "applyState": { "alias": "applyState"; "required": false; "isSignal": true; }; "isPinned": { "alias": "isPinned"; "required": false; "isSignal": true; }; }, { "pinToggle": "pinToggle"; "applyToSource": "applyToSource"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarListItemComponent, "ndt-list-item", never, { "title": { "alias": "title"; "required": true; "isSignal": true; }; "description": { "alias": "description"; "required": false; "isSignal": true; }; "isForced": { "alias": "isForced"; "required": false; "isSignal": true; }; "currentValue": { "alias": "currentValue"; "required": true; "isSignal": true; }; "originalValue": { "alias": "originalValue"; "required": false; "isSignal": true; }; "showApply": { "alias": "showApply"; "required": false; "isSignal": true; }; "applyState": { "alias": "applyState"; "required": false; "isSignal": true; }; "isPinned": { "alias": "isPinned"; "required": false; "isSignal": true; }; "copyableId": { "alias": "copyableId"; "required": false; "isSignal": true; }; }, { "pinToggle": "pinToggle"; "applyToSource": "applyToSource"; }, never, ["*"], true, never>;
 }

package/components/select/select.component.d.ts

@@ -6,6 +6,7 @@ export interface SelectOption {
     label: string;
 }
 export declare class ToolbarSelectComponent {
+    private readonly elementRef;
     readonly devToolbarStateService: ToolbarStateService;
     value: import("@angular/core").ModelSignal<string | undefined>;
     options: import("@angular/core").InputSignal<SelectOption[]>;
@@ -16,6 +17,7 @@ export declare class ToolbarSelectComponent {
     readonly theme: import("@angular/core").Signal<"light" | "dark">;
     protected readonly selectMenuId: string;
     isOpen: import("@angular/core").WritableSignal<boolean>;
+    triggerWidth: import("@angular/core").WritableSignal<number>;
     isPlaceholder: import("@angular/core").Signal<boolean>;
     selectedLabel: import("@angular/core").Signal<string>;
     positions: ConnectedPosition[];

package/components/tabs/tab.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class ToolbarTabComponent {
+    readonly label: import("@angular/core").InputSignal<string>;
+    readonly isActive: import("@angular/core").WritableSignal<boolean>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarTabComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarTabComponent, "ndt-tab", never, { "label": { "alias": "label"; "required": true; "isSignal": true; }; }, {}, never, ["*"], true, never>;
+}

package/components/tabs/tabs.component.d.ts

@@ -0,0 +1,13 @@
+import { ToolbarTabComponent } from './tab.component';
+import * as i0 from "@angular/core";
+export declare class ToolbarTabsComponent {
+    readonly tabs: import("@angular/core").Signal<readonly ToolbarTabComponent[]>;
+    readonly activeIndex: import("@angular/core").WritableSignal<number>;
+    readonly activeIndexChange: import("@angular/core").OutputEmitterRef<number>;
+    protected readonly instanceId: string;
+    constructor();
+    selectTab(index: number): void;
+    onKeydown(event: KeyboardEvent, currentIndex: number): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarTabsComponent, "ndt-tabs", never, {}, { "activeIndexChange": "activeIndexChange"; }, ["tabs"], ["*"], true, never>;
+}

package/components/tool-button/tool-button.component.d.ts

@@ -12,7 +12,7 @@ export declare class ToolbarToolButtonComponent {
     readonly isFocused: import("@angular/core").WritableSignal<boolean>;
     readonly tooltip: import("@angular/core").Signal<string>;
     readonly isTooltipVisible: import("@angular/core").Signal<boolean | "">;
-    protected tooltipState: boolean;
+    protected readonly tooltipState: import("@angular/core").WritableSignal<boolean>;
     private readonly hideDelay;
     onClick(): void;
     onMouseEnter(): void;

package/components/tool-header/tool-header.component.d.ts

@@ -0,0 +1,25 @@
+import * as i0 from "@angular/core";
+export interface ToolHeaderFilterOption {
+    value: string;
+    label: string;
+    ariaLabel?: string;
+}
+export declare class ToolbarToolHeaderComponent {
+    searchQuery: import("@angular/core").ModelSignal<string>;
+    activeFilter: import("@angular/core").ModelSignal<string>;
+    searchPlaceholder: import("@angular/core").InputSignal<string>;
+    searchAriaLabel: import("@angular/core").InputSignal<string>;
+    filterOptions: import("@angular/core").InputSignal<ToolHeaderFilterOption[]>;
+    filterAriaLabel: import("@angular/core").InputSignal<string>;
+    /**
+     * Value to set when the user clicks an already-active filter chip
+     * (i.e., to "clear" the filter back to a default no-chip state).
+     * Defaults to 'all'.
+     */
+    defaultFilter: import("@angular/core").InputSignal<string>;
+    protected clearSearch(): void;
+    protected onFilterClick(value: string): void;
+    protected onFilterKeydown(event: KeyboardEvent, value: string): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToolbarToolHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToolbarToolHeaderComponent, "ndt-tool-header", never, { "searchQuery": { "alias": "searchQuery"; "required": false; "isSignal": true; }; "activeFilter": { "alias": "activeFilter"; "required": false; "isSignal": true; }; "searchPlaceholder": { "alias": "searchPlaceholder"; "required": false; "isSignal": true; }; "searchAriaLabel": { "alias": "searchAriaLabel"; "required": false; "isSignal": true; }; "filterOptions": { "alias": "filterOptions"; "required": false; "isSignal": true; }; "filterAriaLabel": { "alias": "filterAriaLabel"; "required": false; "isSignal": true; }; "defaultFilter": { "alias": "defaultFilter"; "required": false; "isSignal": true; }; }, { "searchQuery": "searchQueryChange"; "activeFilter": "activeFilterChange"; }, never, never, true, never>;
+}