@danske/sapphire-angular 1.31.0 → 2.2.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.
Files changed (150) hide show
  1. package/esm2020/lib/badge/src/badge.component.mjs +4 -4
  2. package/esm2020/lib/button/src/button-group.component.mjs +6 -14
  3. package/esm2020/lib/button/src/button.component.mjs +9 -38
  4. package/esm2020/lib/button/src/icon-button.component.mjs +13 -40
  5. package/esm2020/lib/button/src/toggle-button.component.mjs +7 -6
  6. package/esm2020/lib/checkbox/src/checkbox-group.component.mjs +6 -3
  7. package/esm2020/lib/checkbox/src/checkbox.component.mjs +12 -4
  8. package/esm2020/lib/common/disabled.mjs +1 -1
  9. package/esm2020/lib/common/sapphire-view-encapsulation.mjs +3 -1
  10. package/esm2020/lib/core.module.mjs +8 -8
  11. package/esm2020/lib/field/src/field-control.mjs +2 -1
  12. package/esm2020/lib/field/src/field.component.mjs +8 -8
  13. package/esm2020/lib/help-button/public_api.mjs +3 -0
  14. package/esm2020/lib/help-button/src/help-button.component.mjs +112 -0
  15. package/esm2020/lib/help-button/src/help-button.module.mjs +33 -0
  16. package/esm2020/lib/icon/src/icon-size-provider.mjs +2 -2
  17. package/esm2020/lib/icon/src/icon.component.mjs +22 -37
  18. package/esm2020/lib/label/src/label.component.mjs +5 -5
  19. package/esm2020/lib/link/src/link.component.mjs +5 -5
  20. package/esm2020/lib/listbox/src/listbox-item.component.mjs +2 -2
  21. package/esm2020/lib/listbox/src/listbox.component.mjs +5 -5
  22. package/esm2020/lib/listbox/src/option-primary-text.directive.mjs +4 -2
  23. package/esm2020/lib/listbox/src/option.component.mjs +4 -2
  24. package/esm2020/lib/menu/src/menu-trigger.directive.mjs +5 -2
  25. package/esm2020/lib/menu/src/menu.component.mjs +4 -4
  26. package/esm2020/lib/modal/public_api.mjs +8 -12
  27. package/esm2020/lib/modal/src/dialog/confirmation-dialog.component.mjs +9 -7
  28. package/esm2020/lib/modal/src/dialog/danger-dialog.component.mjs +9 -7
  29. package/esm2020/lib/modal/src/dialog/dialog.component.mjs +10 -35
  30. package/esm2020/lib/modal/src/layout/modal-back-button.directive.mjs +13 -0
  31. package/esm2020/lib/modal/src/layout/modal-body.component.mjs +38 -0
  32. package/esm2020/lib/modal/src/layout/modal-close-button.directive.mjs +31 -0
  33. package/esm2020/lib/modal/src/layout/modal-footer.component.mjs +39 -0
  34. package/esm2020/lib/modal/src/layout/modal-header.component.mjs +77 -0
  35. package/esm2020/lib/modal/src/layout/modal-layout.component.mjs +15 -0
  36. package/esm2020/lib/modal/src/modal-base.component.mjs +7 -13
  37. package/esm2020/lib/modal/src/modal.module.mjs +43 -71
  38. package/esm2020/lib/modal/src/modal.service.mjs +1 -1
  39. package/esm2020/lib/modal/src/panel/panel.component.mjs +8 -15
  40. package/esm2020/lib/notification-badge/src/notification-badge.component.mjs +4 -4
  41. package/esm2020/lib/pagination/i18n/da-DK.json +2 -0
  42. package/esm2020/lib/pagination/i18n/de-DE.json +2 -0
  43. package/esm2020/lib/pagination/i18n/en-US.json +2 -0
  44. package/esm2020/lib/pagination/i18n/fi-FI.json +2 -0
  45. package/esm2020/lib/pagination/i18n/nb-NO.json +2 -0
  46. package/esm2020/lib/pagination/i18n/pl-PL.json +2 -0
  47. package/esm2020/lib/pagination/i18n/sv-SE.json +2 -0
  48. package/esm2020/lib/pagination/src/page-selection-row.component.mjs +119 -0
  49. package/esm2020/lib/pagination/src/pagination.component.mjs +20 -4
  50. package/esm2020/lib/pagination/src/pagination.module.mjs +4 -3
  51. package/esm2020/lib/popover/src/popover-trigger.directive.mjs +14 -4
  52. package/esm2020/lib/radio/src/radio-group.component.mjs +3 -3
  53. package/esm2020/lib/radio/src/radio.component.mjs +3 -3
  54. package/esm2020/lib/segmented-tabs/src/segmented-tabs.component.mjs +4 -4
  55. package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +7 -27
  56. package/esm2020/lib/select/src/select/select.component.mjs +5 -5
  57. package/esm2020/lib/skeleton/src/skeleton.component.mjs +2 -2
  58. package/esm2020/lib/switch/src/switch.component.mjs +5 -5
  59. package/esm2020/lib/table/public_api.mjs +2 -1
  60. package/esm2020/lib/table/src/table-footer.directive.mjs +20 -0
  61. package/esm2020/lib/table/src/table-head-cell.component.mjs +3 -3
  62. package/esm2020/lib/table/src/table-sort-header.directive.mjs +2 -3
  63. package/esm2020/lib/table/src/table-sort.directive.mjs +13 -3
  64. package/esm2020/lib/table/src/table.component.mjs +7 -14
  65. package/esm2020/lib/table/src/table.directive.mjs +12 -6
  66. package/esm2020/lib/table/src/table.module.mjs +6 -1
  67. package/esm2020/lib/text-field/src/text-field.component.mjs +5 -5
  68. package/esm2020/lib/theme/src/themes.mjs +4 -4
  69. package/esm2020/lib/tooltip/src/tooltip.directive.mjs +3 -3
  70. package/esm2020/lib/typography/src/paragraph.component.mjs +5 -5
  71. package/esm2020/public-api.mjs +2 -2
  72. package/fesm2015/danske-sapphire-angular.mjs +721 -847
  73. package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
  74. package/fesm2020/danske-sapphire-angular.mjs +728 -852
  75. package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
  76. package/lib/badge/src/badge.component.d.ts +2 -2
  77. package/lib/button/src/button-group.component.d.ts +3 -5
  78. package/lib/button/src/button.component.d.ts +4 -11
  79. package/lib/button/src/icon-button.component.d.ts +4 -11
  80. package/lib/button/src/toggle-button.component.d.ts +3 -3
  81. package/lib/checkbox/src/checkbox-group.component.d.ts +1 -0
  82. package/lib/checkbox/src/checkbox.component.d.ts +3 -1
  83. package/lib/common/disabled.d.ts +1 -1
  84. package/lib/core.module.d.ts +2 -2
  85. package/lib/field/src/field.component.d.ts +4 -4
  86. package/lib/help-button/public_api.d.ts +2 -0
  87. package/lib/help-button/src/help-button.component.d.ts +50 -0
  88. package/lib/help-button/src/help-button.module.d.ts +7 -0
  89. package/lib/icon/src/icon-size-provider.d.ts +2 -2
  90. package/lib/icon/src/icon.component.d.ts +6 -3
  91. package/lib/label/src/label.component.d.ts +3 -3
  92. package/lib/link/src/link.component.d.ts +1 -1
  93. package/lib/listbox/src/listbox-item.component.d.ts +1 -1
  94. package/lib/listbox/src/listbox.component.d.ts +1 -1
  95. package/lib/menu/src/menu.component.d.ts +1 -1
  96. package/lib/modal/public_api.d.ts +7 -11
  97. package/lib/modal/src/dialog/dialog.component.d.ts +2 -17
  98. package/lib/modal/src/layout/modal-back-button.directive.d.ts +5 -0
  99. package/lib/modal/src/{panel/panel-content.component.d.ts → layout/modal-body.component.d.ts} +3 -3
  100. package/lib/modal/src/{modal-close-button.directive.d.ts → layout/modal-close-button.directive.d.ts} +2 -2
  101. package/lib/modal/src/layout/modal-footer.component.d.ts +21 -0
  102. package/lib/modal/src/layout/modal-header.component.d.ts +29 -0
  103. package/lib/modal/src/layout/modal-layout.component.d.ts +6 -0
  104. package/lib/modal/src/modal-base.component.d.ts +5 -7
  105. package/lib/modal/src/modal.module.d.ts +21 -25
  106. package/lib/modal/src/modal.service.d.ts +2 -2
  107. package/lib/modal/src/panel/panel.component.d.ts +3 -6
  108. package/lib/notification-badge/src/notification-badge.component.d.ts +1 -1
  109. package/lib/pagination/src/page-selection-row.component.d.ts +39 -0
  110. package/lib/pagination/src/pagination.component.d.ts +8 -1
  111. package/lib/pagination/src/pagination.module.d.ts +8 -7
  112. package/lib/popover/src/popover-trigger.directive.d.ts +6 -1
  113. package/lib/segmented-tabs/src/segmented-tabs.component.d.ts +1 -1
  114. package/lib/select/src/basic-select/basic-select.component.d.ts +5 -7
  115. package/lib/switch/src/switch.component.d.ts +2 -2
  116. package/lib/table/public_api.d.ts +1 -0
  117. package/lib/table/src/table-footer.directive.d.ts +7 -0
  118. package/lib/table/src/table-sort.directive.d.ts +7 -4
  119. package/lib/table/src/table.component.d.ts +4 -3
  120. package/lib/table/src/table.directive.d.ts +3 -1
  121. package/lib/table/src/table.module.d.ts +12 -11
  122. package/lib/typography/src/paragraph.component.d.ts +1 -1
  123. package/package.json +4 -4
  124. package/public-api.d.ts +1 -1
  125. package/esm2020/lib/contextual-help/public_api.mjs +0 -6
  126. package/esm2020/lib/contextual-help/src/contextual-help.component.mjs +0 -112
  127. package/esm2020/lib/contextual-help/src/contextual-help.module.mjs +0 -33
  128. package/esm2020/lib/modal/src/dialog/dialog-close-button.directive.mjs +0 -18
  129. package/esm2020/lib/modal/src/dialog/dialog-content.directive.mjs +0 -29
  130. package/esm2020/lib/modal/src/dialog/dialog-footer.component.mjs +0 -77
  131. package/esm2020/lib/modal/src/dialog/dialog-header.component.mjs +0 -66
  132. package/esm2020/lib/modal/src/modal-close-button.directive.mjs +0 -31
  133. package/esm2020/lib/modal/src/panel/inline-panel.component.mjs +0 -15
  134. package/esm2020/lib/modal/src/panel/panel-back-button.directive.mjs +0 -13
  135. package/esm2020/lib/modal/src/panel/panel-close-button.directive.mjs +0 -16
  136. package/esm2020/lib/modal/src/panel/panel-content.component.mjs +0 -38
  137. package/esm2020/lib/modal/src/panel/panel-footer.component.mjs +0 -38
  138. package/esm2020/lib/modal/src/panel/panel-header.component.mjs +0 -69
  139. package/lib/contextual-help/public_api.d.ts +0 -2
  140. package/lib/contextual-help/src/contextual-help.component.d.ts +0 -50
  141. package/lib/contextual-help/src/contextual-help.module.d.ts +0 -7
  142. package/lib/modal/src/dialog/dialog-close-button.directive.d.ts +0 -7
  143. package/lib/modal/src/dialog/dialog-content.directive.d.ts +0 -13
  144. package/lib/modal/src/dialog/dialog-footer.component.d.ts +0 -37
  145. package/lib/modal/src/dialog/dialog-header.component.d.ts +0 -25
  146. package/lib/modal/src/panel/inline-panel.component.d.ts +0 -6
  147. package/lib/modal/src/panel/panel-back-button.directive.d.ts +0 -5
  148. package/lib/modal/src/panel/panel-close-button.directive.d.ts +0 -6
  149. package/lib/modal/src/panel/panel-footer.component.d.ts +0 -21
  150. 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
- }