@danske/sapphire-angular 1.17.0 → 1.18.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22,7 +22,19 @@ export declare class SearchableSelectDirective {
22
22
  * {@property searchValue}.
23
23
  */
24
24
  filter?: null | ((optionComponent: OptionComponent, searchQuery: string) => boolean);
25
+ /**
26
+ * Whether the search input value should be selected upon open.
27
+ * Useful when options are long and the user would likely want to start
28
+ * typing a new option from scratch.
29
+ * @default false
30
+ */
25
31
  selectTextOnOpen?: BooleanInput;
32
+ /**
33
+ * Whether the search field should be cleared upon open, instead of being
34
+ * populated by the selected option value.
35
+ * @default false
36
+ */
37
+ clearSearchOnOpen?: BooleanInput;
26
38
  searchValueChange: EventEmitter<string>;
27
39
  filterListboxItems(items: Iterable<ListboxChild>, filter: (option: OptionComponent) => boolean): {
28
40
  filteredChildren: ListboxChild[];
@@ -35,6 +47,6 @@ export declare class SearchableSelectDirective {
35
47
  setSearchValue(searchValue: string): void;
36
48
  defaultFilter(optionComponent: OptionComponent, searchQuery: string): boolean;
37
49
  static ɵfac: i0.ɵɵFactoryDeclaration<SearchableSelectDirective, never>;
38
- static ɵdir: i0.ɵɵDirectiveDeclaration<SearchableSelectDirective, "sp-select[searchable]", never, { "searchValue": "searchValue"; "filter": "filter"; "selectTextOnOpen": "selectTextOnOpen"; }, { "searchValueChange": "searchValueChange"; }, never, never, false, never>;
50
+ static ɵdir: i0.ɵɵDirectiveDeclaration<SearchableSelectDirective, "sp-select[searchable]", never, { "searchValue": "searchValue"; "filter": "filter"; "selectTextOnOpen": "selectTextOnOpen"; "clearSearchOnOpen": "clearSearchOnOpen"; }, { "searchValueChange": "searchValueChange"; }, never, never, false, never>;
39
51
  }
40
52
  export declare const notNull: <T>(item: T | null | undefined) => item is NonNullable<T>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@danske/sapphire-angular",
3
- "version": "1.17.0",
3
+ "version": "1.18.0",
4
4
  "license": "SEE LICENSE IN LICENSE",
5
5
  "description": "The Angular implementation of the Sapphire Design System from Danske Bank A/S",
6
6
  "module": "fesm2015/danske-sapphire-angular.mjs",
@@ -16,10 +16,10 @@
16
16
  "@danske/sapphire-icons": "^1.0.2"
17
17
  },
18
18
  "dependencies": {
19
- "@danske/sapphire-css": "^26.6.0",
19
+ "@danske/sapphire-css": "^26.6.1",
20
20
  "tslib": "^2.3.0"
21
21
  },
22
- "gitHead": "b19a39c7159ac2ae91ddc8a94cdf8cfac71aa0f0",
22
+ "gitHead": "e207779162338643e012a71b68cbd4d2ad5def7d",
23
23
  "es2020": "fesm2020/danske-sapphire-angular.mjs",
24
24
  "esm2020": "esm2020/danske-sapphire-angular.mjs",
25
25
  "fesm2020": "fesm2020/danske-sapphire-angular.mjs",