@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.
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,33 +0,0 @@
1
- import { NgModule } from '@angular/core';
2
- import { ContextualHelpComponent, ContextualHelpContentDirective, ContextualHelpFooterDirective, ContextualHelpHeaderDirective, } from './contextual-help.component';
3
- import * as i0 from "@angular/core";
4
- export class SapphireContextualHelpModule {
5
- }
6
- SapphireContextualHelpModule.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireContextualHelpModule, deps: [], target: i0.ɵɵFactoryTarget.NgModule });
7
- SapphireContextualHelpModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", version: "15.2.0", ngImport: i0, type: SapphireContextualHelpModule, imports: [ContextualHelpComponent,
8
- ContextualHelpHeaderDirective,
9
- ContextualHelpContentDirective,
10
- ContextualHelpFooterDirective], exports: [ContextualHelpComponent,
11
- ContextualHelpHeaderDirective,
12
- ContextualHelpContentDirective,
13
- ContextualHelpFooterDirective] });
14
- SapphireContextualHelpModule.ɵinj = i0.ɵɵngDeclareInjector({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireContextualHelpModule, imports: [ContextualHelpComponent] });
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: SapphireContextualHelpModule, decorators: [{
16
- type: NgModule,
17
- args: [{
18
- declarations: [],
19
- imports: [
20
- ContextualHelpComponent,
21
- ContextualHelpHeaderDirective,
22
- ContextualHelpContentDirective,
23
- ContextualHelpFooterDirective,
24
- ],
25
- exports: [
26
- ContextualHelpComponent,
27
- ContextualHelpHeaderDirective,
28
- ContextualHelpContentDirective,
29
- ContextualHelpFooterDirective,
30
- ],
31
- }]
32
- }] });
33
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dHVhbC1oZWxwLm1vZHVsZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29udGV4dHVhbC1oZWxwL3NyYy9jb250ZXh0dWFsLWhlbHAubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUNMLHVCQUF1QixFQUN2Qiw4QkFBOEIsRUFDOUIsNkJBQTZCLEVBQzdCLDZCQUE2QixHQUM5QixNQUFNLDZCQUE2QixDQUFDOztBQWlCckMsTUFBTSxPQUFPLDRCQUE0Qjs7eUhBQTVCLDRCQUE0QjswSEFBNUIsNEJBQTRCLFlBWnJDLHVCQUF1QjtRQUN2Qiw2QkFBNkI7UUFDN0IsOEJBQThCO1FBQzlCLDZCQUE2QixhQUc3Qix1QkFBdUI7UUFDdkIsNkJBQTZCO1FBQzdCLDhCQUE4QjtRQUM5Qiw2QkFBNkI7MEhBR3BCLDRCQUE0QixZQVpyQyx1QkFBdUI7MkZBWWQsNEJBQTRCO2tCQWZ4QyxRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRSxFQUFFO29CQUNoQixPQUFPLEVBQUU7d0JBQ1AsdUJBQXVCO3dCQUN2Qiw2QkFBNkI7d0JBQzdCLDhCQUE4Qjt3QkFDOUIsNkJBQTZCO3FCQUM5QjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1AsdUJBQXVCO3dCQUN2Qiw2QkFBNkI7d0JBQzdCLDhCQUE4Qjt3QkFDOUIsNkJBQTZCO3FCQUM5QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQge1xuICBDb250ZXh0dWFsSGVscENvbXBvbmVudCxcbiAgQ29udGV4dHVhbEhlbHBDb250ZW50RGlyZWN0aXZlLFxuICBDb250ZXh0dWFsSGVscEZvb3RlckRpcmVjdGl2ZSxcbiAgQ29udGV4dHVhbEhlbHBIZWFkZXJEaXJlY3RpdmUsXG59IGZyb20gJy4vY29udGV4dHVhbC1oZWxwLmNvbXBvbmVudCc7XG5cbkBOZ01vZHVsZSh7XG4gIGRlY2xhcmF0aW9uczogW10sXG4gIGltcG9ydHM6IFtcbiAgICBDb250ZXh0dWFsSGVscENvbXBvbmVudCxcbiAgICBDb250ZXh0dWFsSGVscEhlYWRlckRpcmVjdGl2ZSxcbiAgICBDb250ZXh0dWFsSGVscENvbnRlbnREaXJlY3RpdmUsXG4gICAgQ29udGV4dHVhbEhlbHBGb290ZXJEaXJlY3RpdmUsXG4gIF0sXG4gIGV4cG9ydHM6IFtcbiAgICBDb250ZXh0dWFsSGVscENvbXBvbmVudCxcbiAgICBDb250ZXh0dWFsSGVscEhlYWRlckRpcmVjdGl2ZSxcbiAgICBDb250ZXh0dWFsSGVscENvbnRlbnREaXJlY3RpdmUsXG4gICAgQ29udGV4dHVhbEhlbHBGb290ZXJEaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNhcHBoaXJlQ29udGV4dHVhbEhlbHBNb2R1bGUge31cbiJdfQ==
@@ -1,18 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import { ModalCloseButtonDirective } from '../modal-close-button.directive';
3
- import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "../modal-close-button.directive";
6
- import * as i2 from "../../../common/sapphire-view-encapsulation";
7
- export class DialogCloseButtonDirective {
8
- }
9
- DialogCloseButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogCloseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
10
- DialogCloseButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogCloseButtonDirective, selector: "button[spDialogCloseButton]", hostDirectives: [{ directive: i1.ModalCloseButtonDirective }, { directive: i2.UseComponentStyles }], ngImport: i0 });
11
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogCloseButtonDirective, decorators: [{
12
- type: Directive,
13
- args: [{
14
- selector: 'button[spDialogCloseButton]',
15
- hostDirectives: [ModalCloseButtonDirective, UseComponentStyles],
16
- }]
17
- }] });
18
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNsb3NlLWJ1dHRvbi5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWNsb3NlLWJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUM1RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQzs7OztBQU1qRixNQUFNLE9BQU8sMEJBQTBCOzt1SEFBMUIsMEJBQTBCOzJHQUExQiwwQkFBMEI7MkZBQTFCLDBCQUEwQjtrQkFKdEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsNkJBQTZCO29CQUN2QyxjQUFjLEVBQUUsQ0FBQyx5QkFBeUIsRUFBRSxrQkFBa0IsQ0FBQztpQkFDaEUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1vZGFsQ2xvc2VCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuLi9tb2RhbC1jbG9zZS1idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdidXR0b25bc3BEaWFsb2dDbG9zZUJ1dHRvbl0nLFxuICBob3N0RGlyZWN0aXZlczogW01vZGFsQ2xvc2VCdXR0b25EaXJlY3RpdmUsIFVzZUNvbXBvbmVudFN0eWxlc10sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0Nsb3NlQnV0dG9uRGlyZWN0aXZlIHt9XG4iXX0=
@@ -1,29 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import { ScrollMonitorDirective } from '../../../common/scroll-monitor.directive';
3
- import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
4
- import * as i0 from "@angular/core";
5
- import * as i1 from "../../../common/scroll-monitor.directive";
6
- import * as i2 from "../../../common/sapphire-view-encapsulation";
7
- /**
8
- *
9
- */
10
- export class DialogContentDirective {
11
- constructor(_scrollMonitor) {
12
- this._scrollMonitor = _scrollMonitor;
13
- }
14
- }
15
- DialogContentDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogContentDirective, deps: [{ token: i1.ScrollMonitorDirective }], target: i0.ɵɵFactoryTarget.Directive });
16
- DialogContentDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogContentDirective, selector: "sp-dialog-content, [sp-dialog-content]", host: { properties: { "class": "\"sapphire-modal-layout__body\"", "class.sapphire-modal-layout__body--scrollable": "_scrollMonitor.scrollable", "class.sapphire-modal-layout__body--scrolled": "_scrollMonitor.scrolled" } }, hostDirectives: [{ directive: i1.ScrollMonitorDirective }, { directive: i2.UseComponentStyles }], ngImport: i0 });
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogContentDirective, decorators: [{
18
- type: Directive,
19
- args: [{
20
- selector: 'sp-dialog-content, [sp-dialog-content]',
21
- hostDirectives: [ScrollMonitorDirective, UseComponentStyles],
22
- host: {
23
- '[class]': '"sapphire-modal-layout__body"',
24
- '[class.sapphire-modal-layout__body--scrollable]': '_scrollMonitor.scrollable',
25
- '[class.sapphire-modal-layout__body--scrolled]': '_scrollMonitor.scrolled',
26
- },
27
- }]
28
- }], ctorParameters: function () { return [{ type: i1.ScrollMonitorDirective }]; } });
29
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWNvbnRlbnQuZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2RpYWxvZy1jb250ZW50LmRpcmVjdGl2ZS50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLDBDQUEwQyxDQUFDO0FBQ2xGLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBRWpGOztHQUVHO0FBV0gsTUFBTSxPQUFPLHNCQUFzQjtJQUNqQyxZQUFtQixjQUFzQztRQUF0QyxtQkFBYyxHQUFkLGNBQWMsQ0FBd0I7SUFBRyxDQUFDOzttSEFEbEQsc0JBQXNCO3VHQUF0QixzQkFBc0I7MkZBQXRCLHNCQUFzQjtrQkFWbEMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0NBQXdDO29CQUNsRCxjQUFjLEVBQUUsQ0FBQyxzQkFBc0IsRUFBRSxrQkFBa0IsQ0FBQztvQkFDNUQsSUFBSSxFQUFFO3dCQUNKLFNBQVMsRUFBRSwrQkFBK0I7d0JBQzFDLGlEQUFpRCxFQUMvQywyQkFBMkI7d0JBQzdCLCtDQUErQyxFQUFFLHlCQUF5QjtxQkFDM0U7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaXJlY3RpdmUgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNjcm9sbE1vbml0b3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2Nyb2xsLW1vbml0b3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG4vKipcbiAqXG4gKi9cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3NwLWRpYWxvZy1jb250ZW50LCBbc3AtZGlhbG9nLWNvbnRlbnRdJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTY3JvbGxNb25pdG9yRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNdLFxuICBob3N0OiB7XG4gICAgJ1tjbGFzc10nOiAnXCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHlcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHktLXNjcm9sbGFibGVdJzpcbiAgICAgICdfc2Nyb2xsTW9uaXRvci5zY3JvbGxhYmxlJyxcbiAgICAnW2NsYXNzLnNhcHBoaXJlLW1vZGFsLWxheW91dF9fYm9keS0tc2Nyb2xsZWRdJzogJ19zY3JvbGxNb25pdG9yLnNjcm9sbGVkJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nQ29udGVudERpcmVjdGl2ZSB7XG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfc2Nyb2xsTW9uaXRvcjogU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSkge31cbn1cbiJdfQ==
@@ -1,77 +0,0 @@
1
- import { Component, Directive, Input } from '@angular/core';
2
- import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../../../common/sapphire-view-encapsulation";
5
- import * as i2 from "../../../button/src/button-group.component";
6
- /**
7
- * Marks a piece of UI as dialog footer. Use only for **custom** footer.
8
- * For standard dialog footer (a list of right aligned buttons),
9
- * use {@link DialogFooterComponent sp-dialog-footer} instead.
10
- */
11
- export class DialogFooterDirective {
12
- }
13
- DialogFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
14
- DialogFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogFooterDirective, isStandalone: true, selector: "[spDialogFooter]", host: { classAttribute: "sapphire-modal-layout__footer-container" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
15
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterDirective, decorators: [{
16
- type: Directive,
17
- args: [{
18
- selector: '[spDialogFooter]',
19
- host: {
20
- class: 'sapphire-modal-layout__footer-container',
21
- },
22
- hostDirectives: [UseComponentStyles],
23
- standalone: true,
24
- }]
25
- }] });
26
- /**
27
- * Standard dialog footer component. The content is supposed to be a list of
28
- * buttons, which will be aligned to the right of the footer.
29
- * For a custom footer, use {@link DialogFooterDirective spDialogFooter attribute directive}.
30
- */
31
- export class DialogFooterComponent {
32
- constructor() {
33
- /**
34
- * Controls stretching of the contents.
35
- *
36
- * `none` - the children will not stretch and will respect the alignment set with the align prop.
37
- *
38
- * `default` - the children will stretch to take full width. If the children overflow, they will be wrapped vertically.
39
- *
40
- * `autoVertical` - same behaviour as `default`, but if there is more than 3 children, they will be wrapped vertically even if they don't overflow.
41
- *
42
- * @default "none"
43
- */
44
- this.stretch = 'none';
45
- /**
46
- * @default "horizontal"
47
- */
48
- this.orientation = 'horizontal';
49
- }
50
- }
51
- DialogFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
52
- DialogFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogFooterComponent, selector: "sp-dialog-footer", inputs: { stretch: "stretch", orientation: "orientation" }, hostDirectives: [{ directive: DialogFooterDirective }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n <sp-button-group [stretch]=\"stretch\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n </sp-button-group>\n</div>\n", dependencies: [{ kind: "component", type: i2.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "iconSpacing", "spacing", "orientation"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
53
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogFooterComponent, decorators: [{
54
- type: Component,
55
- args: [{ selector: 'sp-dialog-footer', hostDirectives: [DialogFooterDirective], template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n <sp-button-group [stretch]=\"stretch\" [orientation]=\"orientation\">\n <ng-content></ng-content>\n </sp-button-group>\n</div>\n" }]
56
- }], propDecorators: {
57
- /**
58
- * Controls stretching of the contents.
59
- *
60
- * `none` - the children will not stretch and will respect the alignment set with the align prop.
61
- *
62
- * `default` - the children will stretch to take full width. If the children overflow, they will be wrapped vertically.
63
- *
64
- * `autoVertical` - same behaviour as `default`, but if there is more than 3 children, they will be wrapped vertically even if they don't overflow.
65
- *
66
- * @default "none"
67
- */
68
- stretch: [{
69
- type: Input
70
- }],
71
- /**
72
- * @default "horizontal"
73
- */
74
- orientation: [{
75
- type: Input
76
- }] } });
77
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWZvb3Rlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWZvb3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWZvb3Rlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDNUQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7QUFHakY7Ozs7R0FJRztBQVNILE1BQU0sT0FBTyxxQkFBcUI7O2tIQUFyQixxQkFBcUI7c0dBQXJCLHFCQUFxQjsyRkFBckIscUJBQXFCO2tCQVJqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUseUNBQXlDO3FCQUNqRDtvQkFDRCxjQUFjLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztvQkFDcEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOztBQUdEOzs7O0dBSUc7QUFNSCxNQUFNLE9BQU8scUJBQXFCO0lBTGxDO1FBT0U7Ozs7Ozs7Ozs7V0FVRztRQUNILFlBQU8sR0FBNEIsTUFBTSxDQUFDO1FBRzFDOztXQUVHO1FBQ0gsZ0JBQVcsR0FBK0IsWUFBWSxDQUFDO0tBQ3hEOztrSEFwQlkscUJBQXFCO3NHQUFyQixxQkFBcUIsMEhBWnJCLHFCQUFxQiw2QkNqQmxDLDZNQUtBOzJGRHdCYSxxQkFBcUI7a0JBTGpDLFNBQVM7K0JBQ0Usa0JBQWtCLGtCQUVaLENBQUMscUJBQXFCLENBQUM7O1FBSXZDOzs7Ozs7Ozs7O1dBVUc7UUFDSCxPQUFPO3NCQVpOLEtBQUs7O1FBZU47O1dBRUc7UUFDSCxXQUFXO3NCQUpWLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuaW1wb3J0IHsgQnV0dG9uR3JvdXBTdHJldGNoVHlwZSB9IGZyb20gJy4uLy4uLy4uL2J1dHRvbi9zcmMvYnV0dG9uLWdyb3VwLmNvbXBvbmVudCc7XG5cbi8qKlxuICogTWFya3MgYSBwaWVjZSBvZiBVSSBhcyBkaWFsb2cgZm9vdGVyLiBVc2Ugb25seSBmb3IgKipjdXN0b20qKiBmb290ZXIuXG4gKiBGb3Igc3RhbmRhcmQgZGlhbG9nIGZvb3RlciAoYSBsaXN0IG9mIHJpZ2h0IGFsaWduZWQgYnV0dG9ucyksXG4gKiB1c2Uge0BsaW5rIERpYWxvZ0Zvb3RlckNvbXBvbmVudCBzcC1kaWFsb2ctZm9vdGVyfSBpbnN0ZWFkLlxuICovXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BEaWFsb2dGb290ZXJdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtbW9kYWwtbGF5b3V0X19mb290ZXItY29udGFpbmVyJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNdLFxuICBzdGFuZGFsb25lOiB0cnVlLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dGb290ZXJEaXJlY3RpdmUge31cblxuLyoqXG4gKiBTdGFuZGFyZCBkaWFsb2cgZm9vdGVyIGNvbXBvbmVudC4gVGhlIGNvbnRlbnQgaXMgc3VwcG9zZWQgdG8gYmUgYSBsaXN0IG9mXG4gKiBidXR0b25zLCB3aGljaCB3aWxsIGJlIGFsaWduZWQgdG8gdGhlIHJpZ2h0IG9mIHRoZSBmb290ZXIuXG4gKiBGb3IgYSBjdXN0b20gZm9vdGVyLCB1c2Uge0BsaW5rIERpYWxvZ0Zvb3RlckRpcmVjdGl2ZSBzcERpYWxvZ0Zvb3RlciBhdHRyaWJ1dGUgZGlyZWN0aXZlfS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtZGlhbG9nLWZvb3RlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtEaWFsb2dGb290ZXJEaXJlY3RpdmVdLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dGb290ZXJDb21wb25lbnQge1xuICBASW5wdXQoKVxuICAvKipcbiAgICogQ29udHJvbHMgc3RyZXRjaGluZyBvZiB0aGUgY29udGVudHMuXG4gICAqXG4gICAqIGBub25lYCAtIHRoZSBjaGlsZHJlbiB3aWxsIG5vdCBzdHJldGNoIGFuZCB3aWxsIHJlc3BlY3QgdGhlIGFsaWdubWVudCBzZXQgd2l0aCB0aGUgYWxpZ24gcHJvcC5cbiAgICpcbiAgICogYGRlZmF1bHRgIC0gdGhlIGNoaWxkcmVuIHdpbGwgc3RyZXRjaCB0byB0YWtlIGZ1bGwgd2lkdGguIElmIHRoZSBjaGlsZHJlbiBvdmVyZmxvdywgdGhleSB3aWxsIGJlIHdyYXBwZWQgdmVydGljYWxseS5cbiAgICpcbiAgICogYGF1dG9WZXJ0aWNhbGAgLSBzYW1lIGJlaGF2aW91ciBhcyBgZGVmYXVsdGAsIGJ1dCBpZiB0aGVyZSBpcyBtb3JlIHRoYW4gMyBjaGlsZHJlbiwgdGhleSB3aWxsIGJlIHdyYXBwZWQgdmVydGljYWxseSBldmVuIGlmIHRoZXkgZG9uJ3Qgb3ZlcmZsb3cuXG4gICAqXG4gICAqIEBkZWZhdWx0IFwibm9uZVwiXG4gICAqL1xuICBzdHJldGNoPzogQnV0dG9uR3JvdXBTdHJldGNoVHlwZSA9ICdub25lJztcblxuICBASW5wdXQoKVxuICAvKipcbiAgICogQGRlZmF1bHQgXCJob3Jpem9udGFsXCJcbiAgICovXG4gIG9yaWVudGF0aW9uPzogJ3ZlcnRpY2FsJyB8ICdob3Jpem9udGFsJyA9ICdob3Jpem9udGFsJztcbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2Zvb3RlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPHNwLWJ1dHRvbi1ncm91cCBbc3RyZXRjaF09XCJzdHJldGNoXCIgW29yaWVudGF0aW9uXT1cIm9yaWVudGF0aW9uXCI+XG4gICAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuICA8L3NwLWJ1dHRvbi1ncm91cD5cbjwvZGl2PlxuIl19
@@ -1,66 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { Component, Directive, forwardRef, HostBinding, Inject, Input, } from '@angular/core';
3
- import { AutoId } from '../../../common/auto-id.decorator';
4
- import { DialogComponent } from './dialog.component';
5
- import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
6
- import * as i0 from "@angular/core";
7
- import * as i1 from "../../../common/sapphire-view-encapsulation";
8
- import * as i2 from "@angular/common";
9
- import * as i3 from "../../../typography/src/heading.component";
10
- import * as i4 from "../../../icon/src/icon.component";
11
- import * as i5 from "../../../button/src/icon-button.component";
12
- import * as i6 from "./dialog-close-button.directive";
13
- import * as i7 from "./dialog.component";
14
- /**
15
- * Marks a piece of UI as dialog header. Use only for **custom** header.
16
- * For standard dialog header (a heading, and a close button in passive
17
- * dialogs), use {@link DialogHeaderComponent sp-dialog-header} instead.
18
- */
19
- export class DialogHeaderDirective {
20
- constructor() {
21
- this.id = '';
22
- }
23
- }
24
- DialogHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
25
- DialogHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: DialogHeaderDirective, isStandalone: true, selector: "[spDialogHeader]", inputs: { id: "id" }, host: { properties: { "id": "this.id" } }, ngImport: i0 });
26
- __decorate([
27
- AutoId()
28
- ], DialogHeaderDirective.prototype, "id", void 0);
29
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogHeaderDirective, decorators: [{
30
- type: Directive,
31
- args: [{
32
- selector: '[spDialogHeader]',
33
- standalone: true,
34
- }]
35
- }], propDecorators: { id: [{
36
- type: HostBinding,
37
- args: ['id']
38
- }, {
39
- type: Input
40
- }] } });
41
- /**
42
- * Standard dialog header component, which is consisted of a heading (the
43
- * content) and a close button, which is only visible in
44
- * {@link DialogComponent#type passive} dialogs. For a custom header, use
45
- * {@link DialogHeaderComponent spDialogHeader attribute directive}.
46
- */
47
- export class DialogHeaderComponent {
48
- constructor(dialog) {
49
- this.dialog = dialog;
50
- }
51
- }
52
- DialogHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogHeaderComponent, deps: [{ token: forwardRef(() => DialogComponent) }], target: i0.ɵɵFactoryTarget.Component });
53
- DialogHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogHeaderComponent, selector: "sp-dialog-header", host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: DialogHeaderDirective, inputs: ["id", "id"] }, { directive: i1.UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n </div>\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"medium\"\n spDialogCloseButton\n *ngIf=\"dialog.type === 'passive'\"\n >\n <sp-icon name=\"close\"></sp-icon>\n </button>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: ["sp-heading", "fontVariant"] }, { kind: "component", type: i4.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i5.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }, { kind: "directive", type: i6.DialogCloseButtonDirective, selector: "button[spDialogCloseButton]" }] });
54
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogHeaderComponent, decorators: [{
55
- type: Component,
56
- args: [{ selector: 'sp-dialog-header', hostDirectives: [
57
- { directive: DialogHeaderDirective, inputs: ['id'] },
58
- UseComponentStyles,
59
- ], host: {
60
- class: 'sapphire-modal-layout__header-container',
61
- }, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n </div>\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"medium\"\n spDialogCloseButton\n *ngIf=\"dialog.type === 'passive'\"\n >\n <sp-icon name=\"close\"></sp-icon>\n </button>\n</div>\n" }]
62
- }], ctorParameters: function () { return [{ type: i7.DialogComponent, decorators: [{
63
- type: Inject,
64
- args: [forwardRef(() => DialogComponent)]
65
- }] }]; } });
66
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLWhlYWRlci5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9kaWFsb2cvZGlhbG9nLWhlYWRlci5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUNMLFNBQVMsRUFDVCxTQUFTLEVBQ1QsVUFBVSxFQUNWLFdBQVcsRUFDWCxNQUFNLEVBQ04sS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDckQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7Ozs7OztBQUVqRjs7OztHQUlHO0FBS0gsTUFBTSxPQUFPLHFCQUFxQjtJQUpsQztRQVFFLE9BQUUsR0FBRyxFQUFFLENBQUM7S0FDVDs7a0hBTFkscUJBQXFCO3NHQUFyQixxQkFBcUI7QUFJaEM7SUFEQyxNQUFNLEVBQUU7aURBQ0Q7MkZBSkcscUJBQXFCO2tCQUpqQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxrQkFBa0I7b0JBQzVCLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs4QkFLQyxFQUFFO3NCQUhELFdBQVc7dUJBQUMsSUFBSTs7c0JBQ2hCLEtBQUs7O0FBS1I7Ozs7O0dBS0c7QUFZSCxNQUFNLE9BQU8scUJBQXFCO0lBQ2hDLFlBRVMsTUFBdUI7UUFBdkIsV0FBTSxHQUFOLE1BQU0sQ0FBaUI7SUFDN0IsQ0FBQzs7a0hBSk8scUJBQXFCLGtCQUV0QixVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDO3NHQUZoQyxxQkFBcUIsbUlBeEJyQixxQkFBcUIseUZDdEJsQyxvY0FnQkE7MkZEOEJhLHFCQUFxQjtrQkFYakMsU0FBUzsrQkFDRSxrQkFBa0Isa0JBRVo7d0JBQ2QsRUFBRSxTQUFTLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxFQUFFLENBQUMsSUFBSSxDQUFDLEVBQUU7d0JBQ3BELGtCQUFrQjtxQkFDbkIsUUFDSzt3QkFDSixLQUFLLEVBQUUseUNBQXlDO3FCQUNqRDs7MEJBSUUsTUFBTTsyQkFBQyxVQUFVLENBQUMsR0FBRyxFQUFFLENBQUMsZUFBZSxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHtcbiAgQ29tcG9uZW50LFxuICBEaXJlY3RpdmUsXG4gIGZvcndhcmRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBJbmplY3QsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQXV0b0lkIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2F1dG8taWQuZGVjb3JhdG9yJztcbmltcG9ydCB7IERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXMgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBNYXJrcyBhIHBpZWNlIG9mIFVJIGFzIGRpYWxvZyBoZWFkZXIuIFVzZSBvbmx5IGZvciAqKmN1c3RvbSoqIGhlYWRlci5cbiAqIEZvciBzdGFuZGFyZCBkaWFsb2cgaGVhZGVyIChhIGhlYWRpbmcsIGFuZCBhIGNsb3NlIGJ1dHRvbiBpbiBwYXNzaXZlXG4gKiBkaWFsb2dzKSwgdXNlIHtAbGluayBEaWFsb2dIZWFkZXJDb21wb25lbnQgc3AtZGlhbG9nLWhlYWRlcn0gaW5zdGVhZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwRGlhbG9nSGVhZGVyXScsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0hlYWRlckRpcmVjdGl2ZSB7XG4gIEBIb3N0QmluZGluZygnaWQnKVxuICBASW5wdXQoKVxuICBAQXV0b0lkKClcbiAgaWQgPSAnJztcbn1cblxuLyoqXG4gKiBTdGFuZGFyZCBkaWFsb2cgaGVhZGVyIGNvbXBvbmVudCwgd2hpY2ggaXMgY29uc2lzdGVkIG9mIGEgaGVhZGluZyAodGhlXG4gKiBjb250ZW50KSBhbmQgYSBjbG9zZSBidXR0b24sIHdoaWNoIGlzIG9ubHkgdmlzaWJsZSBpblxuICoge0BsaW5rIERpYWxvZ0NvbXBvbmVudCN0eXBlIHBhc3NpdmV9IGRpYWxvZ3MuIEZvciBhIGN1c3RvbSBoZWFkZXIsIHVzZVxuICoge0BsaW5rIERpYWxvZ0hlYWRlckNvbXBvbmVudCBzcERpYWxvZ0hlYWRlciBhdHRyaWJ1dGUgZGlyZWN0aXZlfS5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtZGlhbG9nLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9kaWFsb2ctaGVhZGVyLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtcbiAgICB7IGRpcmVjdGl2ZTogRGlhbG9nSGVhZGVyRGlyZWN0aXZlLCBpbnB1dHM6IFsnaWQnXSB9LFxuICAgIFVzZUNvbXBvbmVudFN0eWxlcyxcbiAgXSxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtbW9kYWwtbGF5b3V0X19oZWFkZXItY29udGFpbmVyJyxcbiAgfSxcbn0pXG5leHBvcnQgY2xhc3MgRGlhbG9nSGVhZGVyQ29tcG9uZW50IHtcbiAgY29uc3RydWN0b3IoXG4gICAgQEluamVjdChmb3J3YXJkUmVmKCgpID0+IERpYWxvZ0NvbXBvbmVudCkpXG4gICAgcHVibGljIGRpYWxvZzogRGlhbG9nQ29tcG9uZW50XG4gICkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2hlYWRlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPGRpdiBjbGFzcz1cInNhcHBoaXJlLW1vZGFsLWxheW91dF9faGVhZGluZy1jb250YWluZXJcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gICAgPGgzIHNwLWhlYWRpbmc+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvaDM+XG4gIDwvZGl2PlxuXG4gIDxidXR0b25cbiAgICBzcC1pY29uLWJ1dHRvblxuICAgIHZhcmlhbnQ9XCJ0ZXJ0aWFyeVwiXG4gICAgYXBwZWFyYW5jZT1cImdob3N0XCJcbiAgICBzaXplPVwibWVkaXVtXCJcbiAgICBzcERpYWxvZ0Nsb3NlQnV0dG9uXG4gICAgKm5nSWY9XCJkaWFsb2cudHlwZSA9PT0gJ3Bhc3NpdmUnXCJcbiAgPlxuICAgIDxzcC1pY29uIG5hbWU9XCJjbG9zZVwiPjwvc3AtaWNvbj5cbiAgPC9idXR0b24+XG48L2Rpdj5cbiJdfQ==
@@ -1,31 +0,0 @@
1
- import { Directive, HostListener, Optional } from '@angular/core';
2
- import translations from '../i18n';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../../common/translate.service";
5
- import * as i2 from "@angular/cdk/dialog";
6
- export class ModalCloseButtonDirective {
7
- constructor(t, dialogRef) {
8
- this.dialogRef = dialogRef;
9
- this.dismissLabel = t.translate('dismiss', translations);
10
- }
11
- close() {
12
- this.dialogRef?.close();
13
- }
14
- }
15
- ModalCloseButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalCloseButtonDirective, deps: [{ token: i1.TranslateService }, { token: i2.DialogRef, optional: true }], target: i0.ɵɵFactoryTarget.Directive });
16
- ModalCloseButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ModalCloseButtonDirective, isStandalone: true, host: { listeners: { "click": "close()" }, properties: { "attr.aria-label": "dismissLabel" } }, ngImport: i0 });
17
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalCloseButtonDirective, decorators: [{
18
- type: Directive,
19
- args: [{
20
- standalone: true,
21
- host: {
22
- '[attr.aria-label]': 'dismissLabel',
23
- },
24
- }]
25
- }], ctorParameters: function () { return [{ type: i1.TranslateService }, { type: i2.DialogRef, decorators: [{
26
- type: Optional
27
- }] }]; }, propDecorators: { close: [{
28
- type: HostListener,
29
- args: ['click']
30
- }] } });
31
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtY2xvc2UtYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL21vZGFsLWNsb3NlLWJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsUUFBUSxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWxFLE9BQU8sWUFBWSxNQUFNLFNBQVMsQ0FBQzs7OztBQVFuQyxNQUFNLE9BQU8seUJBQXlCO0lBQ3BDLFlBQ0UsQ0FBbUIsRUFDQyxTQUEyQjtRQUEzQixjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUUvQyxJQUFJLENBQUMsWUFBWSxHQUFHLENBQUMsQ0FBQyxTQUFTLENBQUMsU0FBUyxFQUFFLFlBQVksQ0FBQyxDQUFDO0lBQzNELENBQUM7SUFLRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFNBQVMsRUFBRSxLQUFLLEVBQUUsQ0FBQztJQUMxQixDQUFDOztzSEFiVSx5QkFBeUI7MEdBQXpCLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQU5yQyxTQUFTO21CQUFDO29CQUNULFVBQVUsRUFBRSxJQUFJO29CQUNoQixJQUFJLEVBQUU7d0JBQ0osbUJBQW1CLEVBQUUsY0FBYztxQkFDcEM7aUJBQ0Y7OzBCQUlJLFFBQVE7NENBUVgsS0FBSztzQkFESixZQUFZO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IERpcmVjdGl2ZSwgSG9zdExpc3RlbmVyLCBPcHRpb25hbCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVHJhbnNsYXRlU2VydmljZSB9IGZyb20gJy4uLy4uL2NvbW1vbi90cmFuc2xhdGUuc2VydmljZSc7XG5pbXBvcnQgdHJhbnNsYXRpb25zIGZyb20gJy4uL2kxOG4nO1xuXG5ARGlyZWN0aXZlKHtcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaG9zdDoge1xuICAgICdbYXR0ci5hcmlhLWxhYmVsXSc6ICdkaXNtaXNzTGFiZWwnLFxuICB9LFxufSlcbmV4cG9ydCBjbGFzcyBNb2RhbENsb3NlQnV0dG9uRGlyZWN0aXZlIHtcbiAgY29uc3RydWN0b3IoXG4gICAgdDogVHJhbnNsYXRlU2VydmljZSxcbiAgICBAT3B0aW9uYWwoKSBwcml2YXRlIGRpYWxvZ1JlZjogRGlhbG9nUmVmIHwgbnVsbFxuICApIHtcbiAgICB0aGlzLmRpc21pc3NMYWJlbCA9IHQudHJhbnNsYXRlKCdkaXNtaXNzJywgdHJhbnNsYXRpb25zKTtcbiAgfVxuXG4gIGRpc21pc3NMYWJlbDogc3RyaW5nO1xuXG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJylcbiAgY2xvc2UoKSB7XG4gICAgdGhpcy5kaWFsb2dSZWY/LmNsb3NlKCk7XG4gIH1cbn1cbiJdfQ==
@@ -1,15 +0,0 @@
1
- import { Component } from '@angular/core';
2
- import { UseComponentStylesOnHost } from '../../../common/sapphire-view-encapsulation';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../../../common/sapphire-view-encapsulation";
5
- export class InlinePanelComponent {
6
- }
7
- InlinePanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: InlinePanelComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- InlinePanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: InlinePanelComponent, selector: "sp-inline-panel", host: { classAttribute: "sapphire-modal-layout" }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] });
9
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: InlinePanelComponent, decorators: [{
10
- type: Component,
11
- args: [{ selector: 'sp-inline-panel', template: '<ng-content></ng-content>', host: {
12
- class: 'sapphire-modal-layout', // FIXME: remove component in favour of modal layout (UC-3744)
13
- }, hostDirectives: [UseComponentStylesOnHost], styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;background-color:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-content-default-primary)}.sapphire-modal-layout__header-container{flex-shrink:0}.sapphire-modal-layout__header{display:flex;justify-content:space-between;padding:var(--sapphire-semantic-size-spacing-50) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-30)}.sapphire-modal-layout__body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__body.sapphire-modal-layout__body--no-padding{padding:0}.sapphire-modal-layout__footer-container{flex-shrink:0}.sapphire-modal-layout__footer{padding:var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-70) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-20) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-content-default-secondary);margin-top:var(--sapphire-semantic-size-spacing-20)}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__header-container+.sapphire-modal-layout__body.sapphire-modal-layout__body--scrolled{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}.sapphire-modal-layout:not(:has(.sapphire-modal-layout__footer)) .sapphire-modal-layout__body:not(.sapphire-modal-layout__body--no-padding){padding-bottom:var(--sapphire-semantic-size-spacing-50)}.sapphire-modal-layout__body+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid transparent}.sapphire-modal-layout__body.sapphire-modal-layout__body--scrollable+.sapphire-modal-layout__footer-container{border-top:var(--sapphire-semantic-size-border-sm) solid var(--sapphire-semantic-color-border-separator-default)}\n"] }]
14
- }] });
15
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5saW5lLXBhbmVsLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL3BhbmVsL2lubGluZS1wYW5lbC5jb21wb25lbnQudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQzs7O0FBV3ZGLE1BQU0sT0FBTyxvQkFBb0I7O2lIQUFwQixvQkFBb0I7cUdBQXBCLG9CQUFvQix3S0FQckIsMkJBQTJCOzJGQU8xQixvQkFBb0I7a0JBVGhDLFNBQVM7K0JBQ0UsaUJBQWlCLFlBQ2pCLDJCQUEyQixRQUMvQjt3QkFDSixLQUFLLEVBQUUsdUJBQXVCLEVBQUUsOERBQThEO3FCQUMvRixrQkFDZSxDQUFDLHdCQUF3QixDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtaW5saW5lLXBhbmVsJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtbW9kYWwtbGF5b3V0JywgLy8gRklYTUU6IHJlbW92ZSBjb21wb25lbnQgaW4gZmF2b3VyIG9mIG1vZGFsIGxheW91dCAoVUMtMzc0NClcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9pbmxpbmUtcGFuZWwuY29tcG9uZW50LnNjc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgSW5saW5lUGFuZWxDb21wb25lbnQge31cbiJdfQ==
@@ -1,13 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import * as i0 from "@angular/core";
3
- export class PanelBackButtonDirective {
4
- }
5
- PanelBackButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelBackButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
6
- PanelBackButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: PanelBackButtonDirective, selector: "[spPanelBackButton]", ngImport: i0 });
7
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelBackButtonDirective, decorators: [{
8
- type: Directive,
9
- args: [{
10
- selector: '[spPanelBackButton]',
11
- }]
12
- }] });
13
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtYmFjay1idXR0b24uZGlyZWN0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvcGFuZWwvcGFuZWwtYmFjay1idXR0b24uZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBSzFDLE1BQU0sT0FBTyx3QkFBd0I7O3FIQUF4Qix3QkFBd0I7eUdBQXhCLHdCQUF3QjsyRkFBeEIsd0JBQXdCO2tCQUhwQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxxQkFBcUI7aUJBQ2hDIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzcFBhbmVsQmFja0J1dHRvbl0nLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbEJhY2tCdXR0b25EaXJlY3RpdmUge31cbiJdfQ==
@@ -1,16 +0,0 @@
1
- import { Directive } from '@angular/core';
2
- import { ModalCloseButtonDirective } from '../modal-close-button.directive';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../modal-close-button.directive";
5
- export class PanelCloseButtonDirective {
6
- }
7
- PanelCloseButtonDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelCloseButtonDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
8
- PanelCloseButtonDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: PanelCloseButtonDirective, selector: "button[spPanelCloseButton]", hostDirectives: [{ directive: i1.ModalCloseButtonDirective }], ngImport: i0 });
9
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelCloseButtonDirective, decorators: [{
10
- type: Directive,
11
- args: [{
12
- selector: 'button[spPanelCloseButton]',
13
- hostDirectives: [ModalCloseButtonDirective],
14
- }]
15
- }] });
16
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtY2xvc2UtYnV0dG9uLmRpcmVjdGl2ZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL3BhbmVsL3BhbmVsLWNsb3NlLWJ1dHRvbi5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUMxQyxPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQzs7O0FBTTVFLE1BQU0sT0FBTyx5QkFBeUI7O3NIQUF6Qix5QkFBeUI7MEdBQXpCLHlCQUF5QjsyRkFBekIseUJBQXlCO2tCQUpyQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSw0QkFBNEI7b0JBQ3RDLGNBQWMsRUFBRSxDQUFDLHlCQUF5QixDQUFDO2lCQUM1QyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTW9kYWxDbG9zZUJ1dHRvbkRpcmVjdGl2ZSB9IGZyb20gJy4uL21vZGFsLWNsb3NlLWJ1dHRvbi5kaXJlY3RpdmUnO1xuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdidXR0b25bc3BQYW5lbENsb3NlQnV0dG9uXScsXG4gIGhvc3REaXJlY3RpdmVzOiBbTW9kYWxDbG9zZUJ1dHRvbkRpcmVjdGl2ZV0sXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsQ2xvc2VCdXR0b25EaXJlY3RpdmUge31cbiJdfQ==
@@ -1,38 +0,0 @@
1
- import { Component, Input } from '@angular/core';
2
- import { ScrollMonitorDirective } from '../../../common/scroll-monitor.directive';
3
- import { coerceBooleanProperty } from '@angular/cdk/coercion';
4
- import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "../../../common/scroll-monitor.directive";
7
- import * as i2 from "../../../common/sapphire-view-encapsulation";
8
- export class PanelContentComponent {
9
- get noPadding() {
10
- return this._noPadding;
11
- }
12
- set noPadding(value) {
13
- this._noPadding = coerceBooleanProperty(value);
14
- }
15
- constructor(_scrollMonitor) {
16
- this._scrollMonitor = _scrollMonitor;
17
- this._noPadding = false;
18
- }
19
- }
20
- PanelContentComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelContentComponent, deps: [{ token: i1.ScrollMonitorDirective }], target: i0.ɵɵFactoryTarget.Component });
21
- PanelContentComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelContentComponent, selector: "sp-panel-content", inputs: { noPadding: "noPadding" }, host: { properties: { "class.sapphire-modal-layout__body--no-padding": "noPadding", "class.sapphire-modal-layout__body--scrollable": "_scrollMonitor.scrollable", "class.sapphire-modal-layout__body--scrolled": "_scrollMonitor.scrolled" }, classAttribute: "sapphire-modal-layout__body" }, hostDirectives: [{ directive: i1.ScrollMonitorDirective }, { directive: i2.UseComponentStyles }], ngImport: i0, template: `<ng-content></ng-content>`, isInline: true });
22
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelContentComponent, decorators: [{
23
- type: Component,
24
- args: [{
25
- selector: 'sp-panel-content',
26
- hostDirectives: [ScrollMonitorDirective, UseComponentStyles],
27
- template: `<ng-content></ng-content>`,
28
- host: {
29
- class: 'sapphire-modal-layout__body',
30
- '[class.sapphire-modal-layout__body--no-padding]': 'noPadding',
31
- '[class.sapphire-modal-layout__body--scrollable]': '_scrollMonitor.scrollable',
32
- '[class.sapphire-modal-layout__body--scrolled]': '_scrollMonitor.scrolled',
33
- },
34
- }]
35
- }], ctorParameters: function () { return [{ type: i1.ScrollMonitorDirective }]; }, propDecorators: { noPadding: [{
36
- type: Input
37
- }] } });
38
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtY29udGVudC5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9wYW5lbC9wYW5lbC1jb250ZW50LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUNsRixPQUFPLEVBQWdCLHFCQUFxQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDNUUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7QUFjakYsTUFBTSxPQUFPLHFCQUFxQjtJQUNoQyxJQUNJLFNBQVM7UUFDWCxPQUFPLElBQUksQ0FBQyxVQUFVLENBQUM7SUFDekIsQ0FBQztJQUNELElBQUksU0FBUyxDQUFDLEtBQW1CO1FBQy9CLElBQUksQ0FBQyxVQUFVLEdBQUcscUJBQXFCLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDakQsQ0FBQztJQUdELFlBQW1CLGNBQXNDO1FBQXRDLG1CQUFjLEdBQWQsY0FBYyxDQUF3QjtRQUZqRCxlQUFVLEdBQVksS0FBSyxDQUFDO0lBRXdCLENBQUM7O2tIQVZsRCxxQkFBcUI7c0dBQXJCLHFCQUFxQiw2ZEFUdEIsMkJBQTJCOzJGQVMxQixxQkFBcUI7a0JBWmpDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGtCQUFrQjtvQkFDNUIsY0FBYyxFQUFFLENBQUMsc0JBQXNCLEVBQUUsa0JBQWtCLENBQUM7b0JBQzVELFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLElBQUksRUFBRTt3QkFDSixLQUFLLEVBQUUsNkJBQTZCO3dCQUNwQyxpREFBaUQsRUFBRSxXQUFXO3dCQUM5RCxpREFBaUQsRUFDL0MsMkJBQTJCO3dCQUM3QiwrQ0FBK0MsRUFBRSx5QkFBeUI7cUJBQzNFO2lCQUNGOzZHQUdLLFNBQVM7c0JBRFosS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFNjcm9sbE1vbml0b3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2Nyb2xsLW1vbml0b3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCwgY29lcmNlQm9vbGVhblByb3BlcnR5IH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2NvZXJjaW9uJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wYW5lbC1jb250ZW50JyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtTY3JvbGxNb25pdG9yRGlyZWN0aXZlLCBVc2VDb21wb25lbnRTdHlsZXNdLFxuICB0ZW1wbGF0ZTogYDxuZy1jb250ZW50PjwvbmctY29udGVudD5gLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHknLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtbW9kYWwtbGF5b3V0X19ib2R5LS1uby1wYWRkaW5nXSc6ICdub1BhZGRpbmcnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtbW9kYWwtbGF5b3V0X19ib2R5LS1zY3JvbGxhYmxlXSc6XG4gICAgICAnX3Njcm9sbE1vbml0b3Iuc2Nyb2xsYWJsZScsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2JvZHktLXNjcm9sbGVkXSc6ICdfc2Nyb2xsTW9uaXRvci5zY3JvbGxlZCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsQ29udGVudENvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIGdldCBub1BhZGRpbmcoKTogYm9vbGVhbiB7XG4gICAgcmV0dXJuIHRoaXMuX25vUGFkZGluZztcbiAgfVxuICBzZXQgbm9QYWRkaW5nKHZhbHVlOiBCb29sZWFuSW5wdXQpIHtcbiAgICB0aGlzLl9ub1BhZGRpbmcgPSBjb2VyY2VCb29sZWFuUHJvcGVydHkodmFsdWUpO1xuICB9XG4gIHByaXZhdGUgX25vUGFkZGluZzogYm9vbGVhbiA9IGZhbHNlO1xuXG4gIGNvbnN0cnVjdG9yKHB1YmxpYyBfc2Nyb2xsTW9uaXRvcjogU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSkge31cbn1cbiJdfQ==
@@ -1,38 +0,0 @@
1
- import { Component, Directive } from '@angular/core';
2
- import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
3
- import * as i0 from "@angular/core";
4
- import * as i1 from "../../../common/sapphire-view-encapsulation";
5
- /**
6
- * Marks a piece of UI as panel footer. Use only for **custom** footer.
7
- * For standard panel footer with default padding,
8
- * use {@link PanelFooterComponent sp-panel-footer} instead.
9
- */
10
- export class PanelFooterDirective {
11
- }
12
- PanelFooterDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelFooterDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
13
- PanelFooterDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: PanelFooterDirective, selector: "[spPanelFooter]", host: { classAttribute: "sapphire-modal-layout__footer-container" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
14
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelFooterDirective, decorators: [{
15
- type: Directive,
16
- args: [{
17
- selector: '[spPanelFooter]',
18
- host: {
19
- class: 'sapphire-modal-layout__footer-container',
20
- },
21
- hostDirectives: [UseComponentStyles],
22
- }]
23
- }] });
24
- /**
25
- * Standard panel footer component with default padding. For a custom
26
- * footer, use
27
- * {@link PanelFooterDirective spPanelFooter attribute directive}.
28
- */
29
- export class PanelFooterComponent {
30
- constructor() { }
31
- }
32
- PanelFooterComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelFooterComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
33
- PanelFooterComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelFooterComponent, selector: "sp-panel-footer", ngImport: i0, template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n <ng-content></ng-content>\n</div>\n", dependencies: [{ kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
34
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelFooterComponent, decorators: [{
35
- type: Component,
36
- args: [{ selector: 'sp-panel-footer', hostDirectives: [], template: "<div class=\"sapphire-modal-layout__footer\" _spUseComponentStyles>\n <ng-content></ng-content>\n</div>\n" }]
37
- }], ctorParameters: function () { return []; } });
38
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtZm9vdGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL3BhbmVsL3BhbmVsLWZvb3Rlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9wYW5lbC9wYW5lbC1mb290ZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDckQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7OztBQUVqRjs7OztHQUlHO0FBUUgsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtxR0FBcEIsb0JBQW9COzJGQUFwQixvQkFBb0I7a0JBUGhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsSUFBSSxFQUFFO3dCQUNKLEtBQUssRUFBRSx5Q0FBeUM7cUJBQ2pEO29CQUNELGNBQWMsRUFBRSxDQUFDLGtCQUFrQixDQUFDO2lCQUNyQzs7QUFHRDs7OztHQUlHO0FBTUgsTUFBTSxPQUFPLG9CQUFvQjtJQUMvQixnQkFBZSxDQUFDOztpSEFETCxvQkFBb0I7cUdBQXBCLG9CQUFvQix1REMzQmpDLDRHQUdBOzJGRHdCYSxvQkFBb0I7a0JBTGhDLFNBQVM7K0JBQ0UsaUJBQWlCLGtCQUVYLEVBQUUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIERpcmVjdGl2ZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogTWFya3MgYSBwaWVjZSBvZiBVSSBhcyBwYW5lbCBmb290ZXIuIFVzZSBvbmx5IGZvciAqKmN1c3RvbSoqIGZvb3Rlci5cbiAqIEZvciBzdGFuZGFyZCBwYW5lbCBmb290ZXIgd2l0aCBkZWZhdWx0IHBhZGRpbmcsXG4gKiB1c2Uge0BsaW5rIFBhbmVsRm9vdGVyQ29tcG9uZW50IHNwLXBhbmVsLWZvb3Rlcn0gaW5zdGVhZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwUGFuZWxGb290ZXJdJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtbW9kYWwtbGF5b3V0X19mb290ZXItY29udGFpbmVyJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNdLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbEZvb3RlckRpcmVjdGl2ZSB7fVxuXG4vKipcbiAqIFN0YW5kYXJkIHBhbmVsIGZvb3RlciBjb21wb25lbnQgd2l0aCBkZWZhdWx0IHBhZGRpbmcuIEZvciBhIGN1c3RvbVxuICogZm9vdGVyLCB1c2VcbiAqIHtAbGluayBQYW5lbEZvb3RlckRpcmVjdGl2ZSBzcFBhbmVsRm9vdGVyIGF0dHJpYnV0ZSBkaXJlY3RpdmV9LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1wYW5lbC1mb290ZXInLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwtZm9vdGVyLmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdERpcmVjdGl2ZXM6IFtdLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbEZvb3RlckNvbXBvbmVudCB7XG4gIGNvbnN0cnVjdG9yKCkge31cbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2Zvb3RlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PlxuPC9kaXY+XG4iXX0=
@@ -1,69 +0,0 @@
1
- import { __decorate } from "tslib";
2
- import { Component, Directive, EventEmitter, HostBinding, Input, Output, } from '@angular/core';
3
- import { AutoId } from '../../../common/auto-id.decorator';
4
- import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
5
- import * as i0 from "@angular/core";
6
- import * as i1 from "../../../common/sapphire-view-encapsulation";
7
- import * as i2 from "@angular/common";
8
- import * as i3 from "../../../typography/src/heading.component";
9
- import * as i4 from "../../../icon/src/icon.component";
10
- import * as i5 from "../../../button/src/icon-button.component";
11
- import * as i6 from "./panel-close-button.directive";
12
- /**
13
- * Marks a piece of UI as panel header. Use only for **custom** header.
14
- * For standard panel header (a heading, optional subheading and a
15
- * close button), use {@link PanelHeaderComponent sp-panel-header} instead.
16
- */
17
- export class PanelHeaderDirective {
18
- constructor() {
19
- this.id = '';
20
- }
21
- }
22
- PanelHeaderDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelHeaderDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
23
- PanelHeaderDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: PanelHeaderDirective, isStandalone: true, selector: "[spPanelHeader]", inputs: { id: "id" }, host: { properties: { "id": "this.id" } }, ngImport: i0 });
24
- __decorate([
25
- AutoId()
26
- ], PanelHeaderDirective.prototype, "id", void 0);
27
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelHeaderDirective, decorators: [{
28
- type: Directive,
29
- args: [{
30
- selector: '[spPanelHeader]',
31
- standalone: true,
32
- }]
33
- }], propDecorators: { id: [{
34
- type: HostBinding,
35
- args: ['id']
36
- }, {
37
- type: Input
38
- }] } });
39
- /**
40
- * Standard panel header component, which consists of a heading (the
41
- * content), optional subheading and a close button. For a custom
42
- * header, use
43
- * {@link PanelHeaderDirective spPanelHeader attribute directive}.
44
- */
45
- export class PanelHeaderComponent {
46
- constructor() {
47
- this.closeEventEmitter = new EventEmitter();
48
- }
49
- close(event) {
50
- this.closeEventEmitter.emit(event);
51
- }
52
- }
53
- PanelHeaderComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelHeaderComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
54
- PanelHeaderComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelHeaderComponent, selector: "sp-panel-header", inputs: { subheading: "subheading" }, outputs: { closeEventEmitter: "closeClicked" }, host: { classAttribute: "sapphire-modal-layout__header-container" }, hostDirectives: [{ directive: PanelHeaderDirective, inputs: ["id", "id"] }, { directive: i1.UseComponentStyles }], ngImport: i0, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <ng-content select=\"[spPanelBackButton]\"></ng-content>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n <div\n *ngIf=\"!!subheading\"\n class=\"sapphire-modal-layout__subheading\"\n _spUseComponentStyles\n >\n {{ subheading }}\n </div>\n </div>\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"medium\"\n (click)=\"close($event)\"\n spPanelCloseButton\n >\n <sp-icon name=\"close\"></sp-icon>\n </button>\n</div>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i3.HeadingComponent, selector: "h1[sp-heading],h2[sp-heading],h3[sp-heading],h4[sp-heading],h5[sp-heading],h6[sp-heading]", inputs: ["sp-heading", "fontVariant"] }, { kind: "component", type: i4.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "component", type: i5.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }, { kind: "directive", type: i6.PanelCloseButtonDirective, selector: "button[spPanelCloseButton]" }] });
55
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelHeaderComponent, decorators: [{
56
- type: Component,
57
- args: [{ selector: 'sp-panel-header', hostDirectives: [
58
- { directive: PanelHeaderDirective, inputs: ['id'] },
59
- UseComponentStyles,
60
- ], host: {
61
- class: 'sapphire-modal-layout__header-container',
62
- }, template: "<div class=\"sapphire-modal-layout__header\" _spUseComponentStyles>\n <ng-content select=\"[spPanelBackButton]\"></ng-content>\n <div class=\"sapphire-modal-layout__heading-container\" _spUseComponentStyles>\n <h3 sp-heading><ng-content></ng-content></h3>\n <div\n *ngIf=\"!!subheading\"\n class=\"sapphire-modal-layout__subheading\"\n _spUseComponentStyles\n >\n {{ subheading }}\n </div>\n </div>\n\n <button\n sp-icon-button\n variant=\"tertiary\"\n appearance=\"ghost\"\n size=\"medium\"\n (click)=\"close($event)\"\n spPanelCloseButton\n >\n <sp-icon name=\"close\"></sp-icon>\n </button>\n</div>\n" }]
63
- }], propDecorators: { subheading: [{
64
- type: Input
65
- }], closeEventEmitter: [{
66
- type: Output,
67
- args: ['closeClicked']
68
- }] } });
69
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwtaGVhZGVyLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL3BhbmVsL3BhbmVsLWhlYWRlci5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9wYW5lbC9wYW5lbC1oZWFkZXIuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sRUFDTCxTQUFTLEVBQ1QsU0FBUyxFQUNULFlBQVksRUFDWixXQUFXLEVBQ1gsS0FBSyxFQUNMLE1BQU0sR0FDUCxNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsTUFBTSxFQUFFLE1BQU0sbUNBQW1DLENBQUM7QUFDM0QsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7Ozs7O0FBRWpGOzs7O0dBSUc7QUFLSCxNQUFNLE9BQU8sb0JBQW9CO0lBSmpDO1FBUUUsT0FBRSxHQUFHLEVBQUUsQ0FBQztLQUNUOztpSEFMWSxvQkFBb0I7cUdBQXBCLG9CQUFvQjtBQUkvQjtJQURDLE1BQU0sRUFBRTtnREFDRDsyRkFKRyxvQkFBb0I7a0JBSmhDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLGlCQUFpQjtvQkFDM0IsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOzhCQUtDLEVBQUU7c0JBSEQsV0FBVzt1QkFBQyxJQUFJOztzQkFDaEIsS0FBSzs7QUFLUjs7Ozs7R0FLRztBQVlILE1BQU0sT0FBTyxvQkFBb0I7SUFYakM7UUFnQkUsc0JBQWlCLEdBQUcsSUFBSSxZQUFZLEVBQUUsQ0FBQztLQUt4QztJQUhDLEtBQUssQ0FBQyxLQUFpQjtRQUNyQixJQUFJLENBQUMsaUJBQWlCLENBQUMsSUFBSSxDQUFDLEtBQUssQ0FBQyxDQUFDO0lBQ3JDLENBQUM7O2lIQVRVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdOQXhCcEIsb0JBQW9CLHlGQ3BCakMsd3BCQXdCQTsyRkRvQmEsb0JBQW9CO2tCQVhoQyxTQUFTOytCQUNFLGlCQUFpQixrQkFFWDt3QkFDZCxFQUFFLFNBQVMsRUFBRSxvQkFBb0IsRUFBRSxNQUFNLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRTt3QkFDbkQsa0JBQWtCO3FCQUNuQixRQUNLO3dCQUNKLEtBQUssRUFBRSx5Q0FBeUM7cUJBQ2pEOzhCQUlELFVBQVU7c0JBRFQsS0FBSztnQkFJTixpQkFBaUI7c0JBRGhCLE1BQU07dUJBQUMsY0FBYyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRGlyZWN0aXZlLFxuICBFdmVudEVtaXR0ZXIsXG4gIEhvc3RCaW5kaW5nLFxuICBJbnB1dCxcbiAgT3V0cHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IEF1dG9JZCB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9hdXRvLWlkLmRlY29yYXRvcic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXMgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBNYXJrcyBhIHBpZWNlIG9mIFVJIGFzIHBhbmVsIGhlYWRlci4gVXNlIG9ubHkgZm9yICoqY3VzdG9tKiogaGVhZGVyLlxuICogRm9yIHN0YW5kYXJkIHBhbmVsIGhlYWRlciAoYSBoZWFkaW5nLCBvcHRpb25hbCBzdWJoZWFkaW5nIGFuZCBhXG4gKiBjbG9zZSBidXR0b24pLCB1c2Uge0BsaW5rIFBhbmVsSGVhZGVyQ29tcG9uZW50IHNwLXBhbmVsLWhlYWRlcn0gaW5zdGVhZC5cbiAqL1xuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwUGFuZWxIZWFkZXJdJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgUGFuZWxIZWFkZXJEaXJlY3RpdmUge1xuICBASG9zdEJpbmRpbmcoJ2lkJylcbiAgQElucHV0KClcbiAgQEF1dG9JZCgpXG4gIGlkID0gJyc7XG59XG5cbi8qKlxuICogU3RhbmRhcmQgcGFuZWwgaGVhZGVyIGNvbXBvbmVudCwgd2hpY2ggY29uc2lzdHMgb2YgYSBoZWFkaW5nICh0aGVcbiAqIGNvbnRlbnQpLCBvcHRpb25hbCBzdWJoZWFkaW5nIGFuZCBhIGNsb3NlIGJ1dHRvbi4gRm9yIGEgY3VzdG9tXG4gKiBoZWFkZXIsIHVzZVxuICoge0BsaW5rIFBhbmVsSGVhZGVyRGlyZWN0aXZlIHNwUGFuZWxIZWFkZXIgYXR0cmlidXRlIGRpcmVjdGl2ZX0uXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLXBhbmVsLWhlYWRlcicsXG4gIHRlbXBsYXRlVXJsOiAnLi9wYW5lbC1oZWFkZXIuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0RGlyZWN0aXZlczogW1xuICAgIHsgZGlyZWN0aXZlOiBQYW5lbEhlYWRlckRpcmVjdGl2ZSwgaW5wdXRzOiBbJ2lkJ10gfSxcbiAgICBVc2VDb21wb25lbnRTdHlsZXMsXG4gIF0sXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLW1vZGFsLWxheW91dF9faGVhZGVyLWNvbnRhaW5lcicsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIFBhbmVsSGVhZGVyQ29tcG9uZW50IHtcbiAgQElucHV0KClcbiAgc3ViaGVhZGluZz86IHN0cmluZztcblxuICBAT3V0cHV0KCdjbG9zZUNsaWNrZWQnKVxuICBjbG9zZUV2ZW50RW1pdHRlciA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjbG9zZShldmVudDogTW91c2VFdmVudCkge1xuICAgIHRoaXMuY2xvc2VFdmVudEVtaXR0ZXIuZW1pdChldmVudCk7XG4gIH1cbn1cbiIsIjxkaXYgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX2hlYWRlclwiIF9zcFVzZUNvbXBvbmVudFN0eWxlcz5cbiAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwUGFuZWxCYWNrQnV0dG9uXVwiPjwvbmctY29udGVudD5cbiAgPGRpdiBjbGFzcz1cInNhcHBoaXJlLW1vZGFsLWxheW91dF9faGVhZGluZy1jb250YWluZXJcIiBfc3BVc2VDb21wb25lbnRTdHlsZXM+XG4gICAgPGgzIHNwLWhlYWRpbmc+PG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PjwvaDM+XG4gICAgPGRpdlxuICAgICAgKm5nSWY9XCIhIXN1YmhlYWRpbmdcIlxuICAgICAgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX3N1YmhlYWRpbmdcIlxuICAgICAgX3NwVXNlQ29tcG9uZW50U3R5bGVzXG4gICAgPlxuICAgICAge3sgc3ViaGVhZGluZyB9fVxuICAgIDwvZGl2PlxuICA8L2Rpdj5cblxuICA8YnV0dG9uXG4gICAgc3AtaWNvbi1idXR0b25cbiAgICB2YXJpYW50PVwidGVydGlhcnlcIlxuICAgIGFwcGVhcmFuY2U9XCJnaG9zdFwiXG4gICAgc2l6ZT1cIm1lZGl1bVwiXG4gICAgKGNsaWNrKT1cImNsb3NlKCRldmVudClcIlxuICAgIHNwUGFuZWxDbG9zZUJ1dHRvblxuICA+XG4gICAgPHNwLWljb24gbmFtZT1cImNsb3NlXCI+PC9zcC1pY29uPlxuICA8L2J1dHRvbj5cbjwvZGl2PlxuIl19
@@ -1,2 +0,0 @@
1
- export { SapphireContextualHelpModule } from './src/contextual-help.module';
2
- export { ContextualHelpComponent, ContextualHelpFooterDirective, ContextualHelpHeaderDirective, ContextualHelpContentDirective, } from './src/contextual-help.component';
@@ -1,50 +0,0 @@
1
- import { PopoverTriggerDirective } from '../../popover/src/popover-trigger.directive';
2
- import { Placement } from '../../common/placement';
3
- import * as i0 from "@angular/core";
4
- export declare class ContextualHelpHeaderDirective {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<ContextualHelpHeaderDirective, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<ContextualHelpHeaderDirective, "sp-contextual-help-header", never, {}, {}, never, never, true, never>;
7
- }
8
- export declare class ContextualHelpContentDirective {
9
- static ɵfac: i0.ɵɵFactoryDeclaration<ContextualHelpContentDirective, never>;
10
- static ɵdir: i0.ɵɵDirectiveDeclaration<ContextualHelpContentDirective, "sp-contextual-help-content", never, {}, {}, never, never, true, never>;
11
- }
12
- export declare class ContextualHelpFooterDirective {
13
- static ɵfac: i0.ɵɵFactoryDeclaration<ContextualHelpFooterDirective, never>;
14
- static ɵdir: i0.ɵɵDirectiveDeclaration<ContextualHelpFooterDirective, "sp-contextual-help-footer", never, {}, {}, never, never, true, never>;
15
- }
16
- export declare class ContextualHelpComponent {
17
- /**
18
- *
19
- * The type of contextual help which determines the icon shown.
20
- *
21
- * Use "info" for brief, contextual supplemental information. The content
22
- * inside should have an instructive tone.
23
- *
24
- * Use "help" variant to signal more in-depth guidance about a task or UI,
25
- * this may include links or images or other helpful media. The content
26
- * inside should have a helpful tone.
27
- *
28
- * @default 'info'
29
- */
30
- variant: 'info' | 'help';
31
- /**
32
- * Placement of contextual help popover relative to the icon that triggers it.
33
- */
34
- placement: Placement;
35
- /**
36
- * The label for the trigger of the contextual help dialog.
37
- * This will NOT be rendered on the screen, but it is required
38
- * for accessibility reasons.
39
- */
40
- ariaLabel: string;
41
- _trigger?: PopoverTriggerDirective;
42
- _footer?: ContextualHelpFooterDirective;
43
- _header?: ContextualHelpHeaderDirective;
44
- isOpen(): boolean | undefined;
45
- toggle(): void | undefined;
46
- open(): void | undefined;
47
- close(): void | undefined;
48
- static ɵfac: i0.ɵɵFactoryDeclaration<ContextualHelpComponent, never>;
49
- static ɵcmp: i0.ɵɵComponentDeclaration<ContextualHelpComponent, "sp-contextual-help", never, { "variant": "variant"; "placement": "placement"; "ariaLabel": "aria-label"; }, {}, ["_footer", "_header"], ["sp-contextual-help-header", "sp-contextual-help-content", "sp-contextual-help-footer"], true, never>;
50
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "./contextual-help.component";
3
- export declare class SapphireContextualHelpModule {
4
- static ɵfac: i0.ɵɵFactoryDeclaration<SapphireContextualHelpModule, never>;
5
- static ɵmod: i0.ɵɵNgModuleDeclaration<SapphireContextualHelpModule, never, [typeof i1.ContextualHelpComponent, typeof i1.ContextualHelpHeaderDirective, typeof i1.ContextualHelpContentDirective, typeof i1.ContextualHelpFooterDirective], [typeof i1.ContextualHelpComponent, typeof i1.ContextualHelpHeaderDirective, typeof i1.ContextualHelpContentDirective, typeof i1.ContextualHelpFooterDirective]>;
6
- static ɵinj: i0.ɵɵInjectorDeclaration<SapphireContextualHelpModule>;
7
- }
@@ -1,7 +0,0 @@
1
- import * as i0 from "@angular/core";
2
- import * as i1 from "../modal-close-button.directive";
3
- import * as i2 from "../../../common/sapphire-view-encapsulation";
4
- export declare class DialogCloseButtonDirective {
5
- static ɵfac: i0.ɵɵFactoryDeclaration<DialogCloseButtonDirective, never>;
6
- static ɵdir: i0.ɵɵDirectiveDeclaration<DialogCloseButtonDirective, "button[spDialogCloseButton]", never, {}, {}, never, never, false, [{ directive: typeof i1.ModalCloseButtonDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.UseComponentStyles; inputs: {}; outputs: {}; }]>;
7
- }