@danske/sapphire-angular 3.3.0 → 3.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/button/src/button.component.mjs +12 -2
- package/esm2020/lib/checkbox/src/checkbox.component.mjs +2 -2
- package/esm2020/lib/field/src/field.component.mjs +2 -3
- package/esm2020/lib/modal/src/dialog/confirmation-dialog.component.mjs +1 -1
- package/esm2020/lib/modal/src/dialog/danger-dialog.component.mjs +1 -1
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +2 -2
- package/esm2020/lib/modal/src/layout/modal-header.component.mjs +3 -3
- package/esm2020/lib/modal/src/layout/modal-layout.component.mjs +2 -2
- package/esm2020/lib/modal/src/panel/panel.component.mjs +2 -2
- package/esm2020/lib/radio/src/radio.component.mjs +3 -3
- package/esm2020/lib/select/src/select/select.component.mjs +2 -2
- package/esm2020/lib/select/src/select-button/select-button.component.mjs +2 -2
- package/esm2020/lib/table/src/table.component.mjs +2 -2
- package/esm2020/lib/text-field/src/text-field-input.directive.mjs +18 -8
- package/esm2020/lib/text-field/src/text-field.component.mjs +4 -4
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/fesm2015/danske-sapphire-angular.mjs +73 -54
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +71 -54
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/button/src/button.component.d.ts +3 -1
- package/lib/text-field/src/text-field-input.directive.d.ts +5 -2
- package/package.json +3 -3
|
@@ -16,10 +16,12 @@ export declare class ButtonComponent implements AfterContentInit {
|
|
|
16
16
|
*/
|
|
17
17
|
type: 'submit' | 'button' | 'reset';
|
|
18
18
|
private get variantClass();
|
|
19
|
+
tabindex?: number | string | null;
|
|
20
|
+
get hostTabIndex(): number | string | null;
|
|
19
21
|
buttonIcon?: ButtonIconDirective;
|
|
20
22
|
icon?: IconComponent;
|
|
21
23
|
constructor(elementRef: ElementRef<HTMLButtonElement>);
|
|
22
24
|
ngAfterContentInit(): void;
|
|
23
25
|
static ɵfac: i0.ɵɵFactoryDeclaration<ButtonComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[sp-button], a[sp-button]", never, { "variant": "variant"; "size": "size"; "disabled": "disabled"; "iconAlign": "iconAlign"; "type": "type"; }, {}, ["buttonIcon", "icon"], ["*", "[spButtonIcon]"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
|
|
26
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<ButtonComponent, "button[sp-button], a[sp-button]", never, { "variant": "variant"; "size": "size"; "disabled": "disabled"; "iconAlign": "iconAlign"; "type": "type"; "tabindex": "tabindex"; }, {}, ["buttonIcon", "icon"], ["*", "[spButtonIcon]"], false, [{ directive: typeof i1.ThemeCheckDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
|
|
25
27
|
}
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { DoCheck, ElementRef } from '@angular/core';
|
|
2
2
|
import { BooleanInput } from '@angular/cdk/coercion';
|
|
3
3
|
import { FieldComponent } from '../../field/public_api';
|
|
4
|
+
import { NgControl } from '@angular/forms';
|
|
4
5
|
import * as i0 from "@angular/core";
|
|
5
6
|
import * as i1 from "../../common/sapphire-view-encapsulation";
|
|
6
7
|
export declare class TextFieldInputDirective implements DoCheck {
|
|
7
8
|
private _elementRef;
|
|
9
|
+
private ngControl;
|
|
8
10
|
field: FieldComponent;
|
|
9
11
|
readonly textarea: boolean;
|
|
10
12
|
id: string;
|
|
@@ -16,8 +18,9 @@ export declare class TextFieldInputDirective implements DoCheck {
|
|
|
16
18
|
private onBlur;
|
|
17
19
|
private updateValueLength;
|
|
18
20
|
get style(): string | undefined;
|
|
21
|
+
get isDisabled(): boolean;
|
|
19
22
|
private updateAutofillStyle;
|
|
20
|
-
constructor(_elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement>, field: FieldComponent);
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldInputDirective, [null, { optional: true; }]>;
|
|
23
|
+
constructor(_elementRef: ElementRef<HTMLInputElement | HTMLTextAreaElement>, ngControl: NgControl, field: FieldComponent);
|
|
24
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<TextFieldInputDirective, [null, { optional: true; self: true; }, { optional: true; }]>;
|
|
22
25
|
static ɵdir: i0.ɵɵDirectiveDeclaration<TextFieldInputDirective, "[spTextFieldInput]", never, { "id": "id"; "disabled": "disabled"; "required": "required"; }, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
|
|
23
26
|
}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@danske/sapphire-angular",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.4.0",
|
|
4
4
|
"license": "SEE LICENSE IN LICENSE",
|
|
5
5
|
"description": "The Angular implementation of the Sapphire Design System from Danske Bank A/S",
|
|
6
6
|
"module": "fesm2015/danske-sapphire-angular.mjs",
|
|
@@ -16,12 +16,12 @@
|
|
|
16
16
|
"@danske/sapphire-icons": "^3.1.0"
|
|
17
17
|
},
|
|
18
18
|
"dependencies": {
|
|
19
|
-
"@danske/sapphire-css": "^
|
|
19
|
+
"@danske/sapphire-css": "^43.0.0",
|
|
20
20
|
"@internationalized/message": "^3.1.5",
|
|
21
21
|
"dompurify": "^3.2.6",
|
|
22
22
|
"tslib": "^2.3.0"
|
|
23
23
|
},
|
|
24
|
-
"gitHead": "
|
|
24
|
+
"gitHead": "5447ed85a23a82d6d7339a1617296a648256ea3e",
|
|
25
25
|
"es2020": "fesm2020/danske-sapphire-angular.mjs",
|
|
26
26
|
"esm2020": "esm2020/danske-sapphire-angular.mjs",
|
|
27
27
|
"fesm2020": "fesm2020/danske-sapphire-angular.mjs",
|