@danske/sapphire-angular 1.17.1 → 1.18.1

package/lib/select/src/select/searchable-select.directive.d.ts

@@ -22,7 +22,19 @@ export declare class SearchableSelectDirective {
      * {@property searchValue}.
      */
     filter?: null | ((optionComponent: OptionComponent, searchQuery: string) => boolean);
+    /**
+     * Whether the search input value should be selected upon open.
+     * Useful when options are long and the user would likely want to start
+     * typing a new option from scratch.
+     * @default false
+     */
     selectTextOnOpen?: BooleanInput;
+    /**
+     * Whether the search field should be cleared upon open, instead of being
+     * populated by the selected option value.
+     * @default false
+     */
+    clearSearchOnOpen?: BooleanInput;
     searchValueChange: EventEmitter<string>;
     filterListboxItems(items: Iterable<ListboxChild>, filter: (option: OptionComponent) => boolean): {
         filteredChildren: ListboxChild[];
@@ -35,6 +47,6 @@ export declare class SearchableSelectDirective {
     setSearchValue(searchValue: string): void;
     defaultFilter(optionComponent: OptionComponent, searchQuery: string): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<SearchableSelectDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SearchableSelectDirective, "sp-select[searchable]", never, { "searchValue": "searchValue"; "filter": "filter"; "selectTextOnOpen": "selectTextOnOpen"; }, { "searchValueChange": "searchValueChange"; }, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SearchableSelectDirective, "sp-select[searchable]", never, { "searchValue": "searchValue"; "filter": "filter"; "selectTextOnOpen": "selectTextOnOpen"; "clearSearchOnOpen": "clearSearchOnOpen"; }, { "searchValueChange": "searchValueChange"; }, never, never, false, never>;
 }
 export declare const notNull: <T>(item: T | null | undefined) => item is NonNullable<T>;

package/lib/text-field/public_api.d.ts

@@ -1,6 +1,5 @@
 export { TextFieldComponent } from './src/text-field.component';
 export { TextFieldInputDirective } from './src/text-field-input.directive';
-export { TextFieldAffixDirective } from './src/text-field-affix.directive';
 export { TextFieldPrefixDirective } from './src/text-field-prefix.directive';
 export { TextFieldPostfixDirective } from './src/text-field-postfix.directive';
 export { TextFieldTextareaAutosizeDirective } from './src/text-field-textarea-autosize.directive';

package/lib/text-field/src/text-field-postfix.directive.d.ts

@@ -1,5 +1,10 @@
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
 export declare class TextFieldPostfixDirective {
+    private _elementRef;
+    isTextNode(): boolean;
+    constructor(_elementRef: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldPostfixDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldPostfixDirective, "sp-text-field-postfix", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldPostfixDirective, "sp-text-field-postfix", never, {}, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }

package/lib/text-field/src/text-field-prefix.directive.d.ts

@@ -1,5 +1,10 @@
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
 export declare class TextFieldPrefixDirective {
+    private _elementRef;
+    isTextNode(): boolean;
+    constructor(_elementRef: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldPrefixDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldPrefixDirective, "sp-text-field-prefix", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldPrefixDirective, "sp-text-field-prefix", never, {}, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }

package/lib/text-field/src/text-field.component.d.ts

@@ -10,14 +10,10 @@ export declare class TextFieldComponent implements FieldControl {
     characterCounterMax?: NumberInput;
     inputElement?: ElementRef<HTMLInputElement | HTMLTextAreaElement>;
     _inputDirective?: TextFieldInputDirective;
-    private prefixDirective?;
-    private postfixDirective?;
     constructor(field?: FieldComponent | undefined);
     isCharacterCounterExceeded(): boolean;
-    hasPrefix(): boolean;
-    hasPostfix(): boolean;
     isDisabled(): boolean;
     getId(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldComponent, "sp-text-field", never, { "characterCounterMax": "characterCounterMax"; }, {}, ["inputElement", "_inputDirective", "prefixDirective", "postfixDirective"], ["sp-text-field-prefix", "input", "sp-text-field-postfix", "textarea"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldComponent, "sp-text-field", never, { "characterCounterMax": "characterCounterMax"; }, {}, ["inputElement", "_inputDirective"], ["sp-text-field-prefix", "input", "sp-text-field-postfix", "textarea"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }

package/lib/text-field/src/text-field.module.d.ts

@@ -1,17 +1,16 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./text-field.component";
 import * as i2 from "./text-field-input.directive";
-import * as i3 from "./text-field-affix.directive";
-import * as i4 from "./text-field-prefix.directive";
-import * as i5 from "./text-field-postfix.directive";
-import * as i6 from "./text-field-textarea-autosize.directive";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/forms";
-import * as i9 from "@angular/cdk/portal";
-import * as i10 from "../../label/src/label.component";
-import * as i11 from "../../field/src/field.module";
+import * as i3 from "./text-field-prefix.directive";
+import * as i4 from "./text-field-postfix.directive";
+import * as i5 from "./text-field-textarea-autosize.directive";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/cdk/portal";
+import * as i9 from "../../label/src/label.component";
+import * as i10 from "../../field/src/field.module";
 export declare class SapphireTextFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireTextFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireTextFieldModule, [typeof i1.TextFieldComponent, typeof i2.TextFieldInputDirective, typeof i3.TextFieldAffixDirective, typeof i4.TextFieldPrefixDirective, typeof i5.TextFieldPostfixDirective, typeof i6.TextFieldTextareaAutosizeDirective], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.PortalModule, typeof i10.LabelComponent, typeof i11.SapphireFieldModule], [typeof i1.TextFieldComponent, typeof i2.TextFieldInputDirective, typeof i11.SapphireFieldModule, typeof i3.TextFieldAffixDirective, typeof i4.TextFieldPrefixDirective, typeof i5.TextFieldPostfixDirective, typeof i6.TextFieldTextareaAutosizeDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireTextFieldModule, [typeof i1.TextFieldComponent, typeof i2.TextFieldInputDirective, typeof i3.TextFieldPrefixDirective, typeof i4.TextFieldPostfixDirective, typeof i5.TextFieldTextareaAutosizeDirective], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.PortalModule, typeof i9.LabelComponent, typeof i10.SapphireFieldModule], [typeof i1.TextFieldComponent, typeof i2.TextFieldInputDirective, typeof i10.SapphireFieldModule, typeof i3.TextFieldPrefixDirective, typeof i4.TextFieldPostfixDirective, typeof i5.TextFieldTextareaAutosizeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireTextFieldModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "1.17.1",
+  "version": "1.18.1",
   "license": "SEE LICENSE IN LICENSE",
   "description": "The Angular implementation of the Sapphire Design System from Danske Bank A/S",
   "module": "fesm2015/danske-sapphire-angular.mjs",
@@ -16,10 +16,10 @@
     "@danske/sapphire-icons": "^1.0.2"
   },
   "dependencies": {
-    "@danske/sapphire-css": "^26.6.1",
+    "@danske/sapphire-css": "^27.0.1",
     "tslib": "^2.3.0"
   },
-  "gitHead": "18d399194b252d505e09222e08996991f1a9d68a",
+  "gitHead": "ed8a61f0521fe4e7601d6b962e677cd9e151a401",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",

package/esm2020/lib/text-field/src/text-field-affix.directive.mjs

@@ -1,26 +0,0 @@
-import { Directive } from '@angular/core';
-import { UseComponentStyles } from '../../common/sapphire-view-encapsulation';
-import * as i0 from "@angular/core";
-import * as i1 from "../../common/sapphire-view-encapsulation";
-export class TextFieldAffixDirective {
-    isTextNode() {
-        return (this._elementRef?.nativeElement.firstChild?.nodeType === Node.TEXT_NODE);
-    }
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-    }
-}
-TextFieldAffixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TextFieldAffixDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TextFieldAffixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TextFieldAffixDirective, selector: "sp-text-field-prefix, sp-text-field-postfix", host: { properties: { "class.sapphire-text-field__affix--icon": "!isTextNode()" }, classAttribute: "sapphire-text-field__affix" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TextFieldAffixDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'sp-text-field-prefix, sp-text-field-postfix',
-                    host: {
-                        class: 'sapphire-text-field__affix',
-                        '[class.sapphire-text-field__affix--icon]': '!isTextNode()',
-                    },
-                    hostDirectives: [UseComponentStyles],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC1hZmZpeC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3RleHQtZmllbGQvc3JjL3RleHQtZmllbGQtYWZmaXguZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7OztBQVU5RSxNQUFNLE9BQU8sdUJBQXVCO0lBQ2xDLFVBQVU7UUFDUixPQUFPLENBQ0wsSUFBSSxDQUFDLFdBQVcsRUFBRSxhQUFhLENBQUMsVUFBVSxFQUFFLFFBQVEsS0FBSyxJQUFJLENBQUMsU0FBUyxDQUN4RSxDQUFDO0lBQ0osQ0FBQztJQUVELFlBQW9CLFdBQW9DO1FBQXBDLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtJQUFHLENBQUM7O29IQVBqRCx1QkFBdUI7d0dBQXZCLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQVJuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw2Q0FBNkM7b0JBQ3ZELElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsNEJBQTRCO3dCQUNuQywwQ0FBMEMsRUFBRSxlQUFlO3FCQUM1RDtvQkFDRCxjQUFjLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDckMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdzcC10ZXh0LWZpZWxkLXByZWZpeCwgc3AtdGV4dC1maWVsZC1wb3N0Zml4JyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtdGV4dC1maWVsZF9fYWZmaXgnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGV4dC1maWVsZF9fYWZmaXgtLWljb25dJzogJyFpc1RleHROb2RlKCknLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc10sXG59KVxuZXhwb3J0IGNsYXNzIFRleHRGaWVsZEFmZml4RGlyZWN0aXZlIHtcbiAgaXNUZXh0Tm9kZSgpIHtcbiAgICByZXR1cm4gKFxuICAgICAgdGhpcy5fZWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudC5maXJzdENoaWxkPy5ub2RlVHlwZSA9PT0gTm9kZS5URVhUX05PREVcbiAgICApO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG59XG4iXX0=

package/lib/text-field/src/text-field-affix.directive.d.ts

@@ -1,10 +0,0 @@
-import { ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../common/sapphire-view-encapsulation";
-export declare class TextFieldAffixDirective {
-    private _elementRef;
-    isTextNode(): boolean;
-    constructor(_elementRef: ElementRef<HTMLElement>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldAffixDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldAffixDirective, "sp-text-field-prefix, sp-text-field-postfix", never, {}, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
-}