@sebgroup/green-angular 6.0.1 → 6.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sebgroup/green-angular",
-  "version": "6.0.1",
+  "version": "6.0.2",
   "peerDependencies": {
     "@angular/cdk": ">=18",
     "@angular/common": ">=18",
@@ -17,7 +17,7 @@
     "scroll-into-view-if-needed": "^2.2.31"
   },
   "dependencies": {
-    "@sebgroup/green-core": "^1.85.3",
+    "@sebgroup/green-core": "^1.87.0",
     "@sebgroup/chlorophyll": "^3.6.20",
     "@sebgroup/extract": "^3.0.2",
     "tslib": "^2.3.1"

package/src/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts

@@ -26,6 +26,12 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
      * When false, value is emitted every time an option is selected
      * */
     onlyEmitDistinctChanges: boolean;
+    /**
+     * Used to control if the dropdown list should select the current active element, when Space is pressed on the keyboard.
+     * Primary usage is for typeahead, where the should be able to write a filter query containing spaces,
+     * but not select the current active element with Space.
+     */
+    selectWithSpace: boolean;
     selectedValueChanged: EventEmitter<any>;
     closed: EventEmitter<void>;
     /** The current active option based on numeric index. */
@@ -87,6 +93,7 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
     /**
      * @internal
      * Enter toggles the dropdown, home, end, and, arrows change the index.
+     * Space selects the currently active option if `selectWithSpace` is true.
      * @param event fired containing which key was released.
      */
     onKeyUp(event: KeyboardEvent): void;
@@ -100,5 +107,5 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
      */
     scrollToResult(option: any, focusElement?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownListComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownListComponent, "nggv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "groupLabelTpl": { "alias": "groupLabelTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "onlyEmitDistinctChanges": { "alias": "onlyEmitDistinctChanges"; "required": false; }; }, { "selectedValueChanged": "selectedValueChanged"; "closed": "closed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownListComponent, "nggv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "groupLabelTpl": { "alias": "groupLabelTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "onlyEmitDistinctChanges": { "alias": "onlyEmitDistinctChanges"; "required": false; }; "selectWithSpace": { "alias": "selectWithSpace"; "required": false; }; }, { "selectedValueChanged": "selectedValueChanged"; "closed": "closed"; }, never, never, false, never>;
 }

package/src/v-angular/dropdown/dropdown.component.d.ts

@@ -52,6 +52,12 @@ export declare class NggvDropdownComponent<K = string | null | undefined, V = st
      * Defaults to true.
      */
     selectOnSingleOption: boolean;
+    /**
+     * Used to control if the dropdown list should select the current active element, when Space is pressed on the keyboard.
+     * Primary usage is for typeahead, where the should be able to write a filter query containing spaces,
+     * but not select the current active element with Space.
+     */
+    selectWithSpace: boolean;
     /**
      * Used to determine which changes should be handled by the dropdown.
      * If set to false, all changes will be handled by the dropdown.
@@ -114,5 +120,5 @@ export declare class NggvDropdownComponent<K = string | null | undefined, V = st
      */
     isOption(option: OptionBase<T>): option is OptionGroup<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownComponent<any, any, any>, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; "onlyHandleDistinctChanges": { "alias": "onlyHandleDistinctChanges"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; "selectWithSpace": { "alias": "selectWithSpace"; "required": false; }; "onlyHandleDistinctChanges": { "alias": "onlyHandleDistinctChanges"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
 }

package/v-angular/dropdown/dropdown-list/dropdown-list.component.d.ts

@@ -26,6 +26,12 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
      * When false, value is emitted every time an option is selected
      * */
     onlyEmitDistinctChanges: boolean;
+    /**
+     * Used to control if the dropdown list should select the current active element, when Space is pressed on the keyboard.
+     * Primary usage is for typeahead, where the should be able to write a filter query containing spaces,
+     * but not select the current active element with Space.
+     */
+    selectWithSpace: boolean;
     selectedValueChanged: EventEmitter<any>;
     closed: EventEmitter<void>;
     /** The current active option based on numeric index. */
@@ -87,6 +93,7 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
     /**
      * @internal
      * Enter toggles the dropdown, home, end, and, arrows change the index.
+     * Space selects the currently active option if `selectWithSpace` is true.
      * @param event fired containing which key was released.
      */
     onKeyUp(event: KeyboardEvent): void;
@@ -100,5 +107,5 @@ export declare class NggvDropdownListComponent implements OnInit, OnChanges {
      */
     scrollToResult(option: any, focusElement?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownListComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownListComponent, "nggv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "groupLabelTpl": { "alias": "groupLabelTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "onlyEmitDistinctChanges": { "alias": "onlyEmitDistinctChanges"; "required": false; }; }, { "selectedValueChanged": "selectedValueChanged"; "closed": "closed"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownListComponent, "nggv-dropdown-list", never, { "expanded": { "alias": "expanded"; "required": false; }; "state": { "alias": "state"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "optionContentTpl": { "alias": "optionContentTpl"; "required": false; }; "groupLabelTpl": { "alias": "groupLabelTpl"; "required": false; }; "id": { "alias": "id"; "required": false; }; "thook": { "alias": "thook"; "required": false; }; "options": { "alias": "options"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "onlyEmitDistinctChanges": { "alias": "onlyEmitDistinctChanges"; "required": false; }; "selectWithSpace": { "alias": "selectWithSpace"; "required": false; }; }, { "selectedValueChanged": "selectedValueChanged"; "closed": "closed"; }, never, never, false, never>;
 }

package/v-angular/dropdown/dropdown.component.d.ts

@@ -52,6 +52,12 @@ export declare class NggvDropdownComponent<K = string | null | undefined, V = st
      * Defaults to true.
      */
     selectOnSingleOption: boolean;
+    /**
+     * Used to control if the dropdown list should select the current active element, when Space is pressed on the keyboard.
+     * Primary usage is for typeahead, where the should be able to write a filter query containing spaces,
+     * but not select the current active element with Space.
+     */
+    selectWithSpace: boolean;
     /**
      * Used to determine which changes should be handled by the dropdown.
      * If set to false, all changes will be handled by the dropdown.
@@ -114,5 +120,5 @@ export declare class NggvDropdownComponent<K = string | null | undefined, V = st
      */
     isOption(option: OptionBase<T>): option is OptionGroup<T>;
     static ɵfac: i0.ɵɵFactoryDeclaration<NggvDropdownComponent<any, any, any>, [{ optional: true; self: true; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; "onlyHandleDistinctChanges": { "alias": "onlyHandleDistinctChanges"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NggvDropdownComponent<any, any, any>, "nggv-dropdown", never, { "thook": { "alias": "thook"; "required": false; }; "size": { "alias": "size"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "options": { "alias": "options"; "required": false; }; "scrollOffset": { "alias": "scrollOffset"; "required": false; }; "allowControlNullishOption": { "alias": "allowControlNullishOption"; "required": false; }; "textToHighlight": { "alias": "textToHighlight"; "required": false; }; "selectOnSingleOption": { "alias": "selectOnSingleOption"; "required": false; }; "selectWithSpace": { "alias": "selectWithSpace"; "required": false; }; "onlyHandleDistinctChanges": { "alias": "onlyHandleDistinctChanges"; "required": false; }; }, { "expandedChange": "expandedChange"; }, ["selectedContentTpl", "optionContentTpl", "groupLabelTpl"], ["*"], false, never>;
 }