@danske/sapphire-angular 1.26.0 → 1.27.0

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

@@ -1,3 +1,4 @@
+import { FieldControl } from './field-control';
 import * as i0 from "@angular/core";
 /**
  * Used inside sp-field to provide an error message for the field.
@@ -8,6 +9,7 @@ export declare class FieldErrorDirective {
      * If none is supplied, it will be auto-generated.
      */
     id: string;
+    target?: FieldControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldErrorDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<FieldErrorDirective, "sp-field-error", never, { "id": "id"; }, {}, never, never, true, 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

@@ -1,4 +1,4 @@
-import { AfterContentInit, AfterViewChecked, ChangeDetectorRef } from '@angular/core';
+import { AfterContentInit, AfterViewChecked, ChangeDetectorRef, QueryList } from '@angular/core';
 import { FieldNoteDirective } from './field-note.directive';
 import { FieldErrorDirective } from './field-error.directive';
 import { LabelComponent } from '../../label/src/label.component';
@@ -56,7 +56,7 @@ export declare class FieldComponent implements AfterContentInit, AfterViewChecke
      * Focusable, labelable control. Components like Select, RadioGroup or TextField,
      * that are meant to rendered inside sp-field, provide FieldControl.
      */
-    control?: FieldControl;
+    controls?: QueryList<FieldControl>;
     private requiredValidator?;
     /**
      * Is set via field-note-affix directive. ContentChild query can't be used since we need
@@ -71,7 +71,16 @@ export declare class FieldComponent implements AfterContentInit, AfterViewChecke
     /**
      * Whether the field contains an error message (sp-field-error).
      */
-    hasError(): boolean;
+    hasError(targetField?: FieldControl): boolean;
+    /**
+     * If there are multiple controls, the field is only disabled when all of them are disabled
+     */
+    isDisabled(): boolean;
+    /**
+     * Only support features like `for` or `labelClick` if the field has one control.
+     */
+    get control(): FieldControl | undefined;
+    get isGroup(): boolean;
     /**
      * Whether the field control is radio group (sp-radio-group).
      */
@@ -79,5 +88,5 @@ export declare class FieldComponent implements AfterContentInit, AfterViewChecke
     get labelNecessityIndicator(): LabelComponent['necessityIndicator'];
     _setSuffixPortal(portal: DomPortal<HTMLElement> | null): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<FieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "sp-field", never, { "necessityIndicator": "necessityIndicator"; "labelPlacement": "labelPlacement"; "size": "size"; }, {}, ["note", "error", "radioGroup", "_fieldLabel", "control", "requiredValidator"], ["sp-field-label", "sp-contextual-help", "*", "sp-field-error", "sp-field-note"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FieldComponent, "sp-field", never, { "necessityIndicator": "necessityIndicator"; "labelPlacement": "labelPlacement"; "size": "size"; }, {}, ["note", "error", "radioGroup", "_fieldLabel", "requiredValidator", "controls"], ["sp-field-label", "sp-contextual-help", "*", "sp-field-error", "sp-field-note"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }

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

@@ -9,6 +9,6 @@ import * as i7 from "@angular/cdk/portal";
 import * as i8 from "../../label/src/label.component";
 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 i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i1.FieldComponent]>;
+    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 i3.FieldLabelDirective, typeof i4.FieldNoteDirective, typeof i5.FieldNoteSuffixDirective, typeof i6.FieldErrorDirective, typeof i1.FieldComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireFieldModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "1.26.0",
+  "version": "1.27.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",
@@ -19,7 +19,7 @@
     "@danske/sapphire-css": "^31.2.0",
     "tslib": "^2.3.0"
   },
-  "gitHead": "a8ebdf9b67baf003c82173820a5244a9755d7f95",
+  "gitHead": "6780bc1100a3aa3503be5b5b04c623be2cabe76a",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",