@danske/sapphire-angular 3.8.1 → 3.9.0

package/lib/field/public_api.d.ts

@@ -1,5 +1,6 @@
 export { SapphireFieldModule } from './src/field.module';
 export { FieldComponent } from './src/field.component';
+export { FieldsetComponent } from './src/field.component';
 export { FieldNoteDirective } from './src/field-note.directive';
 export { FieldErrorDirective } from './src/field-error.directive';
 export { FieldLabelDirective } from './src/field-label.directive';

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

@@ -9,7 +9,15 @@ export declare class FieldErrorDirective {
      * If none is supplied, it will be auto-generated.
      */
     id: string;
-    target?: FieldControl;
+    /**
+     * Target for the error. Can be either a specific control or a nested field.
+     * When set, only the targeted control/field will show the error state.
+     */
+    target?: FieldControl | {
+        controls?: {
+            toArray(): FieldControl[];
+        };
+    };
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldErrorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<FieldErrorDirective, "sp-field-error", never, { "id": "id"; "target": "target"; }, {}, never, never, true, never>;
 }

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

@@ -35,6 +35,7 @@ import * as i1 from "../../common/sapphire-view-encapsulation";
  */
 export declare class FieldComponent implements AfterContentInit, AfterViewChecked, IconSizeProvider {
     private changeDetectorRef;
+    private fieldset?;
     /**
      * Whether the necessity indicator should be visible.
      */
@@ -77,14 +78,17 @@ export declare class FieldComponent implements AfterContentInit, AfterViewChecke
      */
     _noteSuffixPortal: DomPortal<HTMLElement> | null;
     private changed;
-    constructor(changeDetectorRef: ChangeDetectorRef, iconRegistry: IconRegistry);
+    constructor(changeDetectorRef: ChangeDetectorRef, iconRegistry: IconRegistry, fieldset?: FieldsetComponent | undefined);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngAfterViewChecked(): void;
     /**
      * Whether the field contains an error message (sp-field-error).
+     * Also checks if a parent fieldset has an error.
      */
     hasError(targetField?: FieldControl): boolean;
+    private _hasOwnError;
+    private _isFieldControl;
     /**
      * If there are multiple controls, the field is only disabled when all of them are disabled
      */
@@ -104,6 +108,10 @@ export declare class FieldComponent implements AfterContentInit, AfterViewChecke
     hasRadioGroupChild(): boolean;
     get labelNecessityIndicator(): LabelComponent['necessityIndicator'];
     _setSuffixPortal(portal: DomPortal<HTMLElement> | null): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, [null, null, { optional: true; skipSelf: true; }]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "sp-field", never, { "necessityIndicator": "necessityIndicator"; "labelPlacement": "labelPlacement"; "noDefaultWidth": "noDefaultWidth"; "allowNoteAndError": "allowNoteAndError"; "size": "size"; }, {}, ["note", "error", "_fieldLabel", "radioGroup", "ngControl", "requiredValidator", "controls"], ["sp-field-label", "sp-help-button", "*", "sp-field-error", "sp-field-note"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }
+export declare class FieldsetComponent extends FieldComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<FieldsetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldsetComponent, "sp-fieldset", never, {}, {}, never, ["sp-field-label", "sp-help-button", "*", "sp-field-error", "sp-field-note"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+}

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

@@ -10,6 +10,6 @@ import * as i8 from "../../label/src/label.component";
 import * as i9 from "../../icon/src/icon.module";
 export declare class SapphireFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireFieldModule, [typeof i1.FieldComponent], [typeof i2.NgIf, typeof i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i7.PortalModule, typeof i8.LabelComponent, typeof i2.CommonModule, typeof i9.SapphireIconModule], [typeof i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i1.FieldComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireFieldModule, [typeof i1.FieldComponent, typeof i1.FieldsetComponent], [typeof i2.NgIf, typeof i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i7.PortalModule, typeof i8.LabelComponent, typeof i2.CommonModule, typeof i9.SapphireIconModule], [typeof i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i1.FieldComponent, typeof i1.FieldsetComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireFieldModule>;
 }

package/lib/menu/src/menu-trigger.directive.d.ts

@@ -5,6 +5,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/cdk/menu";
 export declare class MenuTriggerDirective implements OnInit {
     private menuTrigger;
+    private sapphireOverlay;
     /**
      * Horizontal alignment of the menu and the trigger.
      */

package/lib/modal/src/modal-trigger.directive.d.ts

@@ -1,4 +1,4 @@
-import { TemplateRef } from '@angular/core';
+import { OnInit, TemplateRef } from '@angular/core';
 import { DialogRef } from '@angular/cdk/dialog';
 import { BooleanInput } from '@angular/cdk/coercion';
 import { ModalOptions, ModalService } from './modal.service';
@@ -7,7 +7,7 @@ import * as i0 from "@angular/core";
 /**
  * Makes a clickable element a trigger for a modal
  */
-export declare abstract class ModalTriggerDirective implements ModalOptions {
+export declare abstract class ModalTriggerDirective implements ModalOptions, OnInit {
     protected templateRef: TemplateRef<unknown> | null;
     protected dialogRef?: DialogRef;
     get dismissable(): boolean;
@@ -16,10 +16,13 @@ export declare abstract class ModalTriggerDirective implements ModalOptions {
     get keyboardDismissDisabled(): boolean;
     set keyboardDismissDisabled(value: BooleanInput);
     private _keyboardDismissDisabled;
+    private readonly menuItem;
     protected modalService: ModalService;
     readonly theme: ThemeBaseDirective;
     abstract open(): void;
     close(): void;
+    ngOnInit(): void;
+    _onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ModalTriggerDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<ModalTriggerDirective, never, never, {}, {}, never, never, true, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "3.8.1",
+  "version": "3.9.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": "^49.1.0",
+    "@danske/sapphire-css": "^50.0.0",
     "@internationalized/message": "^3.1.5",
     "dompurify": "^3.2.6",
     "tslib": "^2.3.0"
   },
-  "gitHead": "88e11202ab17bb9830ba1f261d631ab24edf57d2",
+  "gitHead": "16211b81aadc435461763b838c77f4951e9dad50",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",