@danske/sapphire-angular 3.8.2 → 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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "3.8.2",
+  "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",
@@ -21,7 +21,7 @@
     "dompurify": "^3.2.6",
     "tslib": "^2.3.0"
   },
-  "gitHead": "6e7cb3028dc134adc624e161700df8cb3bc3bfb7",
+  "gitHead": "16211b81aadc435461763b838c77f4951e9dad50",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",