ngx-dev-toolbar 4.3.0 → 4.3.2

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

@@ -11,15 +11,9 @@ export declare class ToolbarToolHeaderComponent {
     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>;
+    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; }; }, { "searchQuery": "searchQueryChange"; "activeFilter": "activeFilterChange"; }, never, never, true, never>;
 }

package/fesm2022/ngx-dev-toolbar.mjs

@@ -2598,25 +2598,12 @@ class ToolbarToolHeaderComponent {
         this.searchAriaLabel = input('');
         this.filterOptions = input([]);
         this.filterAriaLabel = input('Filter items');
-        /**
-         * 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'.
-         */
-        this.defaultFilter = input('all');
     }
     clearSearch() {
         this.searchQuery.set('');
     }
     onFilterClick(value) {
-        // Click an already-active chip to clear it back to the default
-        // (no chip visually selected when activeFilter === defaultFilter).
-        if (this.activeFilter() === value) {
-            this.activeFilter.set(this.defaultFilter());
-        }
-        else {
-            this.activeFilter.set(value);
-        }
+        this.activeFilter.set(value);
     }
     onFilterKeydown(event, value) {
         const options = this.filterOptions();
@@ -2646,7 +2633,7 @@ class ToolbarToolHeaderComponent {
         buttons?.[nextIndex]?.focus();
     }
     static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ToolbarToolHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
-    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: ToolbarToolHeaderComponent, isStandalone: true, selector: "ndt-tool-header", inputs: { searchQuery: { classPropertyName: "searchQuery", publicName: "searchQuery", isSignal: true, isRequired: false, transformFunction: null }, activeFilter: { classPropertyName: "activeFilter", publicName: "activeFilter", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, searchAriaLabel: { classPropertyName: "searchAriaLabel", publicName: "searchAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: true, isRequired: false, transformFunction: null }, filterAriaLabel: { classPropertyName: "filterAriaLabel", publicName: "filterAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, defaultFilter: { classPropertyName: "defaultFilter", publicName: "defaultFilter", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchQuery: "searchQueryChange", activeFilter: "activeFilterChange" }, ngImport: i0, template: `
+    static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "19.0.7", type: ToolbarToolHeaderComponent, isStandalone: true, selector: "ndt-tool-header", inputs: { searchQuery: { classPropertyName: "searchQuery", publicName: "searchQuery", isSignal: true, isRequired: false, transformFunction: null }, activeFilter: { classPropertyName: "activeFilter", publicName: "activeFilter", isSignal: true, isRequired: false, transformFunction: null }, searchPlaceholder: { classPropertyName: "searchPlaceholder", publicName: "searchPlaceholder", isSignal: true, isRequired: false, transformFunction: null }, searchAriaLabel: { classPropertyName: "searchAriaLabel", publicName: "searchAriaLabel", isSignal: true, isRequired: false, transformFunction: null }, filterOptions: { classPropertyName: "filterOptions", publicName: "filterOptions", isSignal: true, isRequired: false, transformFunction: null }, filterAriaLabel: { classPropertyName: "filterAriaLabel", publicName: "filterAriaLabel", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { searchQuery: "searchQueryChange", activeFilter: "activeFilterChange" }, ngImport: i0, template: `
     <div class="tool-header">
       <div class="search-wrapper">
         <ndt-input
@@ -3518,6 +3505,7 @@ class ToolbarAppFeaturesToolComponent {
             id: 'ndt-app-features',
         };
         this.filterOptions = [
+            { value: 'all', label: 'All' },
             { value: 'forced', label: 'Forced' },
             { value: 'enabled', label: 'Enabled' },
             { value: 'disabled', label: 'Disabled' },
@@ -3760,7 +3748,7 @@ class ToolbarAppFeaturesToolComponent {
         </ng-template>
       </div>
     </ndt-toolbar-tool>
-  `, isInline: true, styles: [".container{position:relative;display:flex;flex-direction:column;height:100%;padding:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ToolbarToolComponent, selector: "ndt-toolbar-tool", inputs: ["options", "icon", "toolTitle", "badge"] }, { kind: "component", type: ToolbarToolHeaderComponent, selector: "ndt-tool-header", inputs: ["searchQuery", "activeFilter", "searchPlaceholder", "searchAriaLabel", "filterOptions", "filterAriaLabel", "defaultFilter"], outputs: ["searchQueryChange", "activeFilterChange"] }, { kind: "component", type: ToolbarSelectComponent, selector: "ndt-select", inputs: ["value", "options", "ariaLabel", "label", "size", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: ToolbarListComponent, selector: "ndt-list", inputs: ["hasItems", "hasResults", "emptyMessage", "emptyHint", "noResultsMessage"] }, { kind: "component", type: ToolbarListGroupComponent, selector: "ndt-list-group", inputs: ["name", "count", "collapsed"], outputs: ["collapsedChange"] }, { kind: "component", type: ToolbarListItemComponent, selector: "ndt-list-item", inputs: ["title", "description", "isForced", "currentValue", "originalValue", "showApply", "applyState", "isPinned", "copyableId"], outputs: ["pinToggle", "applyToSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".container{position:relative;display:flex;flex-direction:column;height:100%;padding:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ToolbarToolComponent, selector: "ndt-toolbar-tool", inputs: ["options", "icon", "toolTitle", "badge"] }, { kind: "component", type: ToolbarToolHeaderComponent, selector: "ndt-tool-header", inputs: ["searchQuery", "activeFilter", "searchPlaceholder", "searchAriaLabel", "filterOptions", "filterAriaLabel"], outputs: ["searchQueryChange", "activeFilterChange"] }, { kind: "component", type: ToolbarSelectComponent, selector: "ndt-select", inputs: ["value", "options", "ariaLabel", "label", "size", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: ToolbarListComponent, selector: "ndt-list", inputs: ["hasItems", "hasResults", "emptyMessage", "emptyHint", "noResultsMessage"] }, { kind: "component", type: ToolbarListGroupComponent, selector: "ndt-list-group", inputs: ["name", "count", "collapsed"], outputs: ["collapsedChange"] }, { kind: "component", type: ToolbarListItemComponent, selector: "ndt-list-item", inputs: ["title", "description", "isForced", "currentValue", "originalValue", "showApply", "applyState", "isPinned", "copyableId"], outputs: ["pinToggle", "applyToSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ToolbarAppFeaturesToolComponent, decorators: [{
             type: Component,
@@ -4072,6 +4060,7 @@ class ToolbarFeatureFlagsToolComponent {
             id: 'ndt-feature-flags',
         };
         this.filterOptions = [
+            { value: 'all', label: 'All' },
             { value: 'forced', label: 'Forced' },
             { value: 'enabled', label: 'Enabled' },
             { value: 'disabled', label: 'Disabled' },
@@ -4285,7 +4274,7 @@ class ToolbarFeatureFlagsToolComponent {
         </ng-template>
       </div>
     </ndt-toolbar-tool>
-  `, isInline: true, styles: [".container{position:relative;display:flex;flex-direction:column;height:100%;padding:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ToolbarToolComponent, selector: "ndt-toolbar-tool", inputs: ["options", "icon", "toolTitle", "badge"] }, { kind: "component", type: ToolbarToolHeaderComponent, selector: "ndt-tool-header", inputs: ["searchQuery", "activeFilter", "searchPlaceholder", "searchAriaLabel", "filterOptions", "filterAriaLabel", "defaultFilter"], outputs: ["searchQueryChange", "activeFilterChange"] }, { kind: "component", type: ToolbarSelectComponent, selector: "ndt-select", inputs: ["value", "options", "ariaLabel", "label", "size", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: ToolbarListComponent, selector: "ndt-list", inputs: ["hasItems", "hasResults", "emptyMessage", "emptyHint", "noResultsMessage"] }, { kind: "component", type: ToolbarListGroupComponent, selector: "ndt-list-group", inputs: ["name", "count", "collapsed"], outputs: ["collapsedChange"] }, { kind: "component", type: ToolbarListItemComponent, selector: "ndt-list-item", inputs: ["title", "description", "isForced", "currentValue", "originalValue", "showApply", "applyState", "isPinned", "copyableId"], outputs: ["pinToggle", "applyToSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".container{position:relative;display:flex;flex-direction:column;height:100%;padding:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ToolbarToolComponent, selector: "ndt-toolbar-tool", inputs: ["options", "icon", "toolTitle", "badge"] }, { kind: "component", type: ToolbarToolHeaderComponent, selector: "ndt-tool-header", inputs: ["searchQuery", "activeFilter", "searchPlaceholder", "searchAriaLabel", "filterOptions", "filterAriaLabel"], outputs: ["searchQueryChange", "activeFilterChange"] }, { kind: "component", type: ToolbarSelectComponent, selector: "ndt-select", inputs: ["value", "options", "ariaLabel", "label", "size", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: ToolbarListComponent, selector: "ndt-list", inputs: ["hasItems", "hasResults", "emptyMessage", "emptyHint", "noResultsMessage"] }, { kind: "component", type: ToolbarListGroupComponent, selector: "ndt-list-group", inputs: ["name", "count", "collapsed"], outputs: ["collapsedChange"] }, { kind: "component", type: ToolbarListItemComponent, selector: "ndt-list-item", inputs: ["title", "description", "isForced", "currentValue", "originalValue", "showApply", "applyState", "isPinned", "copyableId"], outputs: ["pinToggle", "applyToSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ToolbarFeatureFlagsToolComponent, decorators: [{
             type: Component,
@@ -6207,6 +6196,7 @@ class ToolbarPermissionsToolComponent {
             id: 'ndt-permissions',
         };
         this.filterOptions = [
+            { value: 'all', label: 'All' },
             { value: 'forced', label: 'Forced' },
             { value: 'granted', label: 'Granted' },
             { value: 'denied', label: 'Denied' },
@@ -6437,7 +6427,7 @@ class ToolbarPermissionsToolComponent {
         </ng-template>
       </div>
     </ndt-toolbar-tool>
-  `, isInline: true, styles: [".container{position:relative;display:flex;flex-direction:column;height:100%;padding:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ToolbarToolComponent, selector: "ndt-toolbar-tool", inputs: ["options", "icon", "toolTitle", "badge"] }, { kind: "component", type: ToolbarToolHeaderComponent, selector: "ndt-tool-header", inputs: ["searchQuery", "activeFilter", "searchPlaceholder", "searchAriaLabel", "filterOptions", "filterAriaLabel", "defaultFilter"], outputs: ["searchQueryChange", "activeFilterChange"] }, { kind: "component", type: ToolbarSelectComponent, selector: "ndt-select", inputs: ["value", "options", "ariaLabel", "label", "size", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: ToolbarListComponent, selector: "ndt-list", inputs: ["hasItems", "hasResults", "emptyMessage", "emptyHint", "noResultsMessage"] }, { kind: "component", type: ToolbarListGroupComponent, selector: "ndt-list-group", inputs: ["name", "count", "collapsed"], outputs: ["collapsedChange"] }, { kind: "component", type: ToolbarListItemComponent, selector: "ndt-list-item", inputs: ["title", "description", "isForced", "currentValue", "originalValue", "showApply", "applyState", "isPinned", "copyableId"], outputs: ["pinToggle", "applyToSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
+  `, isInline: true, styles: [".container{position:relative;display:flex;flex-direction:column;height:100%;padding:0}\n"], dependencies: [{ kind: "directive", type: NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "ngmodule", type: FormsModule }, { kind: "component", type: ToolbarToolComponent, selector: "ndt-toolbar-tool", inputs: ["options", "icon", "toolTitle", "badge"] }, { kind: "component", type: ToolbarToolHeaderComponent, selector: "ndt-tool-header", inputs: ["searchQuery", "activeFilter", "searchPlaceholder", "searchAriaLabel", "filterOptions", "filterAriaLabel"], outputs: ["searchQueryChange", "activeFilterChange"] }, { kind: "component", type: ToolbarSelectComponent, selector: "ndt-select", inputs: ["value", "options", "ariaLabel", "label", "size", "placeholder"], outputs: ["valueChange"] }, { kind: "component", type: ToolbarListComponent, selector: "ndt-list", inputs: ["hasItems", "hasResults", "emptyMessage", "emptyHint", "noResultsMessage"] }, { kind: "component", type: ToolbarListGroupComponent, selector: "ndt-list-group", inputs: ["name", "count", "collapsed"], outputs: ["collapsedChange"] }, { kind: "component", type: ToolbarListItemComponent, selector: "ndt-list-item", inputs: ["title", "description", "isForced", "currentValue", "originalValue", "showApply", "applyState", "isPinned", "copyableId"], outputs: ["pinToggle", "applyToSource"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush }); }
 }
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "19.0.7", ngImport: i0, type: ToolbarPermissionsToolComponent, decorators: [{
             type: Component,