@danske/sapphire-angular 1.31.0 → 2.1.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/badge/src/badge.component.mjs +4 -4
- package/esm2020/lib/button/src/button-group.component.mjs +6 -14
- package/esm2020/lib/button/src/button.component.mjs +9 -38
- package/esm2020/lib/button/src/icon-button.component.mjs +13 -40
- package/esm2020/lib/button/src/toggle-button.component.mjs +7 -6
- package/esm2020/lib/checkbox/src/checkbox-group.component.mjs +6 -3
- package/esm2020/lib/checkbox/src/checkbox.component.mjs +12 -4
- package/esm2020/lib/common/disabled.mjs +1 -1
- package/esm2020/lib/common/sapphire-view-encapsulation.mjs +3 -1
- package/esm2020/lib/core.module.mjs +8 -8
- package/esm2020/lib/field/src/field-control.mjs +2 -1
- package/esm2020/lib/field/src/field.component.mjs +8 -8
- package/esm2020/lib/help-button/public_api.mjs +3 -0
- package/esm2020/lib/help-button/src/help-button.component.mjs +112 -0
- package/esm2020/lib/help-button/src/help-button.module.mjs +33 -0
- package/esm2020/lib/icon/src/icon-size-provider.mjs +2 -2
- package/esm2020/lib/icon/src/icon.component.mjs +22 -37
- package/esm2020/lib/label/src/label.component.mjs +5 -5
- package/esm2020/lib/link/src/link.component.mjs +5 -5
- package/esm2020/lib/listbox/src/listbox-item.component.mjs +2 -2
- package/esm2020/lib/listbox/src/listbox.component.mjs +5 -5
- package/esm2020/lib/listbox/src/option-primary-text.directive.mjs +4 -2
- package/esm2020/lib/listbox/src/option.component.mjs +4 -2
- package/esm2020/lib/menu/src/menu-trigger.directive.mjs +5 -2
- package/esm2020/lib/menu/src/menu.component.mjs +4 -4
- package/esm2020/lib/modal/public_api.mjs +8 -12
- package/esm2020/lib/modal/src/dialog/confirmation-dialog.component.mjs +9 -7
- package/esm2020/lib/modal/src/dialog/danger-dialog.component.mjs +9 -7
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +10 -35
- package/esm2020/lib/modal/src/layout/modal-back-button.directive.mjs +13 -0
- package/esm2020/lib/modal/src/layout/modal-body.component.mjs +38 -0
- package/esm2020/lib/modal/src/layout/modal-close-button.directive.mjs +31 -0
- package/esm2020/lib/modal/src/layout/modal-footer.component.mjs +39 -0
- package/esm2020/lib/modal/src/layout/modal-header.component.mjs +77 -0
- package/esm2020/lib/modal/src/layout/modal-layout.component.mjs +15 -0
- package/esm2020/lib/modal/src/modal-base.component.mjs +7 -13
- package/esm2020/lib/modal/src/modal.module.mjs +43 -71
- package/esm2020/lib/modal/src/modal.service.mjs +1 -1
- package/esm2020/lib/modal/src/panel/panel.component.mjs +8 -15
- package/esm2020/lib/notification-badge/src/notification-badge.component.mjs +4 -4
- package/esm2020/lib/pagination/i18n/da-DK.json +2 -0
- package/esm2020/lib/pagination/i18n/de-DE.json +2 -0
- package/esm2020/lib/pagination/i18n/en-US.json +2 -0
- package/esm2020/lib/pagination/i18n/fi-FI.json +2 -0
- package/esm2020/lib/pagination/i18n/nb-NO.json +2 -0
- package/esm2020/lib/pagination/i18n/pl-PL.json +2 -0
- package/esm2020/lib/pagination/i18n/sv-SE.json +2 -0
- package/esm2020/lib/pagination/src/page-selection-row.component.mjs +119 -0
- package/esm2020/lib/pagination/src/pagination.component.mjs +20 -4
- package/esm2020/lib/pagination/src/pagination.module.mjs +4 -3
- package/esm2020/lib/popover/src/popover-trigger.directive.mjs +14 -4
- package/esm2020/lib/radio/src/radio-group.component.mjs +3 -3
- package/esm2020/lib/radio/src/radio.component.mjs +3 -3
- package/esm2020/lib/segmented-tabs/src/segmented-tabs.component.mjs +4 -4
- package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +7 -27
- package/esm2020/lib/select/src/select/select.component.mjs +5 -5
- package/esm2020/lib/skeleton/src/skeleton.component.mjs +2 -2
- package/esm2020/lib/switch/src/switch.component.mjs +5 -5
- package/esm2020/lib/table/public_api.mjs +2 -1
- package/esm2020/lib/table/src/table-footer.directive.mjs +20 -0
- package/esm2020/lib/table/src/table-head-cell.component.mjs +3 -3
- package/esm2020/lib/table/src/table-sort-header.directive.mjs +2 -3
- package/esm2020/lib/table/src/table-sort.directive.mjs +13 -3
- package/esm2020/lib/table/src/table.component.mjs +7 -14
- package/esm2020/lib/table/src/table.directive.mjs +12 -6
- package/esm2020/lib/table/src/table.module.mjs +6 -1
- package/esm2020/lib/text-field/src/text-field.component.mjs +5 -5
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/esm2020/lib/tooltip/src/tooltip.directive.mjs +3 -3
- package/esm2020/lib/typography/src/paragraph.component.mjs +5 -5
- package/esm2020/public-api.mjs +2 -2
- package/fesm2015/danske-sapphire-angular.mjs +721 -847
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +728 -852
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/badge/src/badge.component.d.ts +2 -2
- package/lib/button/src/button-group.component.d.ts +3 -5
- package/lib/button/src/button.component.d.ts +4 -11
- package/lib/button/src/icon-button.component.d.ts +4 -11
- package/lib/button/src/toggle-button.component.d.ts +3 -3
- package/lib/checkbox/src/checkbox-group.component.d.ts +1 -0
- package/lib/checkbox/src/checkbox.component.d.ts +3 -1
- package/lib/common/disabled.d.ts +1 -1
- package/lib/core.module.d.ts +2 -2
- package/lib/field/src/field.component.d.ts +4 -4
- package/lib/help-button/public_api.d.ts +2 -0
- package/lib/help-button/src/help-button.component.d.ts +50 -0
- package/lib/help-button/src/help-button.module.d.ts +7 -0
- package/lib/icon/src/icon-size-provider.d.ts +2 -2
- package/lib/icon/src/icon.component.d.ts +6 -3
- package/lib/label/src/label.component.d.ts +3 -3
- package/lib/link/src/link.component.d.ts +1 -1
- package/lib/listbox/src/listbox-item.component.d.ts +1 -1
- package/lib/listbox/src/listbox.component.d.ts +1 -1
- package/lib/menu/src/menu.component.d.ts +1 -1
- package/lib/modal/public_api.d.ts +7 -11
- package/lib/modal/src/dialog/dialog.component.d.ts +2 -17
- package/lib/modal/src/layout/modal-back-button.directive.d.ts +5 -0
- package/lib/modal/src/{panel/panel-content.component.d.ts → layout/modal-body.component.d.ts} +3 -3
- package/lib/modal/src/{modal-close-button.directive.d.ts → layout/modal-close-button.directive.d.ts} +2 -2
- package/lib/modal/src/layout/modal-footer.component.d.ts +21 -0
- package/lib/modal/src/layout/modal-header.component.d.ts +29 -0
- package/lib/modal/src/layout/modal-layout.component.d.ts +6 -0
- package/lib/modal/src/modal-base.component.d.ts +5 -7
- package/lib/modal/src/modal.module.d.ts +21 -25
- package/lib/modal/src/modal.service.d.ts +2 -2
- package/lib/modal/src/panel/panel.component.d.ts +3 -6
- package/lib/notification-badge/src/notification-badge.component.d.ts +1 -1
- package/lib/pagination/src/page-selection-row.component.d.ts +39 -0
- package/lib/pagination/src/pagination.component.d.ts +8 -1
- package/lib/pagination/src/pagination.module.d.ts +8 -7
- package/lib/popover/src/popover-trigger.directive.d.ts +6 -1
- package/lib/segmented-tabs/src/segmented-tabs.component.d.ts +1 -1
- package/lib/select/src/basic-select/basic-select.component.d.ts +5 -7
- package/lib/switch/src/switch.component.d.ts +2 -2
- package/lib/table/public_api.d.ts +1 -0
- package/lib/table/src/table-footer.directive.d.ts +7 -0
- package/lib/table/src/table-sort.directive.d.ts +7 -4
- package/lib/table/src/table.component.d.ts +4 -3
- package/lib/table/src/table.directive.d.ts +3 -1
- package/lib/table/src/table.module.d.ts +12 -11
- package/lib/typography/src/paragraph.component.d.ts +1 -1
- package/package.json +4 -4
- package/public-api.d.ts +1 -1
- package/esm2020/lib/contextual-help/public_api.mjs +0 -6
- package/esm2020/lib/contextual-help/src/contextual-help.component.mjs +0 -112
- package/esm2020/lib/contextual-help/src/contextual-help.module.mjs +0 -33
- package/esm2020/lib/modal/src/dialog/dialog-close-button.directive.mjs +0 -18
- package/esm2020/lib/modal/src/dialog/dialog-content.directive.mjs +0 -29
- package/esm2020/lib/modal/src/dialog/dialog-footer.component.mjs +0 -77
- package/esm2020/lib/modal/src/dialog/dialog-header.component.mjs +0 -66
- package/esm2020/lib/modal/src/modal-close-button.directive.mjs +0 -31
- package/esm2020/lib/modal/src/panel/inline-panel.component.mjs +0 -15
- package/esm2020/lib/modal/src/panel/panel-back-button.directive.mjs +0 -13
- package/esm2020/lib/modal/src/panel/panel-close-button.directive.mjs +0 -16
- package/esm2020/lib/modal/src/panel/panel-content.component.mjs +0 -38
- package/esm2020/lib/modal/src/panel/panel-footer.component.mjs +0 -38
- package/esm2020/lib/modal/src/panel/panel-header.component.mjs +0 -69
- package/lib/contextual-help/public_api.d.ts +0 -2
- package/lib/contextual-help/src/contextual-help.component.d.ts +0 -50
- package/lib/contextual-help/src/contextual-help.module.d.ts +0 -7
- package/lib/modal/src/dialog/dialog-close-button.directive.d.ts +0 -7
- package/lib/modal/src/dialog/dialog-content.directive.d.ts +0 -13
- package/lib/modal/src/dialog/dialog-footer.component.d.ts +0 -37
- package/lib/modal/src/dialog/dialog-header.component.d.ts +0 -25
- package/lib/modal/src/panel/inline-panel.component.d.ts +0 -6
- package/lib/modal/src/panel/panel-back-button.directive.d.ts +0 -5
- package/lib/modal/src/panel/panel-close-button.directive.d.ts +0 -6
- package/lib/modal/src/panel/panel-footer.component.d.ts +0 -21
- package/lib/modal/src/panel/panel-header.component.d.ts +0 -26
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ScrollMonitorDirective } from '../../../common/scroll-monitor.directive';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../../../common/scroll-monitor.directive";
|
|
4
|
-
import * as i2 from "../../../common/sapphire-view-encapsulation";
|
|
5
|
-
/**
|
|
6
|
-
*
|
|
7
|
-
*/
|
|
8
|
-
export declare class DialogContentDirective {
|
|
9
|
-
_scrollMonitor: ScrollMonitorDirective;
|
|
10
|
-
constructor(_scrollMonitor: ScrollMonitorDirective);
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DialogContentDirective, never>;
|
|
12
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DialogContentDirective, "sp-dialog-content, [sp-dialog-content]", never, {}, {}, never, never, false, [{ directive: typeof i1.ScrollMonitorDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStyles; inputs: {}; outputs: {}; }]>;
|
|
13
|
-
}
|
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
import { ButtonGroupStretchType } from '../../../button/src/button-group.component';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../../../common/sapphire-view-encapsulation";
|
|
4
|
-
/**
|
|
5
|
-
* Marks a piece of UI as dialog footer. Use only for **custom** footer.
|
|
6
|
-
* For standard dialog footer (a list of right aligned buttons),
|
|
7
|
-
* use {@link DialogFooterComponent sp-dialog-footer} instead.
|
|
8
|
-
*/
|
|
9
|
-
export declare class DialogFooterDirective {
|
|
10
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DialogFooterDirective, never>;
|
|
11
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DialogFooterDirective, "[spDialogFooter]", never, {}, {}, never, never, true, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
|
|
12
|
-
}
|
|
13
|
-
/**
|
|
14
|
-
* Standard dialog footer component. The content is supposed to be a list of
|
|
15
|
-
* buttons, which will be aligned to the right of the footer.
|
|
16
|
-
* For a custom footer, use {@link DialogFooterDirective spDialogFooter attribute directive}.
|
|
17
|
-
*/
|
|
18
|
-
export declare class DialogFooterComponent {
|
|
19
|
-
/**
|
|
20
|
-
* Controls stretching of the contents.
|
|
21
|
-
*
|
|
22
|
-
* `none` - the children will not stretch and will respect the alignment set with the align prop.
|
|
23
|
-
*
|
|
24
|
-
* `default` - the children will stretch to take full width. If the children overflow, they will be wrapped vertically.
|
|
25
|
-
*
|
|
26
|
-
* `autoVertical` - same behaviour as `default`, but if there is more than 3 children, they will be wrapped vertically even if they don't overflow.
|
|
27
|
-
*
|
|
28
|
-
* @default "none"
|
|
29
|
-
*/
|
|
30
|
-
stretch?: ButtonGroupStretchType;
|
|
31
|
-
/**
|
|
32
|
-
* @default "horizontal"
|
|
33
|
-
*/
|
|
34
|
-
orientation?: 'vertical' | 'horizontal';
|
|
35
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DialogFooterComponent, never>;
|
|
36
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogFooterComponent, "sp-dialog-footer", never, { "stretch": "stretch"; "orientation": "orientation"; }, {}, never, ["*"], false, [{ directive: typeof DialogFooterDirective; inputs: {}; outputs: {}; }]>;
|
|
37
|
-
}
|
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
import { DialogComponent } from './dialog.component';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../../../common/sapphire-view-encapsulation";
|
|
4
|
-
/**
|
|
5
|
-
* Marks a piece of UI as dialog header. Use only for **custom** header.
|
|
6
|
-
* For standard dialog header (a heading, and a close button in passive
|
|
7
|
-
* dialogs), use {@link DialogHeaderComponent sp-dialog-header} instead.
|
|
8
|
-
*/
|
|
9
|
-
export declare class DialogHeaderDirective {
|
|
10
|
-
id: string;
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DialogHeaderDirective, never>;
|
|
12
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<DialogHeaderDirective, "[spDialogHeader]", never, { "id": "id"; }, {}, never, never, true, never>;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Standard dialog header component, which is consisted of a heading (the
|
|
16
|
-
* content) and a close button, which is only visible in
|
|
17
|
-
* {@link DialogComponent#type passive} dialogs. For a custom header, use
|
|
18
|
-
* {@link DialogHeaderComponent spDialogHeader attribute directive}.
|
|
19
|
-
*/
|
|
20
|
-
export declare class DialogHeaderComponent {
|
|
21
|
-
dialog: DialogComponent;
|
|
22
|
-
constructor(dialog: DialogComponent);
|
|
23
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<DialogHeaderComponent, never>;
|
|
24
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<DialogHeaderComponent, "sp-dialog-header", never, {}, {}, never, ["*"], false, [{ directive: typeof DialogHeaderDirective; inputs: { "id": "id"; }; outputs: {}; }, { directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
|
|
25
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "../../../common/sapphire-view-encapsulation";
|
|
3
|
-
export declare class InlinePanelComponent {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<InlinePanelComponent, never>;
|
|
5
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InlinePanelComponent, "sp-inline-panel", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.UseComponentStylesOnHost; inputs: {}; outputs: {}; }]>;
|
|
6
|
-
}
|
|
@@ -1,5 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
export declare class PanelBackButtonDirective {
|
|
3
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PanelBackButtonDirective, never>;
|
|
4
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PanelBackButtonDirective, "[spPanelBackButton]", never, {}, {}, never, never, false, never>;
|
|
5
|
-
}
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "../modal-close-button.directive";
|
|
3
|
-
export declare class PanelCloseButtonDirective {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PanelCloseButtonDirective, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PanelCloseButtonDirective, "button[spPanelCloseButton]", never, {}, {}, never, never, false, [{ directive: typeof i1.ModalCloseButtonDirective; inputs: {}; outputs: {}; }]>;
|
|
6
|
-
}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
import * as i1 from "../../../common/sapphire-view-encapsulation";
|
|
3
|
-
/**
|
|
4
|
-
* Marks a piece of UI as panel footer. Use only for **custom** footer.
|
|
5
|
-
* For standard panel footer with default padding,
|
|
6
|
-
* use {@link PanelFooterComponent sp-panel-footer} instead.
|
|
7
|
-
*/
|
|
8
|
-
export declare class PanelFooterDirective {
|
|
9
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PanelFooterDirective, never>;
|
|
10
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PanelFooterDirective, "[spPanelFooter]", never, {}, {}, never, never, false, [{ directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* Standard panel footer component with default padding. For a custom
|
|
14
|
-
* footer, use
|
|
15
|
-
* {@link PanelFooterDirective spPanelFooter attribute directive}.
|
|
16
|
-
*/
|
|
17
|
-
export declare class PanelFooterComponent {
|
|
18
|
-
constructor();
|
|
19
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PanelFooterComponent, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PanelFooterComponent, "sp-panel-footer", never, {}, {}, never, ["*"], false, never>;
|
|
21
|
-
}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import { EventEmitter } from '@angular/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
import * as i1 from "../../../common/sapphire-view-encapsulation";
|
|
4
|
-
/**
|
|
5
|
-
* Marks a piece of UI as panel header. Use only for **custom** header.
|
|
6
|
-
* For standard panel header (a heading, optional subheading and a
|
|
7
|
-
* close button), use {@link PanelHeaderComponent sp-panel-header} instead.
|
|
8
|
-
*/
|
|
9
|
-
export declare class PanelHeaderDirective {
|
|
10
|
-
id: string;
|
|
11
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PanelHeaderDirective, never>;
|
|
12
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<PanelHeaderDirective, "[spPanelHeader]", never, { "id": "id"; }, {}, never, never, true, never>;
|
|
13
|
-
}
|
|
14
|
-
/**
|
|
15
|
-
* Standard panel header component, which consists of a heading (the
|
|
16
|
-
* content), optional subheading and a close button. For a custom
|
|
17
|
-
* header, use
|
|
18
|
-
* {@link PanelHeaderDirective spPanelHeader attribute directive}.
|
|
19
|
-
*/
|
|
20
|
-
export declare class PanelHeaderComponent {
|
|
21
|
-
subheading?: string;
|
|
22
|
-
closeEventEmitter: EventEmitter<any>;
|
|
23
|
-
close(event: MouseEvent): void;
|
|
24
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<PanelHeaderComponent, never>;
|
|
25
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<PanelHeaderComponent, "sp-panel-header", never, { "subheading": "subheading"; }, { "closeEventEmitter": "closeClicked"; }, never, ["[spPanelBackButton]", "*"], false, [{ directive: typeof PanelHeaderDirective; inputs: { "id": "id"; }; outputs: {}; }, { directive: typeof i1.UseComponentStyles; inputs: {}; outputs: {}; }]>;
|
|
26
|
-
}
|