@danske/sapphire-angular 1.20.2 → 1.21.0

package/lib/common/public_api.d.ts

@@ -1,2 +1,4 @@
 export { ScrollMonitorDirective } from './scroll-monitor.directive';
 export { UseComponentStyles, UseComponentStylesOnHost, ViewEncapsulationProvider, } from './sapphire-view-encapsulation';
+export { PressedDirective } from './pressed.directive';
+export { FocusedDirective } from './focused.directive';

package/lib/field/src/field-error.directive.d.ts

@@ -3,6 +3,11 @@ import * as i0 from "@angular/core";
  * Used inside sp-field to provide an error message for the field.
  */
 export declare class FieldErrorDirective {
+    /**
+     * A unique id for the host DOM element.
+     * If none is supplied, it will be auto-generated.
+     */
+    id: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldErrorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldErrorDirective, "sp-field-error", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldErrorDirective, "sp-field-error", never, { "id": "id"; }, {}, never, never, true, never>;
 }

package/lib/field/src/field-note.directive.d.ts

@@ -3,6 +3,11 @@ import * as i0 from "@angular/core";
  * Used inside field to provide a note for the field.
  */
 export declare class FieldNoteDirective {
+    /**
+     * A unique id for the host DOM element.
+     * If none is supplied, it will be auto-generated.
+     */
+    id: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldNoteDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldNoteDirective, "sp-field-note", never, {}, {}, never, never, true, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldNoteDirective, "sp-field-note", never, { "id": "id"; }, {}, never, never, true, never>;
 }

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

@@ -22,6 +22,10 @@ export declare class PopoverComponent implements AfterViewInit {
      * Whether the default behavior of moving focus to the popover content upon open should be disabled
      */
     noAutoFocus: BooleanInput;
+    /**
+     * Wheter the popover traps the focus inside.
+     */
+    trapFocus: BooleanInput;
     ID: string;
     /**
      * Keeps track of if the content is focused
@@ -32,5 +36,5 @@ export declare class PopoverComponent implements AfterViewInit {
     private handleEscape;
     _contentFocusChanged(origin: FocusOrigin): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<PopoverComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "sp-popover", never, { "noPadding": "noPadding"; "noMaxWidth": "noMaxWidth"; "noAutoFocus": "noAutoFocus"; }, {}, ["title"], ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PopoverComponent, "sp-popover", never, { "noPadding": "noPadding"; "noMaxWidth": "noMaxWidth"; "noAutoFocus": "noAutoFocus"; "trapFocus": "trapFocus"; }, {}, ["title"], ["*"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,9 +1,11 @@
 import { DoCheck, ElementRef } from '@angular/core';
 import { BooleanInput } from '@angular/cdk/coercion';
+import { FieldComponent } from '../../field/public_api';
 import * as i0 from "@angular/core";
 import * as i1 from "../../common/sapphire-view-encapsulation";
 export declare class TextFieldInputDirective implements DoCheck {
     private _elementRef;
+    field: FieldComponent;
     readonly textarea: boolean;
     id: string;
     disabled: BooleanInput;
@@ -15,7 +17,7 @@ export declare class TextFieldInputDirective implements DoCheck {
     private updateValueLength;
     get style(): string | undefined;
     private updateAutofillStyle;
-    constructor(_elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldInputDirective, never>;
+    constructor(_elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement>, field: FieldComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldInputDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldInputDirective, "[spTextFieldInput]", never, { "id": "id"; "disabled": "disabled"; "required": "required"; }, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "1.20.2",
+  "version": "1.21.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,10 +16,10 @@
     "@danske/sapphire-icons": "^1.0.2"
   },
   "dependencies": {
-    "@danske/sapphire-css": "^28.4.0",
+    "@danske/sapphire-css": "^30.0.1",
     "tslib": "^2.3.0"
   },
-  "gitHead": "636a735c2f40e7f81c04987b156e02e06bc31398",
+  "gitHead": "a79cc70d1fbf9428858ab9b1d43c38f602e39558",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",

package/public-api.d.ts

@@ -24,3 +24,4 @@ export * from './lib/surface/public_api';
 export * from './lib/common/public_api';
 export * from './lib/core.module';
 export * from './lib/badge/public_api';
+export * from './lib/label/public_api';