@danske/sapphire-angular 3.5.0 → 3.6.0

package/lib/listbox/i18n/index.d.ts

@@ -0,0 +1,3 @@
+import { MessageDictionary } from '@internationalized/message';
+declare const translations: MessageDictionary;
+export default translations;

package/lib/listbox/src/listbox.component.d.ts

@@ -1,4 +1,4 @@
-import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, DoCheck, EventEmitter } from '@angular/core';
+import { AfterViewChecked, AfterViewInit, ChangeDetectorRef, DoCheck, EventEmitter, TemplateRef } from '@angular/core';
 import { ListboxValueChangeEvent } from '@angular/cdk/listbox';
 import { OptionComponent } from './option.component';
 import { ControlValueAccessor } from '@angular/forms';
@@ -6,9 +6,11 @@ import { BooleanInput } from '@angular/cdk/coercion';
 import { ListboxChild } from './listbox-child';
 import { SectionDirective } from './section.directive';
 import { ListboxInputDirective } from './listbox-input.directive';
+import { TranslateService } from '../../common/translate.service';
 import * as i0 from "@angular/core";
 export declare class ListboxComponent implements ControlValueAccessor, AfterViewInit, AfterViewChecked, DoCheck {
     private changeDetectorRef;
+    private t;
     /**
      * The list of selected values (`value`s of selected sp-options).
      * It's always an array, regardless of {@property multiple} being true or not.
@@ -37,6 +39,12 @@ export declare class ListboxComponent implements ControlValueAccessor, AfterView
     ariaLabel: string;
     ariaLabelledBy?: string;
     id?: string;
+    /**
+     * Used to provide custom empty state content.
+     * When not provided, the default "No results" (in given language) message is shown.
+     * Passing `null` will hide the empty state message.
+     */
+    emptyState?: TemplateRef<unknown> | string | null;
     /**
      * Emits whenever an option is selected, regardless of if it's already selected.
      */
@@ -49,6 +57,7 @@ export declare class ListboxComponent implements ControlValueAccessor, AfterView
      * or passed as input.
      */
     get options(): Iterable<ListboxChild>;
+    get isEmpty(): boolean;
     private cdkListbox?;
     private cdkOptions?;
     private connectedInput?;
@@ -69,7 +78,7 @@ export declare class ListboxComponent implements ControlValueAccessor, AfterView
      * option.
      */
     _forceEnableNavigationWrap: boolean;
-    constructor(changeDetectorRef: ChangeDetectorRef);
+    constructor(changeDetectorRef: ChangeDetectorRef, t: TranslateService);
     /**
      * Connects the listbox to an input, for combobox-like use cases.
      * Returns a keydown event handler to be used on the connected input.
@@ -121,6 +130,9 @@ export declare class ListboxComponent implements ControlValueAccessor, AfterView
      * @private
      */
     _isConnectedToInput(): boolean;
+    _isString(input: unknown): boolean;
+    _getEmptyState(): string | TemplateRef<unknown> | null;
+    _getEmptyStateTemplate(): TemplateRef<unknown> | null;
     static ɵfac: i0.ɵɵFactoryDeclaration<ListboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxComponent, "sp-listbox", ["spListbox"], { "selectedValues": "selectedValues"; "_itemsInput": "spListboxItems"; "disabled": "disabled"; "multiple": "multiple"; "navigationWrapDisabled": "navigationWrapDisabled"; "ariaLabel": "aria-label"; "ariaLabelledBy": "aria-labelledby"; "id": "id"; }, { "selectedValuesChange": "selectedValuesChange"; "selected": "selected"; }, ["itemsInContent"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ListboxComponent, "sp-listbox", ["spListbox"], { "selectedValues": "selectedValues"; "_itemsInput": "spListboxItems"; "disabled": "disabled"; "multiple": "multiple"; "navigationWrapDisabled": "navigationWrapDisabled"; "ariaLabel": "aria-label"; "ariaLabelledBy": "aria-labelledby"; "id": "id"; "emptyState": "emptyState"; }, { "selectedValuesChange": "selectedValuesChange"; "selected": "selected"; }, ["itemsInContent"], never, false, never>;
 }

package/lib/select/src/common/select-component-base.d.ts

@@ -47,6 +47,12 @@ export declare abstract class SelectComponentBase implements ControlValueAccesso
     ariaLabel: string | null;
     ariaLabelledby?: string | null;
     selectionText?: SelectionTextDirective;
+    /**
+     * Used to provide custom empty state content.
+     * When not provided, the default "No results" (in given language) message is shown.
+     * Passing `null` will hide the popover with the empty state message.
+     */
+    emptyState?: ListboxComponent['emptyState'];
     /**
      * Used to work around ExpressionChangedAfterItHasBeenCheckedError error thrown from HiddenSelect,
      * when the select component is rendered from a template (e.g. with *ngIf). It's set to true
@@ -107,5 +113,5 @@ export declare abstract class SelectComponentBase implements ControlValueAccesso
     protected getNextEnabledOptionValue(direction?: 'left' | 'right'): string | undefined;
     protected initKeyManager(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectComponentBase, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectComponentBase, never, never, { "disabled": "disabled"; "id": "id"; "name": "name"; "autocomplete": "autocomplete"; "placeholder": "placeholder"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; }, { "opened": "opened"; "closed": "closed"; "selected": "selected"; }, ["selectionText", "options", "listboxChildren"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<SelectComponentBase, never, never, { "disabled": "disabled"; "id": "id"; "name": "name"; "autocomplete": "autocomplete"; "placeholder": "placeholder"; "ariaLabel": "aria-label"; "ariaLabelledby": "aria-labelledby"; "emptyState": "emptyState"; }, { "opened": "opened"; "closed": "closed"; "selected": "selected"; }, ["selectionText", "options", "listboxChildren"], never, false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "3.5.0",
+  "version": "3.6.0",
   "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,12 +16,12 @@
     "@danske/sapphire-icons": "^3.1.0"
   },
   "dependencies": {
-    "@danske/sapphire-css": "^44.0.0",
+    "@danske/sapphire-css": "^45.0.0",
     "@internationalized/message": "^3.1.5",
     "dompurify": "^3.2.6",
     "tslib": "^2.3.0"
   },
-  "gitHead": "8e444e6b304060b29ba5ba3485086b0eddae52e1",
+  "gitHead": "956d65c795c2bffc1e4cc153c7721e94c35827c9",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",