@danske/sapphire-angular 1.31.0 → 2.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/badge/src/badge.component.mjs +4 -4
- package/esm2020/lib/button/src/button-group.component.mjs +6 -14
- package/esm2020/lib/button/src/button.component.mjs +9 -38
- package/esm2020/lib/button/src/icon-button.component.mjs +13 -40
- package/esm2020/lib/button/src/toggle-button.component.mjs +7 -6
- package/esm2020/lib/checkbox/src/checkbox-group.component.mjs +6 -3
- package/esm2020/lib/checkbox/src/checkbox.component.mjs +12 -4
- package/esm2020/lib/common/disabled.mjs +1 -1
- package/esm2020/lib/common/sapphire-view-encapsulation.mjs +3 -1
- package/esm2020/lib/core.module.mjs +8 -8
- package/esm2020/lib/field/src/field-control.mjs +2 -1
- package/esm2020/lib/field/src/field.component.mjs +8 -8
- package/esm2020/lib/help-button/public_api.mjs +3 -0
- package/esm2020/lib/help-button/src/help-button.component.mjs +112 -0
- package/esm2020/lib/help-button/src/help-button.module.mjs +33 -0
- package/esm2020/lib/icon/src/icon-size-provider.mjs +2 -2
- package/esm2020/lib/icon/src/icon.component.mjs +22 -37
- package/esm2020/lib/label/src/label.component.mjs +5 -5
- package/esm2020/lib/link/src/link.component.mjs +5 -5
- package/esm2020/lib/listbox/src/listbox-item.component.mjs +2 -2
- package/esm2020/lib/listbox/src/listbox.component.mjs +5 -5
- package/esm2020/lib/listbox/src/option-primary-text.directive.mjs +4 -2
- package/esm2020/lib/listbox/src/option.component.mjs +4 -2
- package/esm2020/lib/menu/src/menu-trigger.directive.mjs +5 -2
- package/esm2020/lib/menu/src/menu.component.mjs +4 -4
- package/esm2020/lib/modal/public_api.mjs +8 -12
- package/esm2020/lib/modal/src/dialog/confirmation-dialog.component.mjs +9 -7
- package/esm2020/lib/modal/src/dialog/danger-dialog.component.mjs +9 -7
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +10 -35
- package/esm2020/lib/modal/src/layout/modal-back-button.directive.mjs +13 -0
- package/esm2020/lib/modal/src/layout/modal-body.component.mjs +38 -0
- package/esm2020/lib/modal/src/layout/modal-close-button.directive.mjs +31 -0
- package/esm2020/lib/modal/src/layout/modal-footer.component.mjs +39 -0
- package/esm2020/lib/modal/src/layout/modal-header.component.mjs +77 -0
- package/esm2020/lib/modal/src/layout/modal-layout.component.mjs +15 -0
- package/esm2020/lib/modal/src/modal-base.component.mjs +7 -13
- package/esm2020/lib/modal/src/modal.module.mjs +43 -71
- package/esm2020/lib/modal/src/modal.service.mjs +1 -1
- package/esm2020/lib/modal/src/panel/panel.component.mjs +8 -15
- package/esm2020/lib/notification-badge/src/notification-badge.component.mjs +4 -4
- package/esm2020/lib/pagination/i18n/da-DK.json +2 -0
- package/esm2020/lib/pagination/i18n/de-DE.json +2 -0
- package/esm2020/lib/pagination/i18n/en-US.json +2 -0
- package/esm2020/lib/pagination/i18n/fi-FI.json +2 -0
- package/esm2020/lib/pagination/i18n/nb-NO.json +2 -0
- package/esm2020/lib/pagination/i18n/pl-PL.json +2 -0
- package/esm2020/lib/pagination/i18n/sv-SE.json +2 -0
- package/esm2020/lib/pagination/src/page-selection-row.component.mjs +119 -0
- package/esm2020/lib/pagination/src/pagination.component.mjs +20 -4
- package/esm2020/lib/pagination/src/pagination.module.mjs +4 -3
- package/esm2020/lib/popover/src/popover-trigger.directive.mjs +14 -4
- package/esm2020/lib/radio/src/radio-group.component.mjs +3 -3
- package/esm2020/lib/radio/src/radio.component.mjs +3 -3
- package/esm2020/lib/segmented-tabs/src/segmented-tabs.component.mjs +4 -4
- package/esm2020/lib/select/src/basic-select/basic-select.component.mjs +7 -27
- package/esm2020/lib/select/src/select/select.component.mjs +5 -5
- package/esm2020/lib/skeleton/src/skeleton.component.mjs +2 -2
- package/esm2020/lib/switch/src/switch.component.mjs +5 -5
- package/esm2020/lib/table/public_api.mjs +2 -1
- package/esm2020/lib/table/src/table-footer.directive.mjs +20 -0
- package/esm2020/lib/table/src/table-head-cell.component.mjs +3 -3
- package/esm2020/lib/table/src/table-sort-header.directive.mjs +2 -3
- package/esm2020/lib/table/src/table-sort.directive.mjs +13 -3
- package/esm2020/lib/table/src/table.component.mjs +7 -14
- package/esm2020/lib/table/src/table.directive.mjs +12 -6
- package/esm2020/lib/table/src/table.module.mjs +6 -1
- package/esm2020/lib/text-field/src/text-field.component.mjs +5 -5
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/esm2020/lib/tooltip/src/tooltip.directive.mjs +3 -3
- package/esm2020/lib/typography/src/paragraph.component.mjs +5 -5
- package/esm2020/public-api.mjs +2 -2
- package/fesm2015/danske-sapphire-angular.mjs +721 -847
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +728 -852
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/badge/src/badge.component.d.ts +2 -2
- package/lib/button/src/button-group.component.d.ts +3 -5
- package/lib/button/src/button.component.d.ts +4 -11
- package/lib/button/src/icon-button.component.d.ts +4 -11
- package/lib/button/src/toggle-button.component.d.ts +3 -3
- package/lib/checkbox/src/checkbox-group.component.d.ts +1 -0
- package/lib/checkbox/src/checkbox.component.d.ts +3 -1
- package/lib/common/disabled.d.ts +1 -1
- package/lib/core.module.d.ts +2 -2
- package/lib/field/src/field.component.d.ts +4 -4
- package/lib/help-button/public_api.d.ts +2 -0
- package/lib/help-button/src/help-button.component.d.ts +50 -0
- package/lib/help-button/src/help-button.module.d.ts +7 -0
- package/lib/icon/src/icon-size-provider.d.ts +2 -2
- package/lib/icon/src/icon.component.d.ts +6 -3
- package/lib/label/src/label.component.d.ts +3 -3
- package/lib/link/src/link.component.d.ts +1 -1
- package/lib/listbox/src/listbox-item.component.d.ts +1 -1
- package/lib/listbox/src/listbox.component.d.ts +1 -1
- package/lib/menu/src/menu.component.d.ts +1 -1
- package/lib/modal/public_api.d.ts +7 -11
- package/lib/modal/src/dialog/dialog.component.d.ts +2 -17
- package/lib/modal/src/layout/modal-back-button.directive.d.ts +5 -0
- package/lib/modal/src/{panel/panel-content.component.d.ts → layout/modal-body.component.d.ts} +3 -3
- package/lib/modal/src/{modal-close-button.directive.d.ts → layout/modal-close-button.directive.d.ts} +2 -2
- package/lib/modal/src/layout/modal-footer.component.d.ts +21 -0
- package/lib/modal/src/layout/modal-header.component.d.ts +29 -0
- package/lib/modal/src/layout/modal-layout.component.d.ts +6 -0
- package/lib/modal/src/modal-base.component.d.ts +5 -7
- package/lib/modal/src/modal.module.d.ts +21 -25
- package/lib/modal/src/modal.service.d.ts +2 -2
- package/lib/modal/src/panel/panel.component.d.ts +3 -6
- package/lib/notification-badge/src/notification-badge.component.d.ts +1 -1
- package/lib/pagination/src/page-selection-row.component.d.ts +39 -0
- package/lib/pagination/src/pagination.component.d.ts +8 -1
- package/lib/pagination/src/pagination.module.d.ts +8 -7
- package/lib/popover/src/popover-trigger.directive.d.ts +6 -1
- package/lib/segmented-tabs/src/segmented-tabs.component.d.ts +1 -1
- package/lib/select/src/basic-select/basic-select.component.d.ts +5 -7
- package/lib/switch/src/switch.component.d.ts +2 -2
- package/lib/table/public_api.d.ts +1 -0
- package/lib/table/src/table-footer.directive.d.ts +7 -0
- package/lib/table/src/table-sort.directive.d.ts +7 -4
- package/lib/table/src/table.component.d.ts +4 -3
- package/lib/table/src/table.directive.d.ts +3 -1
- package/lib/table/src/table.module.d.ts +12 -11
- package/lib/typography/src/paragraph.component.d.ts +1 -1
- package/package.json +4 -4
- package/public-api.d.ts +1 -1
- package/esm2020/lib/contextual-help/public_api.mjs +0 -6
- package/esm2020/lib/contextual-help/src/contextual-help.component.mjs +0 -112
- package/esm2020/lib/contextual-help/src/contextual-help.module.mjs +0 -33
- package/esm2020/lib/modal/src/dialog/dialog-close-button.directive.mjs +0 -18
- package/esm2020/lib/modal/src/dialog/dialog-content.directive.mjs +0 -29
- package/esm2020/lib/modal/src/dialog/dialog-footer.component.mjs +0 -77
- package/esm2020/lib/modal/src/dialog/dialog-header.component.mjs +0 -66
- package/esm2020/lib/modal/src/modal-close-button.directive.mjs +0 -31
- package/esm2020/lib/modal/src/panel/inline-panel.component.mjs +0 -15
- package/esm2020/lib/modal/src/panel/panel-back-button.directive.mjs +0 -13
- package/esm2020/lib/modal/src/panel/panel-close-button.directive.mjs +0 -16
- package/esm2020/lib/modal/src/panel/panel-content.component.mjs +0 -38
- package/esm2020/lib/modal/src/panel/panel-footer.component.mjs +0 -38
- package/esm2020/lib/modal/src/panel/panel-header.component.mjs +0 -69
- package/lib/contextual-help/public_api.d.ts +0 -2
- package/lib/contextual-help/src/contextual-help.component.d.ts +0 -50
- package/lib/contextual-help/src/contextual-help.module.d.ts +0 -7
- package/lib/modal/src/dialog/dialog-close-button.directive.d.ts +0 -7
- package/lib/modal/src/dialog/dialog-content.directive.d.ts +0 -13
- package/lib/modal/src/dialog/dialog-footer.component.d.ts +0 -37
- package/lib/modal/src/dialog/dialog-header.component.d.ts +0 -25
- package/lib/modal/src/panel/inline-panel.component.d.ts +0 -6
- package/lib/modal/src/panel/panel-back-button.directive.d.ts +0 -5
- package/lib/modal/src/panel/panel-close-button.directive.d.ts +0 -6
- package/lib/modal/src/panel/panel-footer.component.d.ts +0 -21
- package/lib/modal/src/panel/panel-header.component.d.ts +0 -26
|
@@ -1,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,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
|
-
}
|