@danske/sapphire-angular 1.18.0 → 1.19.0

package/lib/button/src/button-group.component.d.ts

@@ -1,4 +1,5 @@
 import * as i0 from "@angular/core";
+export type ButtonGroupStretchType = 'none' | 'default' | 'autoVertical';
 /**
  * ButtonGroup is a utility component which ensures consistent spacing between
  * buttons All children must be of type Button. Icon buttons cannot be mixed
@@ -10,6 +11,18 @@ export declare class ButtonGroupComponent {
      * @default "right"
      */
     align: 'left' | 'center' | 'right';
+    /**
+     * Controls stretching of the contents.
+     *
+     * `none` - the children will not stretch and will respect the alignment set with the align prop.
+     *
+     * `default` - the children will stretch to take full width. If the children overflow, they will be wrapped vertically.
+     *
+     * `autoVertical` - same behaviour as `default`, but if there is more than 3 children, they will be wrapped vertically even if they don't overflow.
+     *
+     * @default "none"
+     */
+    stretch?: ButtonGroupStretchType;
     get iconSpacing(): this['spacing'];
     set iconSpacing(value: this['spacing']);
     /**
@@ -22,5 +35,5 @@ export declare class ButtonGroupComponent {
      */
     orientation?: 'vertical' | 'horizontal';
     static ɵfac: i0.ɵɵFactoryDeclaration<ButtonGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "sp-button-group", never, { "align": "align"; "iconSpacing": "iconSpacing"; "spacing": "spacing"; "orientation": "orientation"; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ButtonGroupComponent, "sp-button-group", never, { "align": "align"; "stretch": "stretch"; "iconSpacing": "iconSpacing"; "spacing": "spacing"; "orientation": "orientation"; }, {}, never, ["*"], false, never>;
 }

package/lib/modal/src/dialog/dialog-footer.component.d.ts

@@ -1,3 +1,4 @@
+import { ButtonGroupStretchType } from '../../../button/src/button-group.component';
 import * as i0 from "@angular/core";
 import * as i1 from "../../../common/sapphire-view-encapsulation";
 /**
@@ -15,6 +16,22 @@ export declare class DialogFooterDirective {
  * For a custom footer, use {@link DialogFooterDirective spDialogFooter attribute directive}.
  */
 export declare class DialogFooterComponent {
+    /**
+     * Controls stretching of the contents.
+     *
+     * `none` - the children will not stretch and will respect the alignment set with the align prop.
+     *
+     * `default` - the children will stretch to take full width. If the children overflow, they will be wrapped vertically.
+     *
+     * `autoVertical` - same behaviour as `default`, but if there is more than 3 children, they will be wrapped vertically even if they don't overflow.
+     *
+     * @default "none"
+     */
+    stretch?: ButtonGroupStretchType;
+    /**
+     * @default "horizontal"
+     */
+    orientation?: 'vertical' | 'horizontal';
     static ɵfac: i0.ɵɵFactoryDeclaration<DialogFooterComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DialogFooterComponent, "sp-dialog-footer", never, {}, {}, never, ["*"], false, [{ directive: typeof DialogFooterDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DialogFooterComponent, "sp-dialog-footer", never, { "stretch": "stretch"; "orientation": "orientation"; }, {}, never, ["*"], false, [{ directive: typeof DialogFooterDirective; inputs: {}; outputs: {}; }]>;
 }

package/lib/modal/src/dialog/dialog.component.d.ts

@@ -14,7 +14,7 @@ export declare class DialogComponent extends ModalBaseComponent {
     /**
      * Dialog size, constraining the width of the dialog.
      */
-    size: 'small' | 'medium' | 'large';
+    size: 'extra-small' | 'small' | 'medium' | 'large';
     /**
      * Type of the dialog:
      *  - 'passive': A dialog without footer with actions. Passive dialogs are

package/lib/text-field/public_api.d.ts

@@ -1,6 +1,5 @@
 export { TextFieldComponent } from './src/text-field.component';
 export { TextFieldInputDirective } from './src/text-field-input.directive';
-export { TextFieldAffixDirective } from './src/text-field-affix.directive';
 export { TextFieldPrefixDirective } from './src/text-field-prefix.directive';
 export { TextFieldPostfixDirective } from './src/text-field-postfix.directive';
 export { TextFieldTextareaAutosizeDirective } from './src/text-field-textarea-autosize.directive';

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

@@ -1,5 +1,10 @@
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
 export declare class TextFieldPostfixDirective {
+    private _elementRef;
+    isTextNode(): boolean;
+    constructor(_elementRef: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldPostfixDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldPostfixDirective, "sp-text-field-postfix", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldPostfixDirective, "sp-text-field-postfix", never, {}, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,5 +1,10 @@
+import { ElementRef } from '@angular/core';
 import * as i0 from "@angular/core";
+import * as i1 from "../../common/sapphire-view-encapsulation";
 export declare class TextFieldPrefixDirective {
+    private _elementRef;
+    isTextNode(): boolean;
+    constructor(_elementRef: ElementRef<HTMLElement>);
     static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldPrefixDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldPrefixDirective, "sp-text-field-prefix", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldPrefixDirective, "sp-text-field-prefix", never, {}, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
 }

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

@@ -10,14 +10,10 @@ export declare class TextFieldComponent implements FieldControl {
     characterCounterMax?: NumberInput;
     inputElement?: ElementRef<HTMLInputElement | HTMLTextAreaElement>;
     _inputDirective?: TextFieldInputDirective;
-    private prefixDirective?;
-    private postfixDirective?;
     constructor(field?: FieldComponent | undefined);
     isCharacterCounterExceeded(): boolean;
-    hasPrefix(): boolean;
-    hasPostfix(): boolean;
     isDisabled(): boolean;
     getId(): string | undefined;
     static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldComponent, [{ optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldComponent, "sp-text-field", never, { "characterCounterMax": "characterCounterMax"; }, {}, ["inputElement", "_inputDirective", "prefixDirective", "postfixDirective"], ["sp-text-field-prefix", "input", "sp-text-field-postfix", "textarea"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TextFieldComponent, "sp-text-field", never, { "characterCounterMax": "characterCounterMax"; }, {}, ["inputElement", "_inputDirective"], ["sp-text-field-prefix", "input", "sp-text-field-postfix", "textarea"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
 }

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

@@ -1,17 +1,16 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./text-field.component";
 import * as i2 from "./text-field-input.directive";
-import * as i3 from "./text-field-affix.directive";
-import * as i4 from "./text-field-prefix.directive";
-import * as i5 from "./text-field-postfix.directive";
-import * as i6 from "./text-field-textarea-autosize.directive";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/forms";
-import * as i9 from "@angular/cdk/portal";
-import * as i10 from "../../label/src/label.component";
-import * as i11 from "../../field/src/field.module";
+import * as i3 from "./text-field-prefix.directive";
+import * as i4 from "./text-field-postfix.directive";
+import * as i5 from "./text-field-textarea-autosize.directive";
+import * as i6 from "@angular/common";
+import * as i7 from "@angular/forms";
+import * as i8 from "@angular/cdk/portal";
+import * as i9 from "../../label/src/label.component";
+import * as i10 from "../../field/src/field.module";
 export declare class SapphireTextFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SapphireTextFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireTextFieldModule, [typeof i1.TextFieldComponent, typeof i2.TextFieldInputDirective, typeof i3.TextFieldAffixDirective, typeof i4.TextFieldPrefixDirective, typeof i5.TextFieldPostfixDirective, typeof i6.TextFieldTextareaAutosizeDirective], [typeof i7.CommonModule, typeof i8.FormsModule, typeof i9.PortalModule, typeof i10.LabelComponent, typeof i11.SapphireFieldModule], [typeof i1.TextFieldComponent, typeof i2.TextFieldInputDirective, typeof i11.SapphireFieldModule, typeof i3.TextFieldAffixDirective, typeof i4.TextFieldPrefixDirective, typeof i5.TextFieldPostfixDirective, typeof i6.TextFieldTextareaAutosizeDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireTextFieldModule, [typeof i1.TextFieldComponent, typeof i2.TextFieldInputDirective, typeof i3.TextFieldPrefixDirective, typeof i4.TextFieldPostfixDirective, typeof i5.TextFieldTextareaAutosizeDirective], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.PortalModule, typeof i9.LabelComponent, typeof i10.SapphireFieldModule], [typeof i1.TextFieldComponent, typeof i2.TextFieldInputDirective, typeof i10.SapphireFieldModule, typeof i3.TextFieldPrefixDirective, typeof i4.TextFieldPostfixDirective, typeof i5.TextFieldTextareaAutosizeDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SapphireTextFieldModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@danske/sapphire-angular",
-  "version": "1.18.0",
+  "version": "1.19.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": "^26.6.1",
+    "@danske/sapphire-css": "^27.1.0",
     "tslib": "^2.3.0"
   },
-  "gitHead": "e207779162338643e012a71b68cbd4d2ad5def7d",
+  "gitHead": "b32c314ce39dda19db3c38304864b4e63c0f9470",
   "es2020": "fesm2020/danske-sapphire-angular.mjs",
   "esm2020": "esm2020/danske-sapphire-angular.mjs",
   "fesm2020": "fesm2020/danske-sapphire-angular.mjs",

package/esm2020/lib/text-field/src/text-field-affix.directive.mjs

@@ -1,26 +0,0 @@
-import { Directive } from '@angular/core';
-import { UseComponentStyles } from '../../common/sapphire-view-encapsulation';
-import * as i0 from "@angular/core";
-import * as i1 from "../../common/sapphire-view-encapsulation";
-export class TextFieldAffixDirective {
-    isTextNode() {
-        return (this._elementRef?.nativeElement.firstChild?.nodeType === Node.TEXT_NODE);
-    }
-    constructor(_elementRef) {
-        this._elementRef = _elementRef;
-    }
-}
-TextFieldAffixDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TextFieldAffixDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
-TextFieldAffixDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TextFieldAffixDirective, selector: "sp-text-field-prefix, sp-text-field-postfix", host: { properties: { "class.sapphire-text-field__affix--icon": "!isTextNode()" }, classAttribute: "sapphire-text-field__affix" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TextFieldAffixDirective, decorators: [{
-            type: Directive,
-            args: [{
-                    selector: 'sp-text-field-prefix, sp-text-field-postfix',
-                    host: {
-                        class: 'sapphire-text-field__affix',
-                        '[class.sapphire-text-field__affix--icon]': '!isTextNode()',
-                    },
-                    hostDirectives: [UseComponentStyles],
-                }]
-        }], ctorParameters: function () { return [{ type: i0.ElementRef }]; } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC1hZmZpeC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3RleHQtZmllbGQvc3JjL3RleHQtZmllbGQtYWZmaXguZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQWMsTUFBTSxlQUFlLENBQUM7QUFDdEQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7OztBQVU5RSxNQUFNLE9BQU8sdUJBQXVCO0lBQ2xDLFVBQVU7UUFDUixPQUFPLENBQ0wsSUFBSSxDQUFDLFdBQVcsRUFBRSxhQUFhLENBQUMsVUFBVSxFQUFFLFFBQVEsS0FBSyxJQUFJLENBQUMsU0FBUyxDQUN4RSxDQUFDO0lBQ0osQ0FBQztJQUVELFlBQW9CLFdBQW9DO1FBQXBDLGdCQUFXLEdBQVgsV0FBVyxDQUF5QjtJQUFHLENBQUM7O29IQVBqRCx1QkFBdUI7d0dBQXZCLHVCQUF1QjsyRkFBdkIsdUJBQXVCO2tCQVJuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw2Q0FBNkM7b0JBQ3ZELElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsNEJBQTRCO3dCQUNuQywwQ0FBMEMsRUFBRSxlQUFlO3FCQUM1RDtvQkFDRCxjQUFjLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDckMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdzcC10ZXh0LWZpZWxkLXByZWZpeCwgc3AtdGV4dC1maWVsZC1wb3N0Zml4JyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtdGV4dC1maWVsZF9fYWZmaXgnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtdGV4dC1maWVsZF9fYWZmaXgtLWljb25dJzogJyFpc1RleHROb2RlKCknLFxuICB9LFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc10sXG59KVxuZXhwb3J0IGNsYXNzIFRleHRGaWVsZEFmZml4RGlyZWN0aXZlIHtcbiAgaXNUZXh0Tm9kZSgpIHtcbiAgICByZXR1cm4gKFxuICAgICAgdGhpcy5fZWxlbWVudFJlZj8ubmF0aXZlRWxlbWVudC5maXJzdENoaWxkPy5ub2RlVHlwZSA9PT0gTm9kZS5URVhUX05PREVcbiAgICApO1xuICB9XG5cbiAgY29uc3RydWN0b3IocHJpdmF0ZSBfZWxlbWVudFJlZjogRWxlbWVudFJlZjxIVE1MRWxlbWVudD4pIHt9XG59XG4iXX0=

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

@@ -1,10 +0,0 @@
-import { ElementRef } from '@angular/core';
-import * as i0 from "@angular/core";
-import * as i1 from "../../common/sapphire-view-encapsulation";
-export declare class TextFieldAffixDirective {
-    private _elementRef;
-    isTextNode(): boolean;
-    constructor(_elementRef: ElementRef<HTMLElement>);
-    static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldAffixDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldAffixDirective, "sp-text-field-prefix, sp-text-field-postfix", never, {}, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
-}