@danske/sapphire-angular 1.13.3 → 1.14.1
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/contextual-help/src/contextual-help.component.mjs +3 -3
- package/esm2020/lib/modal/src/dialog/dialog.component.mjs +4 -3
- package/esm2020/lib/modal/src/modal-base.component.mjs +4 -1
- package/esm2020/lib/modal/src/modal.service.mjs +13 -3
- package/esm2020/lib/modal/src/panel/panel.component.mjs +3 -3
- package/esm2020/lib/text-field/src/text-field-input.directive.mjs +23 -3
- package/esm2020/lib/text-field/src/text-field.component.mjs +2 -2
- package/esm2020/lib/theme/src/themes.mjs +4 -4
- package/fesm2015/danske-sapphire-angular.mjs +50 -15
- package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
- package/fesm2020/danske-sapphire-angular.mjs +49 -15
- package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
- package/lib/modal/src/modal-base.component.d.ts +3 -2
- package/lib/text-field/src/text-field-input.directive.d.ts +5 -0
- package/package.json +3 -3
|
@@ -80,7 +80,7 @@ export class ContextualHelpComponent {
|
|
|
80
80
|
}
|
|
81
81
|
}
|
|
82
82
|
ContextualHelpComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ContextualHelpComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
83
|
-
ContextualHelpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ContextualHelpComponent, isStandalone: true, selector: "sp-contextual-help", inputs: { variant: "variant", placement: "placement", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "attr.aria-label": "null" } }, queries: [{ propertyName: "_footer", first: true, predicate: ContextualHelpFooterDirective, descendants: true }, { propertyName: "_header", first: true, predicate: ContextualHelpHeaderDirective, descendants: true }], viewQueries: [{ propertyName: "_trigger", first: true, predicate: PopoverTriggerDirective, descendants: true }], ngImport: i0, template: "<button\n sp-icon-button\n size=\"extraSmall\"\n variant=\"tertiary\"\n appearance=\"ghost\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverPlacement]=\"placement\"\n [attr.aria-label]=\"ariaLabel\"\n>\n <sp-icon\n *ngIf=\"variant === 'help'; else defaultIcon\"\n name=\"questionMarkCircle\"\n size=\"16px\"\n ></sp-icon>\n <ng-template #defaultIcon>\n <sp-icon name=\"info\"></sp-icon>\n </ng-template>\n</button>\n\n<ng-template #popover>\n <sp-popover noPadding>\n <div class=\"sapphire-contextual-help\">\n <div *ngIf=\"_header\" class=\"sapphire-contextual-help__header\">\n <h6 sp-heading spPopoverTitle>\n <ng-content select=\"sp-contextual-help-header\"></ng-content>\n </h6>\n </div>\n <ng-content select=\"sp-contextual-help-content\"></ng-content>\n <div *ngIf=\"_footer\" class=\"sapphire-contextual-help__footer\">\n <ng-content select=\"sp-contextual-help-footer\"></ng-content>\n </div>\n </div>\n </sp-popover>\n</ng-template>\n", styles: [".sapphire-contextual-help{color:var(--sapphire-contextual-help-color-content);line-height:var(--sapphire-contextual-help-size-line-height);max-width:var(--sapphire-contextual-help-size-width-max);font-family:var(--sapphire-contextual-help-font-name);font-weight:var(--sapphire-contextual-help-font-weight);font-size:var(--sapphire-contextual-help-size-font);padding:var(--sapphire-contextual-help-size-spacing-vertical) var(--sapphire-contextual-help-size-spacing-horizontal);outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-contextual-help__header{padding-bottom:var(--sapphire-contextual-help-size-spacing-header)}.sapphire-contextual-help__footer{padding-top:var(--sapphire-contextual-help-size-spacing-footer)}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SapphireTypographyModule }, { kind: "component", type: i1.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: "ngmodule", type: SapphireButtonModule }, { kind: "component", type: i2.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "ngmodule", type: SapphireIconModule }, { kind: "component", type: i3.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "ngmodule", type: SapphirePopoverModule }, { kind: "component", type: i4.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth"] }, { kind: "directive", type: i5.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i6.PopoverTitleDirective, selector: "[spPopoverTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
83
|
+
ContextualHelpComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ContextualHelpComponent, isStandalone: true, selector: "sp-contextual-help", inputs: { variant: "variant", placement: "placement", ariaLabel: ["aria-label", "ariaLabel"] }, host: { properties: { "attr.aria-label": "null" } }, queries: [{ propertyName: "_footer", first: true, predicate: ContextualHelpFooterDirective, descendants: true }, { propertyName: "_header", first: true, predicate: ContextualHelpHeaderDirective, descendants: true }], viewQueries: [{ propertyName: "_trigger", first: true, predicate: PopoverTriggerDirective, descendants: true }], ngImport: i0, template: "<button\n sp-icon-button\n size=\"extraSmall\"\n variant=\"tertiary\"\n appearance=\"ghost\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverPlacement]=\"placement\"\n [attr.aria-label]=\"ariaLabel\"\n>\n <sp-icon\n *ngIf=\"variant === 'help'; else defaultIcon\"\n name=\"questionMarkCircle\"\n size=\"16px\"\n ></sp-icon>\n <ng-template #defaultIcon>\n <sp-icon name=\"info\"></sp-icon>\n </ng-template>\n</button>\n\n<ng-template #popover>\n <sp-popover noPadding>\n <div class=\"sapphire-contextual-help\">\n <div *ngIf=\"_header\" class=\"sapphire-contextual-help__header\">\n <h6 sp-heading spPopoverTitle>\n <ng-content select=\"sp-contextual-help-header\"></ng-content>\n </h6>\n </div>\n <ng-content select=\"sp-contextual-help-content\"></ng-content>\n <div *ngIf=\"_footer\" class=\"sapphire-contextual-help__footer\">\n <ng-content select=\"sp-contextual-help-footer\"></ng-content>\n </div>\n </div>\n </sp-popover>\n</ng-template>\n", styles: [".sapphire-contextual-help{color:var(--sapphire-contextual-help-color-content);line-height:var(--sapphire-contextual-help-size-line-height);max-width:var(--sapphire-contextual-help-size-width-max);font-family:var(--sapphire-contextual-help-font-name);font-weight:var(--sapphire-contextual-help-font-weight);font-size:var(--sapphire-contextual-help-size-font);padding:var(--sapphire-contextual-help-size-spacing-vertical) var(--sapphire-contextual-help-size-spacing-horizontal);outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-contextual-help__header{padding-bottom:var(--sapphire-contextual-help-size-spacing-header)}.sapphire-contextual-help__footer{padding-top:var(--sapphire-contextual-help-size-spacing-footer)}.sapphire-contextual-help--no-max-width{max-width:initial}\n"], dependencies: [{ kind: "directive", type: NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: SapphireTypographyModule }, { kind: "component", type: i1.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: "ngmodule", type: SapphireButtonModule }, { kind: "component", type: i2.IconButtonComponent, selector: "button[sp-icon-button], a[sp-icon-button]", inputs: ["variant", "appearance", "surface", "size", "disabled", "type"] }, { kind: "ngmodule", type: SapphireIconModule }, { kind: "component", type: i3.IconComponent, selector: "sp-icon", inputs: ["name", "size"] }, { kind: "ngmodule", type: SapphirePopoverModule }, { kind: "component", type: i4.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth"] }, { kind: "directive", type: i5.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i6.PopoverTitleDirective, selector: "[spPopoverTitle]" }], changeDetection: i0.ChangeDetectionStrategy.OnPush });
|
|
84
84
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ContextualHelpComponent, decorators: [{
|
|
85
85
|
type: Component,
|
|
86
86
|
args: [{ selector: 'sp-contextual-help', standalone: true, imports: [
|
|
@@ -91,7 +91,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
91
91
|
SapphirePopoverModule,
|
|
92
92
|
], changeDetection: ChangeDetectionStrategy.OnPush, host: {
|
|
93
93
|
'[attr.aria-label]': 'null',
|
|
94
|
-
}, template: "<button\n sp-icon-button\n size=\"extraSmall\"\n variant=\"tertiary\"\n appearance=\"ghost\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverPlacement]=\"placement\"\n [attr.aria-label]=\"ariaLabel\"\n>\n <sp-icon\n *ngIf=\"variant === 'help'; else defaultIcon\"\n name=\"questionMarkCircle\"\n size=\"16px\"\n ></sp-icon>\n <ng-template #defaultIcon>\n <sp-icon name=\"info\"></sp-icon>\n </ng-template>\n</button>\n\n<ng-template #popover>\n <sp-popover noPadding>\n <div class=\"sapphire-contextual-help\">\n <div *ngIf=\"_header\" class=\"sapphire-contextual-help__header\">\n <h6 sp-heading spPopoverTitle>\n <ng-content select=\"sp-contextual-help-header\"></ng-content>\n </h6>\n </div>\n <ng-content select=\"sp-contextual-help-content\"></ng-content>\n <div *ngIf=\"_footer\" class=\"sapphire-contextual-help__footer\">\n <ng-content select=\"sp-contextual-help-footer\"></ng-content>\n </div>\n </div>\n </sp-popover>\n</ng-template>\n", styles: [".sapphire-contextual-help{color:var(--sapphire-contextual-help-color-content);line-height:var(--sapphire-contextual-help-size-line-height);max-width:var(--sapphire-contextual-help-size-width-max);font-family:var(--sapphire-contextual-help-font-name);font-weight:var(--sapphire-contextual-help-font-weight);font-size:var(--sapphire-contextual-help-size-font);padding:var(--sapphire-contextual-help-size-spacing-vertical) var(--sapphire-contextual-help-size-spacing-horizontal);outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-contextual-help__header{padding-bottom:var(--sapphire-contextual-help-size-spacing-header)}.sapphire-contextual-help__footer{padding-top:var(--sapphire-contextual-help-size-spacing-footer)}\n"] }]
|
|
94
|
+
}, template: "<button\n sp-icon-button\n size=\"extraSmall\"\n variant=\"tertiary\"\n appearance=\"ghost\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverPlacement]=\"placement\"\n [attr.aria-label]=\"ariaLabel\"\n>\n <sp-icon\n *ngIf=\"variant === 'help'; else defaultIcon\"\n name=\"questionMarkCircle\"\n size=\"16px\"\n ></sp-icon>\n <ng-template #defaultIcon>\n <sp-icon name=\"info\"></sp-icon>\n </ng-template>\n</button>\n\n<ng-template #popover>\n <sp-popover noPadding>\n <div class=\"sapphire-contextual-help\">\n <div *ngIf=\"_header\" class=\"sapphire-contextual-help__header\">\n <h6 sp-heading spPopoverTitle>\n <ng-content select=\"sp-contextual-help-header\"></ng-content>\n </h6>\n </div>\n <ng-content select=\"sp-contextual-help-content\"></ng-content>\n <div *ngIf=\"_footer\" class=\"sapphire-contextual-help__footer\">\n <ng-content select=\"sp-contextual-help-footer\"></ng-content>\n </div>\n </div>\n </sp-popover>\n</ng-template>\n", styles: [".sapphire-contextual-help{color:var(--sapphire-contextual-help-color-content);line-height:var(--sapphire-contextual-help-size-line-height);max-width:var(--sapphire-contextual-help-size-width-max);font-family:var(--sapphire-contextual-help-font-name);font-weight:var(--sapphire-contextual-help-font-weight);font-size:var(--sapphire-contextual-help-size-font);padding:var(--sapphire-contextual-help-size-spacing-vertical) var(--sapphire-contextual-help-size-spacing-horizontal);outline:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-contextual-help__header{padding-bottom:var(--sapphire-contextual-help-size-spacing-header)}.sapphire-contextual-help__footer{padding-top:var(--sapphire-contextual-help-size-spacing-footer)}.sapphire-contextual-help--no-max-width{max-width:initial}\n"] }]
|
|
95
95
|
}], propDecorators: { variant: [{
|
|
96
96
|
type: Input
|
|
97
97
|
}], placement: [{
|
|
@@ -109,4 +109,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
109
109
|
type: ContentChild,
|
|
110
110
|
args: [ContextualHelpHeaderDirective]
|
|
111
111
|
}] } });
|
|
112
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
112
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29udGV4dHVhbC1oZWxwLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvY29udGV4dHVhbC1oZWxwL3NyYy9jb250ZXh0dWFsLWhlbHAuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9jb250ZXh0dWFsLWhlbHAvc3JjL2NvbnRleHR1YWwtaGVscC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsdUJBQXVCLEVBQ3ZCLFNBQVMsRUFDVCxZQUFZLEVBQ1osU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLElBQUksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQ3ZDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQ3RFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLDRCQUE0QixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3pFLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBQ3RGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHdDQUF3QyxDQUFDOzs7Ozs7OztBQU9sRixNQUFNLE9BQU8sNkJBQTZCOzswSEFBN0IsNkJBQTZCOzhHQUE3Qiw2QkFBNkI7MkZBQTdCLDZCQUE2QjtrQkFKekMsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsMkJBQTJCO29CQUNyQyxVQUFVLEVBQUUsSUFBSTtpQkFDakI7O0FBTUQsTUFBTSxPQUFPLDhCQUE4Qjs7MkhBQTlCLDhCQUE4QjsrR0FBOUIsOEJBQThCOzJGQUE5Qiw4QkFBOEI7a0JBSjFDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLDRCQUE0QjtvQkFDdEMsVUFBVSxFQUFFLElBQUk7aUJBQ2pCOztBQU9ELE1BQU0sT0FBTyw2QkFBNkI7OzBIQUE3Qiw2QkFBNkI7OEdBQTdCLDZCQUE2QjsyRkFBN0IsNkJBQTZCO2tCQUp6QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSwyQkFBMkI7b0JBQ3JDLFVBQVUsRUFBRSxJQUFJO2lCQUNqQjs7QUFvQkQsTUFBTSxPQUFPLHVCQUF1QjtJQWpCcEM7UUFrQkU7Ozs7Ozs7Ozs7OztXQVlHO1FBRUgsWUFBTyxHQUFvQixNQUFNLENBQUM7UUFFbEM7O1dBRUc7UUFFSCxjQUFTLEdBQWMsS0FBSyxDQUFDO0tBZ0M5QjtJQWJDLE1BQU07UUFDSixPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUVELE1BQU07UUFDSixPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsTUFBTSxFQUFFLENBQUM7SUFDakMsQ0FBQztJQUNELElBQUk7UUFDRixPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsSUFBSSxFQUFFLENBQUM7SUFDL0IsQ0FBQztJQUNELEtBQUs7UUFDSCxPQUFPLElBQUksQ0FBQyxRQUFRLEVBQUUsS0FBSyxFQUFFLENBQUM7SUFDaEMsQ0FBQzs7b0hBcERVLHVCQUF1Qjt3R0FBdkIsdUJBQXVCLHdRQWtDcEIsNkJBQTZCLDBFQUc3Qiw2QkFBNkIsMEZBTmhDLHVCQUF1QixnRENqRnBDLHlnQ0FrQ0EsMjJCREtJLElBQUksNEZBQ0osd0JBQXdCLDhOQUN4QixvQkFBb0Isb05BQ3BCLGtCQUFrQiw0SEFDbEIscUJBQXFCOzJGQU9aLHVCQUF1QjtrQkFqQm5DLFNBQVM7K0JBQ0Usb0JBQW9CLGNBR2xCLElBQUksV0FDUDt3QkFDUCxJQUFJO3dCQUNKLHdCQUF3Qjt3QkFDeEIsb0JBQW9CO3dCQUNwQixrQkFBa0I7d0JBQ2xCLHFCQUFxQjtxQkFDdEIsbUJBQ2dCLHVCQUF1QixDQUFDLE1BQU0sUUFDekM7d0JBQ0osbUJBQW1CLEVBQUUsTUFBTTtxQkFDNUI7OEJBaUJELE9BQU87c0JBRE4sS0FBSztnQkFPTixTQUFTO3NCQURSLEtBQUs7Z0JBU04sU0FBUztzQkFEUixLQUFLO3VCQUFDLFlBQVk7Z0JBSW5CLFFBQVE7c0JBRFAsU0FBUzt1QkFBQyx1QkFBdUI7Z0JBSWxDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyw2QkFBNkI7Z0JBSTNDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyw2QkFBNkIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneSxcbiAgQ29tcG9uZW50LFxuICBDb250ZW50Q2hpbGQsXG4gIERpcmVjdGl2ZSxcbiAgSW5wdXQsXG4gIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IFNhcHBoaXJlQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYnV0dG9uL3NyYy9idXR0b24ubW9kdWxlJztcbmltcG9ydCB7IFNhcHBoaXJlSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2ljb24vc3JjL2ljb24ubW9kdWxlJztcbmltcG9ydCB7IFNhcHBoaXJlUG9wb3Zlck1vZHVsZSB9IGZyb20gJy4uLy4uL3BvcG92ZXIvc3JjL3BvcG92ZXIubW9kdWxlJztcbmltcG9ydCB7IFBvcG92ZXJUcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSAnLi4vLi4vcG9wb3Zlci9zcmMvcG9wb3Zlci10cmlnZ2VyLmRpcmVjdGl2ZSc7XG5pbXBvcnQgeyBTYXBwaGlyZVR5cG9ncmFwaHlNb2R1bGUgfSBmcm9tICcuLi8uLi90eXBvZ3JhcGh5L3NyYy90eXBvZ3JhcGh5Lm1vZHVsZSc7XG5pbXBvcnQgeyBQbGFjZW1lbnQgfSBmcm9tICcuLi8uLi9jb21tb24vcGxhY2VtZW50JztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnc3AtY29udGV4dHVhbC1oZWxwLWhlYWRlcicsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIENvbnRleHR1YWxIZWxwSGVhZGVyRGlyZWN0aXZlIHt9XG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdzcC1jb250ZXh0dWFsLWhlbHAtY29udGVudCcsXG4gIHN0YW5kYWxvbmU6IHRydWUsXG59KVxuZXhwb3J0IGNsYXNzIENvbnRleHR1YWxIZWxwQ29udGVudERpcmVjdGl2ZSB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdzcC1jb250ZXh0dWFsLWhlbHAtZm9vdGVyJyxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbn0pXG5leHBvcnQgY2xhc3MgQ29udGV4dHVhbEhlbHBGb290ZXJEaXJlY3RpdmUge31cblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtY29udGV4dHVhbC1oZWxwJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2NvbnRleHR1YWwtaGVscC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2NvbnRleHR1YWwtaGVscC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbXG4gICAgTmdJZixcbiAgICBTYXBwaGlyZVR5cG9ncmFwaHlNb2R1bGUsXG4gICAgU2FwcGhpcmVCdXR0b25Nb2R1bGUsXG4gICAgU2FwcGhpcmVJY29uTW9kdWxlLFxuICAgIFNhcHBoaXJlUG9wb3Zlck1vZHVsZSxcbiAgXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gIGhvc3Q6IHtcbiAgICAnW2F0dHIuYXJpYS1sYWJlbF0nOiAnbnVsbCcsXG4gIH0sXG59KVxuZXhwb3J0IGNsYXNzIENvbnRleHR1YWxIZWxwQ29tcG9uZW50IHtcbiAgLyoqXG4gICAqXG4gICAqIFRoZSB0eXBlIG9mIGNvbnRleHR1YWwgaGVscCB3aGljaCBkZXRlcm1pbmVzIHRoZSBpY29uIHNob3duLlxuICAgKlxuICAgKiBVc2UgXCJpbmZvXCIgZm9yIGJyaWVmLCBjb250ZXh0dWFsIHN1cHBsZW1lbnRhbCBpbmZvcm1hdGlvbi4gVGhlIGNvbnRlbnRcbiAgICogaW5zaWRlIHNob3VsZCBoYXZlIGFuIGluc3RydWN0aXZlIHRvbmUuXG4gICAqXG4gICAqIFVzZSBcImhlbHBcIiB2YXJpYW50IHRvIHNpZ25hbCBtb3JlIGluLWRlcHRoIGd1aWRhbmNlIGFib3V0IGEgdGFzayBvciBVSSxcbiAgICogdGhpcyBtYXkgaW5jbHVkZSBsaW5rcyBvciBpbWFnZXMgb3Igb3RoZXIgaGVscGZ1bCBtZWRpYS4gVGhlIGNvbnRlbnRcbiAgICogaW5zaWRlIHNob3VsZCBoYXZlIGEgaGVscGZ1bCB0b25lLlxuICAgKlxuICAgKiBAZGVmYXVsdCAnaW5mbydcbiAgICovXG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ6ICdpbmZvJyB8ICdoZWxwJyA9ICdpbmZvJztcblxuICAvKipcbiAgICogUGxhY2VtZW50IG9mIGNvbnRleHR1YWwgaGVscCBwb3BvdmVyIHJlbGF0aXZlIHRvIHRoZSBpY29uIHRoYXQgdHJpZ2dlcnMgaXQuXG4gICAqL1xuICBASW5wdXQoKVxuICBwbGFjZW1lbnQ6IFBsYWNlbWVudCA9ICd0b3AnO1xuXG4gIC8qKlxuICAgKiBUaGUgbGFiZWwgZm9yIHRoZSB0cmlnZ2VyIG9mIHRoZSBjb250ZXh0dWFsIGhlbHAgZGlhbG9nLlxuICAgKiBUaGlzIHdpbGwgTk9UIGJlIHJlbmRlcmVkIG9uIHRoZSBzY3JlZW4sIGJ1dCBpdCBpcyByZXF1aXJlZFxuICAgKiBmb3IgYWNjZXNzaWJpbGl0eSByZWFzb25zLlxuICAgKi9cbiAgQElucHV0KCdhcmlhLWxhYmVsJylcbiAgYXJpYUxhYmVsITogc3RyaW5nO1xuXG4gIEBWaWV3Q2hpbGQoUG9wb3ZlclRyaWdnZXJEaXJlY3RpdmUpXG4gIF90cmlnZ2VyPzogUG9wb3ZlclRyaWdnZXJEaXJlY3RpdmU7XG5cbiAgQENvbnRlbnRDaGlsZChDb250ZXh0dWFsSGVscEZvb3RlckRpcmVjdGl2ZSlcbiAgX2Zvb3Rlcj86IENvbnRleHR1YWxIZWxwRm9vdGVyRGlyZWN0aXZlO1xuXG4gIEBDb250ZW50Q2hpbGQoQ29udGV4dHVhbEhlbHBIZWFkZXJEaXJlY3RpdmUpXG4gIF9oZWFkZXI/OiBDb250ZXh0dWFsSGVscEhlYWRlckRpcmVjdGl2ZTtcblxuICBpc09wZW4oKSB7XG4gICAgcmV0dXJuIHRoaXMuX3RyaWdnZXI/LmlzT3BlbigpO1xuICB9XG5cbiAgdG9nZ2xlKCkge1xuICAgIHJldHVybiB0aGlzLl90cmlnZ2VyPy50b2dnbGUoKTtcbiAgfVxuICBvcGVuKCkge1xuICAgIHJldHVybiB0aGlzLl90cmlnZ2VyPy5vcGVuKCk7XG4gIH1cbiAgY2xvc2UoKSB7XG4gICAgcmV0dXJuIHRoaXMuX3RyaWdnZXI/LmNsb3NlKCk7XG4gIH1cbn1cbiIsIjxidXR0b25cbiAgc3AtaWNvbi1idXR0b25cbiAgc2l6ZT1cImV4dHJhU21hbGxcIlxuICB2YXJpYW50PVwidGVydGlhcnlcIlxuICBhcHBlYXJhbmNlPVwiZ2hvc3RcIlxuICBbc3BQb3BvdmVyVHJpZ2dlckZvcl09XCJwb3BvdmVyXCJcbiAgW3NwUG9wb3ZlclBsYWNlbWVudF09XCJwbGFjZW1lbnRcIlxuICBbYXR0ci5hcmlhLWxhYmVsXT1cImFyaWFMYWJlbFwiXG4+XG4gIDxzcC1pY29uXG4gICAgKm5nSWY9XCJ2YXJpYW50ID09PSAnaGVscCc7IGVsc2UgZGVmYXVsdEljb25cIlxuICAgIG5hbWU9XCJxdWVzdGlvbk1hcmtDaXJjbGVcIlxuICAgIHNpemU9XCIxNnB4XCJcbiAgPjwvc3AtaWNvbj5cbiAgPG5nLXRlbXBsYXRlICNkZWZhdWx0SWNvbj5cbiAgICA8c3AtaWNvbiBuYW1lPVwiaW5mb1wiPjwvc3AtaWNvbj5cbiAgPC9uZy10ZW1wbGF0ZT5cbjwvYnV0dG9uPlxuXG48bmctdGVtcGxhdGUgI3BvcG92ZXI+XG4gIDxzcC1wb3BvdmVyIG5vUGFkZGluZz5cbiAgICA8ZGl2IGNsYXNzPVwic2FwcGhpcmUtY29udGV4dHVhbC1oZWxwXCI+XG4gICAgICA8ZGl2ICpuZ0lmPVwiX2hlYWRlclwiIGNsYXNzPVwic2FwcGhpcmUtY29udGV4dHVhbC1oZWxwX19oZWFkZXJcIj5cbiAgICAgICAgPGg2IHNwLWhlYWRpbmcgc3BQb3BvdmVyVGl0bGU+XG4gICAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3AtY29udGV4dHVhbC1oZWxwLWhlYWRlclwiPjwvbmctY29udGVudD5cbiAgICAgICAgPC9oNj5cbiAgICAgIDwvZGl2PlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3AtY29udGV4dHVhbC1oZWxwLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG4gICAgICA8ZGl2ICpuZ0lmPVwiX2Zvb3RlclwiIGNsYXNzPVwic2FwcGhpcmUtY29udGV4dHVhbC1oZWxwX19mb290ZXJcIj5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwic3AtY29udGV4dHVhbC1oZWxwLWZvb3RlclwiPjwvbmctY29udGVudD5cbiAgICAgIDwvZGl2PlxuICAgIDwvZGl2PlxuICA8L3NwLXBvcG92ZXI+XG48L25nLXRlbXBsYXRlPlxuIl19
|
|
@@ -35,7 +35,7 @@ export class DialogComponent extends ModalBaseComponent {
|
|
|
35
35
|
}
|
|
36
36
|
}
|
|
37
37
|
DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
38
|
-
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogComponent, selector: "sp-dialog", inputs: { size: "size" }, host: { properties: { "class.sapphire-dialog--small": "size === 'small'", "class.sapphire-dialog--medium": "size === 'medium'", "class.sapphire-dialog--large": "size === 'large'", "class.sapphire-dialog--passive": "type === 'passive'" }, classAttribute: "sapphire-dialog" }, queries: [{ propertyName: "footer", first: true, predicate: DialogFooterDirective, descendants: true }, { propertyName: "header", first: true, predicate: DialogHeaderDirective, descendants: true }, { propertyName: "content", first: true, predicate: DialogContentDirective, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n<ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n<ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n", styles: [".sapphire-dialog{border-radius:var(--sapphire-dialog-size-radius);background-color:var(--sapphire-dialog-color-background);font-family:var(--sapphire-dialog-font-name);color:var(--sapphire-dialog-color-content);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none}.sapphire-dialog--small{width:var(--sapphire-dialog-size-width-s)}.sapphire-dialog--medium{width:var(--sapphire-dialog-size-width-m)}.sapphire-dialog--large{width:var(--sapphire-dialog-size-width-l)}.sapphire-dialog-header{padding:var(--sapphire-dialog-size-spacing-header-top-default) var(--sapphire-dialog-size-spacing-header-right-default) var(--sapphire-dialog-size-spacing-header-bottom-default) var(--sapphire-dialog-size-spacing-header-left-default);display:flex;justify-content:space-between;align-items:center}.sapphire-dialog--passive .sapphire-dialog-header{padding:var(--sapphire-dialog-size-spacing-header-top-passive) var(--sapphire-dialog-size-spacing-header-right-passive) var(--sapphire-dialog-size-spacing-header-bottom-passive) var(--sapphire-dialog-size-spacing-header-left-passive)}.sapphire-dialog-close-button-container{align-self:flex-start}.sapphire-dialog-body{padding:var(--sapphire-dialog-size-spacing-body-top-default) var(--sapphire-dialog-size-spacing-body-right-default) var(--sapphire-dialog-size-spacing-body-bottom-default) var(--sapphire-dialog-size-spacing-body-left-default);overflow-y:auto;overflow-x:hidden}.sapphire-dialog--passive .sapphire-dialog-body{padding:var(--sapphire-dialog-size-spacing-body-top-passive) var(--sapphire-dialog-size-spacing-body-right-passive) var(--sapphire-dialog-size-spacing-body-bottom-passive) var(--sapphire-dialog-size-spacing-body-left-passive)}.sapphire-dialog-footer{padding:var(--sapphire-dialog-size-spacing-footer-top-default) var(--sapphire-dialog-size-spacing-footer-right-default) var(--sapphire-dialog-size-spacing-footer-bottom-default) var(--sapphire-dialog-size-spacing-footer-left-default)}.sapphire-dialog-header+.sapphire-dialog-body{border-top:var(--sapphire-dialog-size-border) solid transparent}.sapphire-dialog-header+.sapphire-dialog-body.sapphire-dialog-body--scrolled{border-top:var(--sapphire-dialog-size-border) solid var(--sapphire-dialog-color-separator)}.sapphire-dialog-body+.sapphire-dialog-footer{border-top:var(--sapphire-dialog-size-border) solid transparent}.sapphire-dialog-body.sapphire-dialog-body--scrollable+.sapphire-dialog-footer{border-top:var(--sapphire-dialog-size-border) solid var(--sapphire-dialog-color-separator)}.sapphire-dialog:has(.sapphire-dialog-body--scrollable)>.sapphire-dialog-footer{padding:var(--sapphire-dialog-size-spacing-footer-top-scrollable) var(--sapphire-dialog-size-spacing-footer-right-scrollable) var(--sapphire-dialog-size-spacing-footer-bottom-scrollable) var(--sapphire-dialog-size-spacing-footer-left-scrollable)}\n"] });
|
|
38
|
+
DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogComponent, selector: "sp-dialog", inputs: { size: "size" }, host: { properties: { "class.sapphire-dialog--small": "size === 'small'", "class.sapphire-dialog--medium": "size === 'medium'", "class.sapphire-dialog--large": "size === 'large'", "class.sapphire-dialog--passive": "type === 'passive'", "class.sapphire-dialog--exiting": "dialogRef.closing" }, classAttribute: "sapphire-dialog" }, queries: [{ propertyName: "footer", first: true, predicate: DialogFooterDirective, descendants: true }, { propertyName: "header", first: true, predicate: DialogHeaderDirective, descendants: true }, { propertyName: "content", first: true, predicate: DialogContentDirective, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n<ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n<ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-dialog-size-radius);background-color:var(--sapphire-dialog-color-background);font-family:var(--sapphire-dialog-font-name);color:var(--sapphire-dialog-color-content);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-dialog-time-transition);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--small{width:var(--sapphire-dialog-size-width-s)}.sapphire-dialog--medium{width:var(--sapphire-dialog-size-width-m)}.sapphire-dialog--large{width:var(--sapphire-dialog-size-width-l)}.sapphire-dialog-header{padding:var(--sapphire-dialog-size-spacing-header-top-default) var(--sapphire-dialog-size-spacing-header-right-default) var(--sapphire-dialog-size-spacing-header-bottom-default) var(--sapphire-dialog-size-spacing-header-left-default);display:flex;justify-content:space-between;align-items:center}.sapphire-dialog--passive .sapphire-dialog-header{padding:var(--sapphire-dialog-size-spacing-header-top-passive) var(--sapphire-dialog-size-spacing-header-right-passive) var(--sapphire-dialog-size-spacing-header-bottom-passive) var(--sapphire-dialog-size-spacing-header-left-passive)}.sapphire-dialog-close-button-container{align-self:flex-start}.sapphire-dialog-body{padding:var(--sapphire-dialog-size-spacing-body-top-default) var(--sapphire-dialog-size-spacing-body-right-default) var(--sapphire-dialog-size-spacing-body-bottom-default) var(--sapphire-dialog-size-spacing-body-left-default);overflow-y:auto;overflow-x:hidden}.sapphire-dialog--passive .sapphire-dialog-body{padding:var(--sapphire-dialog-size-spacing-body-top-passive) var(--sapphire-dialog-size-spacing-body-right-passive) var(--sapphire-dialog-size-spacing-body-bottom-passive) var(--sapphire-dialog-size-spacing-body-left-passive)}.sapphire-dialog-footer{padding:var(--sapphire-dialog-size-spacing-footer-top-default) var(--sapphire-dialog-size-spacing-footer-right-default) var(--sapphire-dialog-size-spacing-footer-bottom-default) var(--sapphire-dialog-size-spacing-footer-left-default)}.sapphire-dialog-header+.sapphire-dialog-body{border-top:var(--sapphire-dialog-size-border) solid transparent}.sapphire-dialog-header+.sapphire-dialog-body.sapphire-dialog-body--scrolled{border-top:var(--sapphire-dialog-size-border) solid var(--sapphire-dialog-color-separator)}.sapphire-dialog-body+.sapphire-dialog-footer{border-top:var(--sapphire-dialog-size-border) solid transparent}.sapphire-dialog-body.sapphire-dialog-body--scrollable+.sapphire-dialog-footer{border-top:var(--sapphire-dialog-size-border) solid var(--sapphire-dialog-color-separator)}.sapphire-dialog:has(.sapphire-dialog-body--scrollable)>.sapphire-dialog-footer{padding:var(--sapphire-dialog-size-spacing-footer-top-scrollable) var(--sapphire-dialog-size-spacing-footer-right-scrollable) var(--sapphire-dialog-size-spacing-footer-bottom-scrollable) var(--sapphire-dialog-size-spacing-footer-left-scrollable)}\n"] });
|
|
39
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogComponent, decorators: [{
|
|
40
40
|
type: Component,
|
|
41
41
|
args: [{ selector: 'sp-dialog', host: {
|
|
@@ -44,7 +44,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
44
44
|
'[class.sapphire-dialog--medium]': "size === 'medium'",
|
|
45
45
|
'[class.sapphire-dialog--large]': "size === 'large'",
|
|
46
46
|
'[class.sapphire-dialog--passive]': "type === 'passive'",
|
|
47
|
-
|
|
47
|
+
'[class.sapphire-dialog--exiting]': 'dialogRef.closing',
|
|
48
|
+
}, hostDirectives: [UseComponentStylesOnHost], template: "<ng-content select=\"sp-dialog-header, [spDialogHeader]\"></ng-content>\n<ng-content select=\"sp-dialog-content, [sp-dialog-content]\"></ng-content>\n<ng-content select=\"sp-dialog-footer, [spDialogFooter]\"></ng-content>\n", styles: ["@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}.sapphire-dialog{border-radius:var(--sapphire-dialog-size-radius);background-color:var(--sapphire-dialog-color-background);font-family:var(--sapphire-dialog-font-name);color:var(--sapphire-dialog-color-content);box-sizing:border-box;overflow:hidden;max-height:90vh;max-width:90vw;display:flex;flex-direction:column;outline:none;animation-name:fade-in;animation-duration:var(--sapphire-dialog-time-transition);animation-timing-function:ease-in-out;animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--small{width:var(--sapphire-dialog-size-width-s)}.sapphire-dialog--medium{width:var(--sapphire-dialog-size-width-m)}.sapphire-dialog--large{width:var(--sapphire-dialog-size-width-l)}.sapphire-dialog-header{padding:var(--sapphire-dialog-size-spacing-header-top-default) var(--sapphire-dialog-size-spacing-header-right-default) var(--sapphire-dialog-size-spacing-header-bottom-default) var(--sapphire-dialog-size-spacing-header-left-default);display:flex;justify-content:space-between;align-items:center}.sapphire-dialog--passive .sapphire-dialog-header{padding:var(--sapphire-dialog-size-spacing-header-top-passive) var(--sapphire-dialog-size-spacing-header-right-passive) var(--sapphire-dialog-size-spacing-header-bottom-passive) var(--sapphire-dialog-size-spacing-header-left-passive)}.sapphire-dialog-close-button-container{align-self:flex-start}.sapphire-dialog-body{padding:var(--sapphire-dialog-size-spacing-body-top-default) var(--sapphire-dialog-size-spacing-body-right-default) var(--sapphire-dialog-size-spacing-body-bottom-default) var(--sapphire-dialog-size-spacing-body-left-default);overflow-y:auto;overflow-x:hidden}.sapphire-dialog--passive .sapphire-dialog-body{padding:var(--sapphire-dialog-size-spacing-body-top-passive) var(--sapphire-dialog-size-spacing-body-right-passive) var(--sapphire-dialog-size-spacing-body-bottom-passive) var(--sapphire-dialog-size-spacing-body-left-passive)}.sapphire-dialog-footer{padding:var(--sapphire-dialog-size-spacing-footer-top-default) var(--sapphire-dialog-size-spacing-footer-right-default) var(--sapphire-dialog-size-spacing-footer-bottom-default) var(--sapphire-dialog-size-spacing-footer-left-default)}.sapphire-dialog-header+.sapphire-dialog-body{border-top:var(--sapphire-dialog-size-border) solid transparent}.sapphire-dialog-header+.sapphire-dialog-body.sapphire-dialog-body--scrolled{border-top:var(--sapphire-dialog-size-border) solid var(--sapphire-dialog-color-separator)}.sapphire-dialog-body+.sapphire-dialog-footer{border-top:var(--sapphire-dialog-size-border) solid transparent}.sapphire-dialog-body.sapphire-dialog-body--scrollable+.sapphire-dialog-footer{border-top:var(--sapphire-dialog-size-border) solid var(--sapphire-dialog-color-separator)}.sapphire-dialog:has(.sapphire-dialog-body--scrollable)>.sapphire-dialog-footer{padding:var(--sapphire-dialog-size-spacing-footer-top-scrollable) var(--sapphire-dialog-size-spacing-footer-right-scrollable) var(--sapphire-dialog-size-spacing-footer-bottom-scrollable) var(--sapphire-dialog-size-spacing-footer-left-scrollable)}\n"] }]
|
|
48
49
|
}], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { size: [{
|
|
49
50
|
type: Input
|
|
50
51
|
}], footer: [{
|
|
@@ -57,4 +58,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
57
58
|
type: ContentChild,
|
|
58
59
|
args: [DialogContentDirective]
|
|
59
60
|
}] } });
|
|
60
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2RpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLFlBQVksRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFL0QsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sNEJBQTRCLENBQUM7QUFDcEUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDbEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7Ozs7QUFFdkY7OztHQUdHO0FBZUgsTUFBTSxPQUFPLGVBQWdCLFNBQVEsa0JBQWtCO0lBT3JEOzs7Ozs7O09BT0c7SUFDSCxJQUFJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxrQkFBa0IsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsTUFBTSxDQUFDO1lBQ3JELENBQUMsQ0FBQyxTQUFTO1lBQ1gsQ0FBQyxDQUFDLFFBQVEsQ0FBQztJQUNmLENBQUM7SUFXRCxZQUFzQixTQUFvQjtRQUN4QyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7UUFERyxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBN0IxQzs7V0FFRztRQUVILFNBQUksR0FBaUMsT0FBTyxDQUFDO0lBMkI3QyxDQUFDOzs0R0FoQ1UsZUFBZTtnR0FBZixlQUFlLHliQXFCWixxQkFBcUIseUVBR3JCLHFCQUFxQiwwRUFHckIsc0JBQXNCLHFJQ3JEdEMsaU9BR0E7MkZEdUJhLGVBQWU7a0JBZDNCLFNBQVM7K0JBQ0UsV0FBVyxRQUVmO3dCQUNKLEtBQUssRUFBRSxpQkFBaUI7d0JBQ3hCLGdDQUFnQyxFQUFFLGtCQUFrQjt3QkFDcEQsaUNBQWlDLEVBQUUsbUJBQW1CO3dCQUN0RCxnQ0FBZ0MsRUFBRSxrQkFBa0I7d0JBQ3BELGtDQUFrQyxFQUFFLG9CQUFvQjt3QkFDeEQsa0NBQWtDLEVBQUUsbUJBQW1CO3FCQUN4RCxrQkFDZSxDQUFDLHdCQUF3QixDQUFDO2dHQVExQyxJQUFJO3NCQURILEtBQUs7Z0JBa0JOLE1BQU07c0JBREwsWUFBWTt1QkFBQyxxQkFBcUI7Z0JBSW5DLE1BQU07c0JBREwsWUFBWTt1QkFBQyxxQkFBcUI7Z0JBSW5DLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxzQkFBc0IiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIENvbnRlbnRDaGlsZCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgRGlhbG9nRm9vdGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9kaWFsb2ctZm9vdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBEaWFsb2dDb250ZW50RGlyZWN0aXZlIH0gZnJvbSAnLi9kaWFsb2ctY29udGVudC5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGlhbG9nSGVhZGVyRGlyZWN0aXZlIH0gZnJvbSAnLi9kaWFsb2ctaGVhZGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb2RhbEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9tb2RhbC1iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuLyoqXG4gKiBEaWFsb2dzIGZvY3VzIHRoZSB1c2VyJ3MgYXR0ZW50aW9uIGV4Y2x1c2l2ZWx5IG9uIG9uZSB0YXNrIG9yIHBpZWNlIG9mXG4gKiBpbmZvcm1hdGlvbiB2aWEgYSBkaWFsb2cgYm94IHRoYXQgc2l0cyBvbiB0b3Agb2YgdGhlIHBhZ2UgY29udGVudC5cbiAqL1xuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtZGlhbG9nJyxcbiAgdGVtcGxhdGVVcmw6ICcuL2RpYWxvZy5jb21wb25lbnQuaHRtbCcsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWRpYWxvZycsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLXNtYWxsXSc6IFwic2l6ZSA9PT0gJ3NtYWxsJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1tZWRpdW1dJzogXCJzaXplID09PSAnbWVkaXVtJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1sYXJnZV0nOiBcInNpemUgPT09ICdsYXJnZSdcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWRpYWxvZy0tcGFzc2l2ZV0nOiBcInR5cGUgPT09ICdwYXNzaXZlJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1leGl0aW5nXSc6ICdkaWFsb2dSZWYuY2xvc2luZycsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERpYWxvZ0NvbXBvbmVudCBleHRlbmRzIE1vZGFsQmFzZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBEaWFsb2cgc2l6ZSwgY29uc3RyYWluaW5nIHRoZSB3aWR0aCBvZiB0aGUgZGlhbG9nLlxuICAgKi9cbiAgQElucHV0KClcbiAgc2l6ZTogJ3NtYWxsJyB8ICdtZWRpdW0nIHwgJ2xhcmdlJyA9ICdzbWFsbCc7XG5cbiAgLyoqXG4gICAqIFR5cGUgb2YgdGhlIGRpYWxvZzpcbiAgICogIC0gJ3Bhc3NpdmUnOiBBIGRpYWxvZyB3aXRob3V0IGZvb3RlciB3aXRoIGFjdGlvbnMuIFBhc3NpdmUgZGlhbG9ncyBhcmVcbiAgICogICAgIHVzZWQgdG8gZGlzcGxheSBpbmZvcm1hdGlvbiwgdGhhdCBkb2Vzbid0IHJlcXVpcmUgYW55IGZ1cnRoZXIgYWN0aW9uLlxuICAgKiAgLSAnYWN0aXZlJzogQSBkaWFsb2cgd2l0aCBhIGZvb3RlciB0aGF0IGNvbnRhaW5zIGFjdGlvbnMuIEFjdGl2ZSBkaWFsb2dzXG4gICAqICAgICBhcmUgdXNlZCB0byBkaXNwbGF5IGluZm9ybWF0aW9uIGJhc2VkIG9uIHdoaWNoIHRoZSB1c2VyIGlzIHN1cHBvc2VkIHRvXG4gICAqICAgICBkZWNpZGUgb24gYW4gYWN0aW9uXG4gICAqL1xuICBnZXQgdHlwZSgpOiAncGFzc2l2ZScgfCAnYWN0aXZlJyB7XG4gICAgcmV0dXJuIHRoaXMuY29udGVudEluaXRpYWxpemVkICYmICFCb29sZWFuKHRoaXMuZm9vdGVyKVxuICAgICAgPyAncGFzc2l2ZSdcbiAgICAgIDogJ2FjdGl2ZSc7XG4gIH1cblxuICBAQ29udGVudENoaWxkKERpYWxvZ0Zvb3RlckRpcmVjdGl2ZSlcbiAgZm9vdGVyPzogRGlhbG9nRm9vdGVyRGlyZWN0aXZlO1xuXG4gIEBDb250ZW50Q2hpbGQoRGlhbG9nSGVhZGVyRGlyZWN0aXZlKVxuICBoZWFkZXI/OiBEaWFsb2dIZWFkZXJEaXJlY3RpdmU7XG5cbiAgQENvbnRlbnRDaGlsZChEaWFsb2dDb250ZW50RGlyZWN0aXZlKVxuICBjb250ZW50PzogRGlhbG9nQ29udGVudERpcmVjdGl2ZTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcbiAgICBzdXBlcihkaWFsb2dSZWYpO1xuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJzcC1kaWFsb2ctaGVhZGVyLCBbc3BEaWFsb2dIZWFkZXJdXCI+PC9uZy1jb250ZW50PlxuPG5nLWNvbnRlbnQgc2VsZWN0PVwic3AtZGlhbG9nLWNvbnRlbnQsIFtzcC1kaWFsb2ctY29udGVudF1cIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJzcC1kaWFsb2ctZm9vdGVyLCBbc3BEaWFsb2dGb290ZXJdXCI+PC9uZy1jb250ZW50PlxuIl19
|
|
@@ -57,6 +57,9 @@ export class ModalBaseComponent {
|
|
|
57
57
|
close() {
|
|
58
58
|
this.dialogRef.close();
|
|
59
59
|
}
|
|
60
|
+
ngOnDestroy() {
|
|
61
|
+
this.dialogRef.immediateClose();
|
|
62
|
+
}
|
|
60
63
|
}
|
|
61
64
|
ModalBaseComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalBaseComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
62
65
|
ModalBaseComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalBaseComponent, selector: "ng-component", inputs: { ariaLabel: ["aria-label", "ariaLabel"], ariaLabelledBy: ["aria-labelledby", "ariaLabelledBy"], ariaDescribedBy: ["aria-describedby", "ariaDescribedBy"], role: "role" }, host: { properties: { "attr.aria-label": "null", "attr.aria-labelledby": "null", "attr.aria-describedby": "null", "attr.role": "null" } }, usesOnChanges: true, ngImport: i0, template: '', isInline: true });
|
|
@@ -86,4 +89,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
86
89
|
type: Input,
|
|
87
90
|
args: ['role']
|
|
88
91
|
}] } });
|
|
89
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
92
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtYmFzZS5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9tb2RhbC1iYXNlLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsa0JBQWtCLEdBSW5CLE1BQU0scUJBQXFCLENBQUM7QUFDN0IsT0FBTyxFQUdMLFNBQVMsRUFDVCxLQUFLLEdBSU4sTUFBTSxlQUFlLENBQUM7OztBQWF2QixNQUFNLE9BQWdCLGtCQUFrQjtJQTZCdEMsWUFBc0IsU0FBb0I7UUFBcEIsY0FBUyxHQUFULFNBQVMsQ0FBVztRQUhoQyx1QkFBa0IsR0FBRyxLQUFLLENBQUM7SUFHUSxDQUFDO0lBRTlDLFdBQVcsQ0FBQyxPQUFzQjtRQUNoQyxNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsaUJBQWlCLENBQUM7UUFDM0QsZ0ZBQWdGO1FBQ2hGLG9EQUFvRDtRQUNwRCxJQUFJLGlCQUFpQixZQUFZLGtCQUFrQixFQUFFO1lBQ25ELGdFQUFnRTtZQUNoRSxrREFBa0Q7WUFDbEQsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7Z0JBQzFCLE1BQU0sSUFBSSxHQUtOLENBQUMsV0FBVyxFQUFFLGdCQUFnQixFQUFFLGlCQUFpQixFQUFFLE1BQU0sQ0FBQyxDQUFDO2dCQUMvRCxJQUFJO3FCQUNELE1BQU0sQ0FBQyxDQUFDLEdBQUcsRUFBRSxFQUFFLENBQUMsT0FBTyxDQUFDLEdBQWEsQ0FBQyxDQUFDO3FCQUN2QyxPQUFPLENBQUMsQ0FBQyxHQUFHLEVBQUUsRUFBRTtvQkFDZixNQUFNLEtBQUssR0FBRyxJQUFJLENBQUMsR0FBRyxDQUFDLENBQUM7b0JBQ3hCLGlCQUFpQixDQUFDLE9BQU8sQ0FBQyxHQUFHLENBQUMsR0FBRyxLQUFLLENBQUM7b0JBQ3ZDLDBEQUEwRDtvQkFDMUQsbUVBQW1FO29CQUNuRSx3QkFBd0I7b0JBQ3hCLElBQUksR0FBRyxLQUFLLGdCQUFnQixJQUFJLEtBQUssS0FBSyxTQUFTLEVBQUU7d0JBQ25ELGlCQUFpQixDQUFDLGVBQWUsR0FBRyxLQUFLLENBQUM7cUJBQzNDO2dCQUNILENBQUMsQ0FBQyxDQUFDO1lBQ1AsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxrQkFBa0I7UUFDaEIsNEVBQTRFO1FBQzVFLDBFQUEwRTtRQUMxRSxrRUFBa0U7UUFDbEUsdUVBQXVFO1FBQ3ZFLGtDQUFrQztRQUNsQyxPQUFPLENBQUMsT0FBTyxFQUFFLENBQUMsSUFBSSxDQUFDLEdBQUcsRUFBRTtZQUMxQixJQUFJLENBQUMsa0JBQWtCLEdBQUcsSUFBSSxDQUFDO1FBQ2pDLENBQUMsQ0FBQyxDQUFDO0lBQ0wsQ0FBQztJQUVELHFCQUFxQjtRQUNuQixNQUFNLGlCQUFpQixHQUFHLElBQUksQ0FBQyxTQUFTLENBQUMsaUJBQWlCLENBQUM7UUFDM0QsTUFBTSxRQUFRLEdBQUcsSUFBSSxDQUFDLE1BQU0sRUFBRSxFQUFFLENBQUM7UUFDakMsSUFDRSxRQUFRO1lBQ1IsQ0FBQyxJQUFJLENBQUMsU0FBUztZQUNmLENBQUMsSUFBSSxDQUFDLGNBQWM7WUFDcEIsaUJBQWlCLFlBQVksa0JBQWtCO1lBQy9DLFFBQVEsS0FBSyxpQkFBaUIsQ0FBQyxlQUFlLEVBQzlDO1lBQ0EsT0FBTyxDQUFDLE9BQU8sRUFBRSxDQUFDLElBQUksQ0FBQyxHQUFHLEVBQUU7Z0JBQzFCLGlCQUFpQixDQUFDLGVBQWUsR0FBRyxRQUFRLENBQUM7WUFDL0MsQ0FBQyxDQUFDLENBQUM7U0FDSjtJQUNILENBQUM7SUFFRCxLQUFLO1FBQ0gsSUFBSSxDQUFDLFNBQVMsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QixDQUFDO0lBRUQsV0FBVztRQUNSLElBQUksQ0FBQyxTQUFpQixDQUFDLGNBQWMsRUFBRSxDQUFDO0lBQzNDLENBQUM7OytHQTlGbUIsa0JBQWtCO21HQUFsQixrQkFBa0IsdVlBVjVCLEVBQUU7MkZBVVEsa0JBQWtCO2tCQVh2QyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxFQUFFO29CQUNaLElBQUksRUFBRTt3QkFDSiwyRUFBMkU7d0JBQzNFLG9EQUFvRDt3QkFDcEQsbUJBQW1CLEVBQUUsTUFBTTt3QkFDM0Isd0JBQXdCLEVBQUUsTUFBTTt3QkFDaEMseUJBQXlCLEVBQUUsTUFBTTt3QkFDakMsYUFBYSxFQUFFLE1BQU07cUJBQ3RCO2lCQUNGO2dHQVVDLFNBQVM7c0JBRFIsS0FBSzt1QkFBQyxZQUFZO2dCQU1uQixjQUFjO3NCQURiLEtBQUs7dUJBQUMsaUJBQWlCO2dCQU14QixlQUFlO3NCQURkLEtBQUs7dUJBQUMsa0JBQWtCO2dCQU16QixJQUFJO3NCQURILEtBQUs7dUJBQUMsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7XG4gIENka0RpYWxvZ0NvbnRhaW5lcixcbiAgRGlhbG9nQ29uZmlnLFxuICBEaWFsb2dSZWYsXG4gIERpYWxvZ1JvbGUsXG59IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHtcbiAgQWZ0ZXJDb250ZW50Q2hlY2tlZCxcbiAgQWZ0ZXJDb250ZW50SW5pdCxcbiAgQ29tcG9uZW50LFxuICBJbnB1dCxcbiAgT25DaGFuZ2VzLFxuICBPbkRlc3Ryb3ksXG4gIFNpbXBsZUNoYW5nZXMsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuXG5AQ29tcG9uZW50KHtcbiAgdGVtcGxhdGU6ICcnLFxuICBob3N0OiB7XG4gICAgLy8gYXJpYSBhdHRyaWJ1dGVzIG5ldXRyYWxpemVkIGhlcmUsIHNpbmNlIHRoZXkgYXJlIHBvcnRlZCB0byB0aGUgY29udGFpbmVyXG4gICAgLy8gUmVhZCBtb3JlIGFib3V0IGl0IGluIGltcGxlbWVudGF0aW9uLWRlY2lzaW9ucy5tZFxuICAgICdbYXR0ci5hcmlhLWxhYmVsXSc6ICdudWxsJyxcbiAgICAnW2F0dHIuYXJpYS1sYWJlbGxlZGJ5XSc6ICdudWxsJyxcbiAgICAnW2F0dHIuYXJpYS1kZXNjcmliZWRieV0nOiAnbnVsbCcsXG4gICAgJ1thdHRyLnJvbGVdJzogJ251bGwnLFxuICB9LFxufSlcbmV4cG9ydCBhYnN0cmFjdCBjbGFzcyBNb2RhbEJhc2VDb21wb25lbnRcbiAgaW1wbGVtZW50cyBPbkNoYW5nZXMsIEFmdGVyQ29udGVudEluaXQsIEFmdGVyQ29udGVudENoZWNrZWQsIE9uRGVzdHJveVxue1xuICAvLyBBY2Nlc3NpYmlsaXR5IGlucHV0cy4gV2UgbmVlZCB0aGVtIHRvIHN5bmMgdGhlbSB3aXRoIENka0RpYWxvZ0NvbnRhaW5lci5cbiAgLy8gUmVhZCBtb3JlIGFib3V0IGl0IGluIGltcGxlbWVudGF0aW9uLWRlY2lzaW9ucy5tZFxuICAvKipcbiAgICogRGVmaW5lcyBhIHN0cmluZyB2YWx1ZSB0aGF0IGxhYmVscyB0aGUgY3VycmVudCBlbGVtZW50LlxuICAgKi9cbiAgQElucHV0KCdhcmlhLWxhYmVsJylcbiAgYXJpYUxhYmVsPzogc3RyaW5nO1xuICAvKipcbiAgICogSWRlbnRpZmllcyB0aGUgZWxlbWVudCAob3IgZWxlbWVudHMpIHRoYXQgbGFiZWxzIHRoZSBjdXJyZW50IGVsZW1lbnQuXG4gICAqL1xuICBASW5wdXQoJ2FyaWEtbGFiZWxsZWRieScpXG4gIGFyaWFMYWJlbGxlZEJ5Pzogc3RyaW5nO1xuICAvKipcbiAgICogSWRlbnRpZmllcyB0aGUgZWxlbWVudCAob3IgZWxlbWVudHMpIHRoYXQgZGVzY3JpYmVzIHRoZSBvYmplY3QuXG4gICAqL1xuICBASW5wdXQoJ2FyaWEtZGVzY3JpYmVkYnknKVxuICBhcmlhRGVzY3JpYmVkQnk/OiBzdHJpbmc7XG4gIC8qKlxuICAgKiBUaGUgYWNjZXNzaWJpbGl0eSByb2xlIGZvciB0aGUgZGlhbG9nLlxuICAgKi9cbiAgQElucHV0KCdyb2xlJylcbiAgcm9sZT86IERpYWxvZ1JvbGU7XG5cbiAgcHJvdGVjdGVkIGNvbnRlbnRJbml0aWFsaXplZCA9IGZhbHNlO1xuICBhYnN0cmFjdCBoZWFkZXI/OiB7IGlkOiBzdHJpbmcgfTtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHt9XG5cbiAgbmdPbkNoYW5nZXMoY2hhbmdlczogU2ltcGxlQ2hhbmdlcyk6IHZvaWQge1xuICAgIGNvbnN0IGNvbnRhaW5lckluc3RhbmNlID0gdGhpcy5kaWFsb2dSZWYuY29udGFpbmVySW5zdGFuY2U7XG4gICAgLy8gU3luY2luZyBzb21lIGRpYWxvZyBjb25maWcgcHJvcGVydGllcywgd2hlbiBjb3JyZXNwb25kaW5nIGlucHV0cyBhcmUgY2hhbmdlZC5cbiAgICAvLyBSZWFkIG1vcmUgYWJvdXQgaXQgaW4gaW1wbGVtZW50YXRpb24tZGVjaXNpb25zLm1kXG4gICAgaWYgKGNvbnRhaW5lckluc3RhbmNlIGluc3RhbmNlb2YgQ2RrRGlhbG9nQ29udGFpbmVyKSB7XG4gICAgICAvLyBQcm9taXNlLnJlc29sdmUgdG8gYXZvaWQgXCJFeHByZXNzaW9uIGhhcyBjaGFuZ2VkIGFmdGVyIGl0IHdhc1xuICAgICAgLy8gY2hlY2tlZFwiIGVycm9yLCB3aGljaCBjYW4gaGFwcGVuIGluIHNvbWUgY2FzZXMuXG4gICAgICBQcm9taXNlLnJlc29sdmUoKS50aGVuKCgpID0+IHtcbiAgICAgICAgY29uc3Qga2V5czogQXJyYXk8XG4gICAgICAgICAga2V5b2YgUGljazxcbiAgICAgICAgICAgIERpYWxvZ0NvbmZpZyxcbiAgICAgICAgICAgICdyb2xlJyB8ICdhcmlhTGFiZWwnIHwgJ2FyaWFMYWJlbGxlZEJ5JyB8ICdhcmlhRGVzY3JpYmVkQnknXG4gICAgICAgICAgPlxuICAgICAgICA+ID0gWydhcmlhTGFiZWwnLCAnYXJpYUxhYmVsbGVkQnknLCAnYXJpYURlc2NyaWJlZEJ5JywgJ3JvbGUnXTtcbiAgICAgICAga2V5c1xuICAgICAgICAgIC5maWx0ZXIoKGtleSkgPT4gY2hhbmdlc1trZXkgYXMgc3RyaW5nXSlcbiAgICAgICAgICAuZm9yRWFjaCgoa2V5KSA9PiB7XG4gICAgICAgICAgICBjb25zdCB2YWx1ZSA9IHRoaXNba2V5XTtcbiAgICAgICAgICAgIGNvbnRhaW5lckluc3RhbmNlLl9jb25maWdba2V5XSA9IHZhbHVlO1xuICAgICAgICAgICAgLy8gYXJpYUxhYmVsZWRCeSBpcyBmb3Igc29tZSByZWFzb24gdHJlYXRlZCBkaWZmZXJlbnRseSBpblxuICAgICAgICAgICAgLy8gQ2RrRGlhbG9nQ29udGFpbmVyLCBhbmQgaXMgcmVhZCBvZmYgdGhlIGluc3RhbmNlIGl0c2VsZiwgaW5zdGVhZFxuICAgICAgICAgICAgLy8gb2YgdGhlIGNvbmZpZyBvYmplY3QuXG4gICAgICAgICAgICBpZiAoa2V5ID09PSAnYXJpYUxhYmVsbGVkQnknICYmIHZhbHVlICE9PSB1bmRlZmluZWQpIHtcbiAgICAgICAgICAgICAgY29udGFpbmVySW5zdGFuY2UuX2FyaWFMYWJlbGxlZEJ5ID0gdmFsdWU7XG4gICAgICAgICAgICB9XG4gICAgICAgICAgfSk7XG4gICAgICB9KTtcbiAgICB9XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudEluaXQoKTogdm9pZCB7XG4gICAgLy8gRm9yIHNvbWUgcmVhc29uLCB3aGVuIHNwLWRpYWxvZyBpcyB3cmFwcGVkIChpbiBzcC1jb25maXJtYXRpb24tZGlhbG9nIGZvclxuICAgIC8vIGV4YW1wbGUpLCBcIkV4cHJlc3Npb24gY2hhbmdlZCAuLi5cIiBlcnJvciBpcyB0aHJvd24sIGFzIGB0eXBlYCAod2hpY2ggaXNcbiAgICAvLyB1c2VkIGluIHNwLWRpYWxvZy1oZWFkZXIpIGlzIGNoYW5nZWQgZm9ybSBcInBhc3NpdmVcIiB0byBcImFjdGl2ZVwiXG4gICAgLy8gaW50ZXJlc3RpbmdseSwgdGhpcyBkb2Vzbid0IGhhcHBlbiBpbiBhY3RpdmUgZGlhbG9ncyB3aGVyZSBzcC1kaWFsb2dcbiAgICAvLyBpcyBkaXJlY3RseSBpbnNpZGUgbmctdGVtcGxhdGUuXG4gICAgUHJvbWlzZS5yZXNvbHZlKCkudGhlbigoKSA9PiB7XG4gICAgICB0aGlzLmNvbnRlbnRJbml0aWFsaXplZCA9IHRydWU7XG4gICAgfSk7XG4gIH1cblxuICBuZ0FmdGVyQ29udGVudENoZWNrZWQoKTogdm9pZCB7XG4gICAgY29uc3QgY29udGFpbmVySW5zdGFuY2UgPSB0aGlzLmRpYWxvZ1JlZi5jb250YWluZXJJbnN0YW5jZTtcbiAgICBjb25zdCBoZWFkZXJJZCA9IHRoaXMuaGVhZGVyPy5pZDtcbiAgICBpZiAoXG4gICAgICBoZWFkZXJJZCAmJlxuICAgICAgIXRoaXMuYXJpYUxhYmVsICYmXG4gICAgICAhdGhpcy5hcmlhTGFiZWxsZWRCeSAmJlxuICAgICAgY29udGFpbmVySW5zdGFuY2UgaW5zdGFuY2VvZiBDZGtEaWFsb2dDb250YWluZXIgJiZcbiAgICAgIGhlYWRlcklkICE9PSBjb250YWluZXJJbnN0YW5jZS5fYXJpYUxhYmVsbGVkQnlcbiAgICApIHtcbiAgICAgIFByb21pc2UucmVzb2x2ZSgpLnRoZW4oKCkgPT4ge1xuICAgICAgICBjb250YWluZXJJbnN0YW5jZS5fYXJpYUxhYmVsbGVkQnkgPSBoZWFkZXJJZDtcbiAgICAgIH0pO1xuICAgIH1cbiAgfVxuXG4gIGNsb3NlKCkge1xuICAgIHRoaXMuZGlhbG9nUmVmLmNsb3NlKCk7XG4gIH1cblxuICBuZ09uRGVzdHJveSgpIHtcbiAgICAodGhpcy5kaWFsb2dSZWYgYXMgYW55KS5pbW1lZGlhdGVDbG9zZSgpO1xuICB9XG59XG4iXX0=
|
|
@@ -20,12 +20,22 @@ export class ModalService {
|
|
|
20
20
|
*/
|
|
21
21
|
disableClose: true,
|
|
22
22
|
backdropClass: [
|
|
23
|
-
'cdk-overlay-backdrop',
|
|
24
|
-
'cdk-overlay-backdrop-showing',
|
|
23
|
+
'cdk-overlay-backdrop-noop-animation',
|
|
25
24
|
'sapphire-backdrop',
|
|
26
25
|
],
|
|
27
26
|
positionStrategy,
|
|
28
27
|
});
|
|
28
|
+
const close = dialogRef.close.bind(dialogRef);
|
|
29
|
+
dialogRef.immediateClose = close;
|
|
30
|
+
dialogRef.closing = false;
|
|
31
|
+
dialogRef.close = () => {
|
|
32
|
+
dialogRef.closing = true;
|
|
33
|
+
dialogRef?.overlayRef.backdropElement?.classList.add('sapphire-backdrop--exiting');
|
|
34
|
+
dialogRef?.overlayRef.backdropElement?.addEventListener('animationend', () => {
|
|
35
|
+
close();
|
|
36
|
+
dialogRef.closing = false;
|
|
37
|
+
}, { once: true });
|
|
38
|
+
};
|
|
29
39
|
dialogRef.backdropClick.subscribe(() => {
|
|
30
40
|
if (options?.dismissable) {
|
|
31
41
|
dialogRef.close(undefined, { focusOrigin: 'mouse' });
|
|
@@ -55,4 +65,4 @@ ModalService.ɵprov = i0.ɵɵngDeclareInjectable({ minVersion: "12.0.0", version
|
|
|
55
65
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalService, decorators: [{
|
|
56
66
|
type: Injectable
|
|
57
67
|
}], ctorParameters: function () { return [{ type: i1.Dialog }, { type: i2.Overlay }]; } });
|
|
58
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
68
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwuc2VydmljZS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL21vZGFsLnNlcnZpY2UudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBRUEsT0FBTyxFQUFFLFVBQVUsRUFBZSxNQUFNLGVBQWUsQ0FBQztBQUN4RCxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0sdUJBQXVCLENBQUM7Ozs7QUFnQnZELE1BQU0sT0FBTyxZQUFZO0lBQ3ZCLFlBQW9CLFNBQWlCLEVBQVUsT0FBZ0I7UUFBM0MsY0FBUyxHQUFULFNBQVMsQ0FBUTtRQUFVLFlBQU8sR0FBUCxPQUFPLENBQVM7SUFBRyxDQUFDO0lBRTNELElBQUksQ0FDVixzQkFBeUQsRUFDekQsVUFBd0IsRUFBRSxFQUMxQixnQkFBbUM7UUFFbkMsTUFBTSxTQUFTLEdBQW9CLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUNwRCxzQkFBc0IsRUFDdEI7WUFDRTs7Ozs7OztlQU9HO1lBQ0gsWUFBWSxFQUFFLElBQUk7WUFDbEIsYUFBYSxFQUFFO2dCQUNiLHFDQUFxQztnQkFDckMsbUJBQW1CO2FBQ3BCO1lBQ0QsZ0JBQWdCO1NBQ2pCLENBQ0YsQ0FBQztRQUVGLE1BQU0sS0FBSyxHQUFHLFNBQVMsQ0FBQyxLQUFLLENBQUMsSUFBSSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRTdDLFNBQWlCLENBQUMsY0FBYyxHQUFHLEtBQUssQ0FBQztRQUV6QyxTQUFpQixDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7UUFFbkMsU0FBUyxDQUFDLEtBQUssR0FBRyxHQUFHLEVBQUU7WUFDcEIsU0FBaUIsQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDO1lBQ2xDLFNBQVMsRUFBRSxVQUFVLENBQUMsZUFBZSxFQUFFLFNBQVMsQ0FBQyxHQUFHLENBQ2xELDRCQUE0QixDQUM3QixDQUFDO1lBQ0YsU0FBUyxFQUFFLFVBQVUsQ0FBQyxlQUFlLEVBQUUsZ0JBQWdCLENBQ3JELGNBQWMsRUFDZCxHQUFHLEVBQUU7Z0JBQ0gsS0FBSyxFQUFFLENBQUM7Z0JBQ1AsU0FBaUIsQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBQ3JDLENBQUMsRUFDRCxFQUFFLElBQUksRUFBRSxJQUFJLEVBQUUsQ0FDZixDQUFDO1FBQ0osQ0FBQyxDQUFDO1FBRUYsU0FBUyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsR0FBRyxFQUFFO1lBQ3JDLElBQUksT0FBTyxFQUFFLFdBQVcsRUFBRTtnQkFDeEIsU0FBUyxDQUFDLEtBQUssQ0FBQyxTQUFTLEVBQUUsRUFBRSxXQUFXLEVBQUUsT0FBTyxFQUFFLENBQUMsQ0FBQzthQUN0RDtRQUNILENBQUMsQ0FBQyxDQUFDO1FBRUgsU0FBUyxDQUFDLGFBQWEsQ0FBQyxTQUFTLENBQUMsQ0FBQyxLQUFLLEVBQUUsRUFBRTtZQUMxQyxJQUNFLEtBQUssQ0FBQyxJQUFJLEtBQUssUUFBUTtnQkFDdkIsQ0FBQyxPQUFPLENBQUMsdUJBQXVCO2dCQUNoQyxDQUFDLGNBQWMsQ0FBQyxLQUFLLENBQUM7Z0JBQ3RCLEtBQUssQ0FBQyxNQUFNLFlBQVksSUFBSTtnQkFDNUIsU0FBUyxDQUFDLFVBQVUsQ0FBQyxXQUFXLENBQUMsUUFBUSxDQUFDLEtBQUssQ0FBQyxNQUFNLENBQUMsRUFDdkQ7Z0JBQ0EsS0FBSyxDQUFDLGNBQWMsRUFBRSxDQUFDO2dCQUN2QixTQUFTLENBQUMsS0FBSyxDQUFDLFNBQVMsRUFBRSxFQUFFLFdBQVcsRUFBRSxVQUFVLEVBQUUsQ0FBQyxDQUFDO2FBQ3pEO1FBQ0gsQ0FBQyxDQUFDLENBQUM7UUFFSCxPQUFPLFNBQVMsQ0FBQztJQUNuQixDQUFDO0lBRUQsVUFBVSxDQUNSLHNCQUF5RCxFQUN6RCxVQUF3QixFQUFFO1FBRTFCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FBQyxzQkFBc0IsRUFBRSxPQUFPLENBQUMsQ0FBQztJQUNwRCxDQUFDO0lBRUQsU0FBUyxDQUNQLHNCQUF5RCxFQUN6RCxVQUF3QixFQUFFO1FBRTFCLE9BQU8sSUFBSSxDQUFDLElBQUksQ0FDZCxzQkFBc0IsRUFDdEIsT0FBTyxFQUNQLElBQUksQ0FBQyxPQUFPLENBQUMsUUFBUSxFQUFFLENBQUMsTUFBTSxFQUFFLENBQUMsS0FBSyxFQUFFLENBQ3pDLENBQUM7SUFDSixDQUFDOzt5R0F2RlUsWUFBWTs2R0FBWixZQUFZOzJGQUFaLFlBQVk7a0JBRHhCLFVBQVUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2csIERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgQ29tcG9uZW50VHlwZSwgT3ZlcmxheSwgUG9zaXRpb25TdHJhdGVneSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9vdmVybGF5JztcbmltcG9ydCB7IEluamVjdGFibGUsIFRlbXBsYXRlUmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBoYXNNb2RpZmllcktleSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9rZXljb2Rlcyc7XG5cbmV4cG9ydCB0eXBlIE1vZGFsT3B0aW9ucyA9IHtcbiAgLyoqXG4gICAqIFdoZXRoZXIgdG8gY2xvc2UgdGhlIGRpYWxvZyB3aGVuIHRoZSBiYWNrZHJvcCBpcyBjbGlja2VkL3RvdWNoZWQuXG4gICAqIEBkZWZhdWx0IGZhbHNlXG4gICAqL1xuICBkaXNtaXNzYWJsZT86IGJvb2xlYW47XG4gIC8qKlxuICAgKiBXaGV0aGVyIHByZXNzaW5nIHRoZSBlc2NhcGUga2V5IHRvIGNsb3NlIHRoZSBkaWFsb2cgc2hvdWxkIGJlIGRpc2FibGVkLlxuICAgKiBAZGVmYXVsdCBmYWxzZVxuICAgKi9cbiAga2V5Ym9hcmREaXNtaXNzRGlzYWJsZWQ/OiBib29sZWFuO1xufTtcblxuQEluamVjdGFibGUoKVxuZXhwb3J0IGNsYXNzIE1vZGFsU2VydmljZSB7XG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RrRGlhbG9nOiBEaWFsb2csIHByaXZhdGUgb3ZlcmxheTogT3ZlcmxheSkge31cblxuICBwcml2YXRlIG9wZW48UiA9IHVua25vd24sIEMgPSB1bmtub3duPihcbiAgICBjb21wb25lbnRPclRlbXBsYXRlUmVmOiBDb21wb25lbnRUeXBlPEM+IHwgVGVtcGxhdGVSZWY8Qz4sXG4gICAgb3B0aW9uczogTW9kYWxPcHRpb25zID0ge30sXG4gICAgcG9zaXRpb25TdHJhdGVneT86IFBvc2l0aW9uU3RyYXRlZ3lcbiAgKTogRGlhbG9nUmVmPFIsIEM+IHtcbiAgICBjb25zdCBkaWFsb2dSZWY6IERpYWxvZ1JlZjxSLCBDPiA9IHRoaXMuY2RrRGlhbG9nLm9wZW4oXG4gICAgICBjb21wb25lbnRPclRlbXBsYXRlUmVmLFxuICAgICAge1xuICAgICAgICAvKipcbiAgICAgICAgICogVGhlcmUgaXMgbm8gc2VwYXJhdGUgb3B0aW9uIGZvciBkaXNtaXNzLWFiaWxpdHkgYnkgbW91c2UgYW5kXG4gICAgICAgICAqIGtleWJvYXJkLiBTbywgd2UgZGlzYWJsZSBib3RoIHZpYSBgZGlzYWJsZUNsb3NlYCwgYW5kIHNldCB1cCBvdXIgb3duXG4gICAgICAgICAqIGxpc3RlbmVycyBiZWxvdy5cbiAgICAgICAgICogQW5vdGhlciByZWFzb24gd2UgbmVlZCB0byBoYW5kbGUgZXNjYXBlcyBvdXJzZWxmIGlzIGFuIGV4dHJhIGNoZWNrIG9uXG4gICAgICAgICAqIGV2ZW50IHRhcmdldCBiZWluZyBsb2NhdGVkIHdpdGhpbiB0aGUgZGlhbG9nLiBUbyBhdm9pZCBFc2NhcGVzIHByZXNzZWRcbiAgICAgICAgICogb24gcG9wb3ZlcnMgY2xvc2luZyB0aGUgZGlhbG9nIGFzIHdlbGwuXG4gICAgICAgICAqL1xuICAgICAgICBkaXNhYmxlQ2xvc2U6IHRydWUsXG4gICAgICAgIGJhY2tkcm9wQ2xhc3M6IFtcbiAgICAgICAgICAnY2RrLW92ZXJsYXktYmFja2Ryb3Atbm9vcC1hbmltYXRpb24nLCAvLyBUbyBkaXNhYmxlIHRoZSBkZWZhdWx0IGNkayBhbmltYXRpb25cbiAgICAgICAgICAnc2FwcGhpcmUtYmFja2Ryb3AnLFxuICAgICAgICBdLFxuICAgICAgICBwb3NpdGlvblN0cmF0ZWd5LFxuICAgICAgfVxuICAgICk7XG5cbiAgICBjb25zdCBjbG9zZSA9IGRpYWxvZ1JlZi5jbG9zZS5iaW5kKGRpYWxvZ1JlZik7XG5cbiAgICAoZGlhbG9nUmVmIGFzIGFueSkuaW1tZWRpYXRlQ2xvc2UgPSBjbG9zZTtcblxuICAgIChkaWFsb2dSZWYgYXMgYW55KS5jbG9zaW5nID0gZmFsc2U7XG5cbiAgICBkaWFsb2dSZWYuY2xvc2UgPSAoKSA9PiB7XG4gICAgICAoZGlhbG9nUmVmIGFzIGFueSkuY2xvc2luZyA9IHRydWU7XG4gICAgICBkaWFsb2dSZWY/Lm92ZXJsYXlSZWYuYmFja2Ryb3BFbGVtZW50Py5jbGFzc0xpc3QuYWRkKFxuICAgICAgICAnc2FwcGhpcmUtYmFja2Ryb3AtLWV4aXRpbmcnXG4gICAgICApO1xuICAgICAgZGlhbG9nUmVmPy5vdmVybGF5UmVmLmJhY2tkcm9wRWxlbWVudD8uYWRkRXZlbnRMaXN0ZW5lcihcbiAgICAgICAgJ2FuaW1hdGlvbmVuZCcsXG4gICAgICAgICgpID0+IHtcbiAgICAgICAgICBjbG9zZSgpO1xuICAgICAgICAgIChkaWFsb2dSZWYgYXMgYW55KS5jbG9zaW5nID0gZmFsc2U7XG4gICAgICAgIH0sXG4gICAgICAgIHsgb25jZTogdHJ1ZSB9XG4gICAgICApO1xuICAgIH07XG5cbiAgICBkaWFsb2dSZWYuYmFja2Ryb3BDbGljay5zdWJzY3JpYmUoKCkgPT4ge1xuICAgICAgaWYgKG9wdGlvbnM/LmRpc21pc3NhYmxlKSB7XG4gICAgICAgIGRpYWxvZ1JlZi5jbG9zZSh1bmRlZmluZWQsIHsgZm9jdXNPcmlnaW46ICdtb3VzZScgfSk7XG4gICAgICB9XG4gICAgfSk7XG5cbiAgICBkaWFsb2dSZWYua2V5ZG93bkV2ZW50cy5zdWJzY3JpYmUoKGV2ZW50KSA9PiB7XG4gICAgICBpZiAoXG4gICAgICAgIGV2ZW50LmNvZGUgPT09ICdFc2NhcGUnICYmXG4gICAgICAgICFvcHRpb25zLmtleWJvYXJkRGlzbWlzc0Rpc2FibGVkICYmXG4gICAgICAgICFoYXNNb2RpZmllcktleShldmVudCkgJiZcbiAgICAgICAgZXZlbnQudGFyZ2V0IGluc3RhbmNlb2YgTm9kZSAmJlxuICAgICAgICBkaWFsb2dSZWYub3ZlcmxheVJlZi5ob3N0RWxlbWVudC5jb250YWlucyhldmVudC50YXJnZXQpXG4gICAgICApIHtcbiAgICAgICAgZXZlbnQucHJldmVudERlZmF1bHQoKTtcbiAgICAgICAgZGlhbG9nUmVmLmNsb3NlKHVuZGVmaW5lZCwgeyBmb2N1c09yaWdpbjogJ2tleWJvYXJkJyB9KTtcbiAgICAgIH1cbiAgICB9KTtcblxuICAgIHJldHVybiBkaWFsb2dSZWY7XG4gIH1cblxuICBvcGVuRGlhbG9nPEMgPSB1bmtub3duPihcbiAgICBjb21wb25lbnRPclRlbXBsYXRlUmVmOiBDb21wb25lbnRUeXBlPEM+IHwgVGVtcGxhdGVSZWY8Qz4sXG4gICAgb3B0aW9uczogTW9kYWxPcHRpb25zID0ge31cbiAgKSB7XG4gICAgcmV0dXJuIHRoaXMub3Blbihjb21wb25lbnRPclRlbXBsYXRlUmVmLCBvcHRpb25zKTtcbiAgfVxuXG4gIG9wZW5QYW5lbDxDID0gdW5rbm93bj4oXG4gICAgY29tcG9uZW50T3JUZW1wbGF0ZVJlZjogQ29tcG9uZW50VHlwZTxDPiB8IFRlbXBsYXRlUmVmPEM+LFxuICAgIG9wdGlvbnM6IE1vZGFsT3B0aW9ucyA9IHt9XG4gICkge1xuICAgIHJldHVybiB0aGlzLm9wZW4oXG4gICAgICBjb21wb25lbnRPclRlbXBsYXRlUmVmLFxuICAgICAgb3B0aW9ucyxcbiAgICAgIHRoaXMub3ZlcmxheS5wb3NpdGlvbigpLmdsb2JhbCgpLnJpZ2h0KClcbiAgICApO1xuICB9XG59XG4iXX0=
|
|
@@ -17,13 +17,13 @@ export class PanelComponent extends ModalBaseComponent {
|
|
|
17
17
|
}
|
|
18
18
|
}
|
|
19
19
|
PanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
|
|
20
|
-
PanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelComponent, selector: "sp-panel", inputs: { size: "size" }, host: { properties: { "class.sapphire-panel--small": "size === \"small\"", "class.sapphire-panel--visible": "
|
|
20
|
+
PanelComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: PanelComponent, selector: "sp-panel", inputs: { size: "size" }, host: { properties: { "class.sapphire-panel--small": "size === \"small\"", "class.sapphire-panel--visible": "!dialogRef.closing" }, classAttribute: "sapphire-panel" }, queries: [{ propertyName: "header", first: true, predicate: PanelHeaderDirective, descendants: true }, { propertyName: "content", first: true, predicate: PanelContentComponent, descendants: true }], usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content select=\"sp-panel-header, [spPanelHeader]\"></ng-content>\n<ng-content select=\"sp-panel-content\"></ng-content>\n<ng-content select=\"sp-panel-footer, [spPanelFooter]\"></ng-content>\n", styles: [".sapphire-panel{background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content);box-sizing:border-box;overflow:hidden;max-width:100%;display:flex;flex-direction:column;height:100%;outline:0;transition:transform var(--sapphire-panel-time-transition) ease-in-out;transform:translate(100%);width:var(--sapphire-panel-size-width-l)}.sapphire-panel-inline{display:flex;flex-direction:column;background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--small{width:var(--sapphire-panel-size-width-s)}.sapphire-panel-header{flex-shrink:0}.sapphire-panel-body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-panel-size-spacing-side)}.sapphire-panel-body.sapphire-panel-body--no-padding{padding:0}.sapphire-panel-footer{flex-shrink:0}.sapphire-panel-panel-heading-container{flex:1;padding:var(--sapphire-panel-size-spacing-heading-vertical) 0}.sapphire-panel-panel-header{flex-shrink:0;display:flex;justify-content:space-between;padding:var(--sapphire-panel-size-spacing-header-vertical) var(--sapphire-panel-size-spacing-side);gap:var(--sapphire-panel-size-spacing-header-gap)}.sapphire-panel-panel-header-subheading{color:var(--sapphire-panel-color-subheading);margin-top:var(--sapphire-panel-size-spacing-heading-gap)}.sapphire-panel-panel-footer{padding:var(--sapphire-panel-size-spacing-footer-top) var(--sapphire-panel-size-spacing-side) var(--sapphire-panel-size-spacing-footer-bottom) var(--sapphire-panel-size-spacing-side)}.sapphire-panel-panel-header-close-button-container{margin-left:var(--sapphire-panel-size-spacing-close-icon-left)}.sapphire-panel-header+.sapphire-panel-body{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-header+.sapphire-panel-body.sapphire-panel-body--scrolled{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}.sapphire-panel-body+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-body.sapphire-panel-body--scrollable+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}\n"] });
|
|
21
21
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelComponent, decorators: [{
|
|
22
22
|
type: Component,
|
|
23
23
|
args: [{ selector: 'sp-panel', host: {
|
|
24
24
|
class: 'sapphire-panel',
|
|
25
25
|
'[class.sapphire-panel--small]': 'size === "small"',
|
|
26
|
-
'[class.sapphire-panel--visible]': '
|
|
26
|
+
'[class.sapphire-panel--visible]': '!dialogRef.closing',
|
|
27
27
|
}, hostDirectives: [UseComponentStylesOnHost], template: "<ng-content select=\"sp-panel-header, [spPanelHeader]\"></ng-content>\n<ng-content select=\"sp-panel-content\"></ng-content>\n<ng-content select=\"sp-panel-footer, [spPanelFooter]\"></ng-content>\n", styles: [".sapphire-panel{background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content);box-sizing:border-box;overflow:hidden;max-width:100%;display:flex;flex-direction:column;height:100%;outline:0;transition:transform var(--sapphire-panel-time-transition) ease-in-out;transform:translate(100%);width:var(--sapphire-panel-size-width-l)}.sapphire-panel-inline{display:flex;flex-direction:column;background-color:var(--sapphire-panel-color-background);font-family:var(--sapphire-panel-font-name);color:var(--sapphire-panel-color-content)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--small{width:var(--sapphire-panel-size-width-s)}.sapphire-panel-header{flex-shrink:0}.sapphire-panel-body{overflow-y:auto;overflow-x:hidden;flex-grow:1;padding:0 var(--sapphire-panel-size-spacing-side)}.sapphire-panel-body.sapphire-panel-body--no-padding{padding:0}.sapphire-panel-footer{flex-shrink:0}.sapphire-panel-panel-heading-container{flex:1;padding:var(--sapphire-panel-size-spacing-heading-vertical) 0}.sapphire-panel-panel-header{flex-shrink:0;display:flex;justify-content:space-between;padding:var(--sapphire-panel-size-spacing-header-vertical) var(--sapphire-panel-size-spacing-side);gap:var(--sapphire-panel-size-spacing-header-gap)}.sapphire-panel-panel-header-subheading{color:var(--sapphire-panel-color-subheading);margin-top:var(--sapphire-panel-size-spacing-heading-gap)}.sapphire-panel-panel-footer{padding:var(--sapphire-panel-size-spacing-footer-top) var(--sapphire-panel-size-spacing-side) var(--sapphire-panel-size-spacing-footer-bottom) var(--sapphire-panel-size-spacing-side)}.sapphire-panel-panel-header-close-button-container{margin-left:var(--sapphire-panel-size-spacing-close-icon-left)}.sapphire-panel-header+.sapphire-panel-body{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-header+.sapphire-panel-body.sapphire-panel-body--scrolled{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}.sapphire-panel-body+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid transparent}.sapphire-panel-body.sapphire-panel-body--scrollable+.sapphire-panel-footer{border-top:var(--sapphire-panel-size-border) solid var(--sapphire-panel-color-separator)}\n"] }]
|
|
28
28
|
}], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { size: [{
|
|
29
29
|
type: Input
|
|
@@ -34,4 +34,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
34
34
|
type: ContentChild,
|
|
35
35
|
args: [PanelContentComponent]
|
|
36
36
|
}] } });
|
|
37
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
37
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGFuZWwuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvcGFuZWwvcGFuZWwuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvcGFuZWwvcGFuZWwuY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQ0EsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQy9ELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ2hFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBYXZGLE1BQU0sT0FBTyxjQUFlLFNBQVEsa0JBQWtCO0lBYXBELFlBQXNCLFNBQW9CO1FBQ3hDLEtBQUssQ0FBQyxTQUFTLENBQUMsQ0FBQztRQURHLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFaMUM7O1dBRUc7UUFFSCxTQUFJLEdBQXNCLE9BQU8sQ0FBQztJQVVsQyxDQUFDOzsyR0FmVSxjQUFjOytGQUFkLGNBQWMsc1JBT1gsb0JBQW9CLDBFQUdwQixxQkFBcUIscUlDNUJyQyx1TUFHQTsyRkRlYSxjQUFjO2tCQVgxQixTQUFTOytCQUNFLFVBQVUsUUFFZDt3QkFDSixLQUFLLEVBQUUsZ0JBQWdCO3dCQUN2QiwrQkFBK0IsRUFBRSxrQkFBa0I7d0JBQ25ELGlDQUFpQyxFQUFFLG9CQUFvQjtxQkFDeEQsa0JBQ2UsQ0FBQyx3QkFBd0IsQ0FBQztnR0FRMUMsSUFBSTtzQkFESCxLQUFLO2dCQUlOLE1BQU07c0JBREwsWUFBWTt1QkFBQyxvQkFBb0I7Z0JBSWxDLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxxQkFBcUIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBEaWFsb2dSZWYgfSBmcm9tICdAYW5ndWxhci9jZGsvZGlhbG9nJztcbmltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkLCBJbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgUGFuZWxIZWFkZXJEaXJlY3RpdmUgfSBmcm9tICcuL3BhbmVsLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgUGFuZWxDb250ZW50Q29tcG9uZW50IH0gZnJvbSAnLi9wYW5lbC1jb250ZW50LmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb2RhbEJhc2VDb21wb25lbnQgfSBmcm9tICcuLi9tb2RhbC1iYXNlLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXNPbkhvc3QgfSBmcm9tICcuLi8uLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc3AtcGFuZWwnLFxuICB0ZW1wbGF0ZVVybDogJy4vcGFuZWwuY29tcG9uZW50Lmh0bWwnLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1wYW5lbCcsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wYW5lbC0tc21hbGxdJzogJ3NpemUgPT09IFwic21hbGxcIicsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1wYW5lbC0tdmlzaWJsZV0nOiAnIWRpYWxvZ1JlZi5jbG9zaW5nJyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9wYW5lbC5jb21wb25lbnQuc2NzcyddLFxufSlcbmV4cG9ydCBjbGFzcyBQYW5lbENvbXBvbmVudCBleHRlbmRzIE1vZGFsQmFzZUNvbXBvbmVudCB7XG4gIC8qKlxuICAgKiBQYW5lbCBzaXplLCBjb25zdHJhaW5pbmcgdGhlIHdpZHRoIG9mIHRoZSBwYW5lbC5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHNpemU6ICdzbWFsbCcgfCAnbGFyZ2UnID0gJ2xhcmdlJztcblxuICBAQ29udGVudENoaWxkKFBhbmVsSGVhZGVyRGlyZWN0aXZlKVxuICBoZWFkZXI/OiBQYW5lbEhlYWRlckRpcmVjdGl2ZTtcblxuICBAQ29udGVudENoaWxkKFBhbmVsQ29udGVudENvbXBvbmVudClcbiAgY29udGVudD86IFBhbmVsQ29udGVudENvbXBvbmVudDtcblxuICBjb25zdHJ1Y3Rvcihwcm90ZWN0ZWQgZGlhbG9nUmVmOiBEaWFsb2dSZWYpIHtcbiAgICBzdXBlcihkaWFsb2dSZWYpO1xuICB9XG59XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJzcC1wYW5lbC1oZWFkZXIsIFtzcFBhbmVsSGVhZGVyXVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cInNwLXBhbmVsLWNvbnRlbnRcIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJzcC1wYW5lbC1mb290ZXIsIFtzcFBhbmVsRm9vdGVyXVwiPjwvbmctY29udGVudD5cbiJdfQ==
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { __decorate } from "tslib";
|
|
2
|
-
import { Directive, HostListener, Input, } from '@angular/core';
|
|
2
|
+
import { Directive, HostBinding, HostListener, Input, } from '@angular/core';
|
|
3
3
|
import { AutoId } from '../../common/auto-id.decorator';
|
|
4
4
|
import { CoerceBoolean } from '../../common/coerce-boolean.decorator';
|
|
5
5
|
import { UseComponentStyles } from '../../common/sapphire-view-encapsulation';
|
|
@@ -7,8 +7,22 @@ import * as i0 from "@angular/core";
|
|
|
7
7
|
import * as i1 from "../../common/sapphire-view-encapsulation";
|
|
8
8
|
export class TextFieldInputDirective {
|
|
9
9
|
ngDoCheck() {
|
|
10
|
+
this.updateValueLength();
|
|
11
|
+
this.updateAutofillStyle();
|
|
12
|
+
}
|
|
13
|
+
onBlur() {
|
|
14
|
+
this.updateAutofillStyle();
|
|
15
|
+
}
|
|
16
|
+
updateValueLength() {
|
|
10
17
|
this.valueLength = this._elementRef.nativeElement.value.length;
|
|
11
18
|
}
|
|
19
|
+
get style() {
|
|
20
|
+
return this.autofillStyle;
|
|
21
|
+
}
|
|
22
|
+
updateAutofillStyle() {
|
|
23
|
+
const { backgroundColor } = window.getComputedStyle(this._elementRef.nativeElement);
|
|
24
|
+
this.autofillStyle = `box-shadow: -100px 0 ${backgroundColor}, 100px 0 ${backgroundColor}`;
|
|
25
|
+
}
|
|
12
26
|
constructor(_elementRef) {
|
|
13
27
|
this._elementRef = _elementRef;
|
|
14
28
|
this.id = '';
|
|
@@ -21,7 +35,7 @@ export class TextFieldInputDirective {
|
|
|
21
35
|
}
|
|
22
36
|
}
|
|
23
37
|
TextFieldInputDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TextFieldInputDirective, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Directive });
|
|
24
|
-
TextFieldInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TextFieldInputDirective, selector: "[spTextFieldInput]", inputs: { id: "id", disabled: "disabled", required: "required" }, host: { listeners: { "input": "ngDoCheck($event.target.value)" }, properties: { "id": "id" }, classAttribute: "sapphire-text-field__input" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
|
|
38
|
+
TextFieldInputDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: TextFieldInputDirective, selector: "[spTextFieldInput]", inputs: { id: "id", disabled: "disabled", required: "required" }, host: { listeners: { "input": "ngDoCheck($event.target.value)", "blur": "onBlur()" }, properties: { "id": "id", "style": "this.style" }, classAttribute: "sapphire-text-field__input" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0 });
|
|
25
39
|
__decorate([
|
|
26
40
|
AutoId()
|
|
27
41
|
], TextFieldInputDirective.prototype, "id", void 0);
|
|
@@ -47,5 +61,11 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
47
61
|
}], ngDoCheck: [{
|
|
48
62
|
type: HostListener,
|
|
49
63
|
args: ['input', ['$event.target.value']]
|
|
64
|
+
}], onBlur: [{
|
|
65
|
+
type: HostListener,
|
|
66
|
+
args: ['blur']
|
|
67
|
+
}], style: [{
|
|
68
|
+
type: HostBinding,
|
|
69
|
+
args: ['style']
|
|
50
70
|
}] } });
|
|
51
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
71
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGV4dC1maWVsZC1pbnB1dC5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9zcmMvbGliL3RleHQtZmllbGQvc3JjL3RleHQtZmllbGQtaW5wdXQuZGlyZWN0aXZlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUdULFdBQVcsRUFDWCxZQUFZLEVBQ1osS0FBSyxHQUNOLE1BQU0sZUFBZSxDQUFDO0FBRXZCLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxnQ0FBZ0MsQ0FBQztBQUN4RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFFdEUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7OztBQVU5RSxNQUFNLE9BQU8sdUJBQXVCO0lBa0JsQyxTQUFTO1FBQ1AsSUFBSSxDQUFDLGlCQUFpQixFQUFFLENBQUM7UUFDekIsSUFBSSxDQUFDLG1CQUFtQixFQUFFLENBQUM7SUFDN0IsQ0FBQztJQUdPLE1BQU07UUFDWixJQUFJLENBQUMsbUJBQW1CLEVBQUUsQ0FBQztJQUM3QixDQUFDO0lBRU8saUJBQWlCO1FBQ3ZCLElBQUksQ0FBQyxXQUFXLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQztJQUNqRSxDQUFDO0lBRUQsSUFDSSxLQUFLO1FBQ1AsT0FBTyxJQUFJLENBQUMsYUFBYSxDQUFDO0lBQzVCLENBQUM7SUFFTyxtQkFBbUI7UUFDekIsTUFBTSxFQUFFLGVBQWUsRUFBRSxHQUFHLE1BQU0sQ0FBQyxnQkFBZ0IsQ0FDakQsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQy9CLENBQUM7UUFDRixJQUFJLENBQUMsYUFBYSxHQUFHLHdCQUF3QixlQUFlLGFBQWEsZUFBZSxFQUFFLENBQUM7SUFDN0YsQ0FBQztJQUVELFlBQ1UsV0FBK0Q7UUFBL0QsZ0JBQVcsR0FBWCxXQUFXLENBQW9EO1FBeEN6RSxPQUFFLEdBQVcsRUFBRSxDQUFDO1FBR2hCLGFBQVEsR0FBaUIsS0FBSyxDQUFDO1FBSS9CLGFBQVEsR0FBVyxFQUFFLENBQUM7UUFFZixnQkFBVyxHQUFXLENBQUMsQ0FBQztRQWlDN0IsTUFBTSxPQUFPLEdBQUcsSUFBSSxDQUFDLFdBQVcsQ0FBQyxhQUFhLENBQUM7UUFDL0MsSUFBSSxDQUFDLFdBQVcsR0FBRyxPQUFPLENBQUMsS0FBSyxDQUFDLE1BQU0sQ0FBQztRQUN4QyxJQUFJLENBQUMsUUFBUSxHQUFHLE9BQU8sQ0FBQyxRQUFRLENBQUMsV0FBVyxFQUFFLEtBQUssVUFBVSxDQUFDO0lBQ2hFLENBQUM7O29IQWxEVSx1QkFBdUI7d0dBQXZCLHVCQUF1QjtBQUtsQztJQURDLE1BQU0sRUFBRTttREFDTztBQU9oQjtJQURDLGFBQWE7eURBQ1E7MkZBWlgsdUJBQXVCO2tCQVJuQyxTQUFTO21CQUFDO29CQUNULFFBQVEsRUFBRSxvQkFBb0I7b0JBQzlCLElBQUksRUFBRTt3QkFDSixNQUFNLEVBQUUsSUFBSTt3QkFDWixLQUFLLEVBQUUsNEJBQTRCO3FCQUNwQztvQkFDRCxjQUFjLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQztpQkFDckM7aUdBTUMsRUFBRTtzQkFGRCxLQUFLO2dCQUtOLFFBQVE7c0JBRFAsS0FBSztnQkFLTixRQUFRO3NCQUZQLEtBQUs7Z0JBUU4sU0FBUztzQkFEUixZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLHFCQUFxQixDQUFDO2dCQU90QyxNQUFNO3NCQURiLFlBQVk7dUJBQUMsTUFBTTtnQkFVaEIsS0FBSztzQkFEUixXQUFXO3VCQUFDLE9BQU8iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBEaXJlY3RpdmUsXG4gIERvQ2hlY2ssXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RCaW5kaW5nLFxuICBIb3N0TGlzdGVuZXIsXG4gIElucHV0LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcblxuaW1wb3J0IHsgQXV0b0lkIH0gZnJvbSAnLi4vLi4vY29tbW9uL2F1dG8taWQuZGVjb3JhdG9yJztcbmltcG9ydCB7IENvZXJjZUJvb2xlYW4gfSBmcm9tICcuLi8uLi9jb21tb24vY29lcmNlLWJvb2xlYW4uZGVjb3JhdG9yJztcbmltcG9ydCB7IEJvb2xlYW5JbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9jb2VyY2lvbic7XG5pbXBvcnQgeyBVc2VDb21wb25lbnRTdHlsZXMgfSBmcm9tICcuLi8uLi9jb21tb24vc2FwcGhpcmUtdmlldy1lbmNhcHN1bGF0aW9uJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwVGV4dEZpZWxkSW5wdXRdJyxcbiAgaG9zdDoge1xuICAgICdbaWRdJzogJ2lkJyxcbiAgICBjbGFzczogJ3NhcHBoaXJlLXRleHQtZmllbGRfX2lucHV0JyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNdLFxufSlcbmV4cG9ydCBjbGFzcyBUZXh0RmllbGRJbnB1dERpcmVjdGl2ZSBpbXBsZW1lbnRzIERvQ2hlY2sge1xuICByZWFkb25seSB0ZXh0YXJlYTogYm9vbGVhbjtcblxuICBASW5wdXQoKVxuICBAQXV0b0lkKClcbiAgaWQ6IHN0cmluZyA9ICcnO1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBCb29sZWFuSW5wdXQgPSBmYWxzZTtcblxuICBASW5wdXQoKVxuICBAQ29lcmNlQm9vbGVhblxuICByZXF1aXJlZDogc3RyaW5nID0gJyc7XG5cbiAgcHVibGljIHZhbHVlTGVuZ3RoOiBudW1iZXIgPSAwO1xuICBwdWJsaWMgYXV0b2ZpbGxTdHlsZT86IHN0cmluZztcblxuICBASG9zdExpc3RlbmVyKCdpbnB1dCcsIFsnJGV2ZW50LnRhcmdldC52YWx1ZSddKVxuICBuZ0RvQ2hlY2soKSB7XG4gICAgdGhpcy51cGRhdGVWYWx1ZUxlbmd0aCgpO1xuICAgIHRoaXMudXBkYXRlQXV0b2ZpbGxTdHlsZSgpO1xuICB9XG5cbiAgQEhvc3RMaXN0ZW5lcignYmx1cicpXG4gIHByaXZhdGUgb25CbHVyKCkge1xuICAgIHRoaXMudXBkYXRlQXV0b2ZpbGxTdHlsZSgpO1xuICB9XG5cbiAgcHJpdmF0ZSB1cGRhdGVWYWx1ZUxlbmd0aCgpIHtcbiAgICB0aGlzLnZhbHVlTGVuZ3RoID0gdGhpcy5fZWxlbWVudFJlZi5uYXRpdmVFbGVtZW50LnZhbHVlLmxlbmd0aDtcbiAgfVxuXG4gIEBIb3N0QmluZGluZygnc3R5bGUnKVxuICBnZXQgc3R5bGUoKSB7XG4gICAgcmV0dXJuIHRoaXMuYXV0b2ZpbGxTdHlsZTtcbiAgfVxuXG4gIHByaXZhdGUgdXBkYXRlQXV0b2ZpbGxTdHlsZSgpIHtcbiAgICBjb25zdCB7IGJhY2tncm91bmRDb2xvciB9ID0gd2luZG93LmdldENvbXB1dGVkU3R5bGUoXG4gICAgICB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnRcbiAgICApO1xuICAgIHRoaXMuYXV0b2ZpbGxTdHlsZSA9IGBib3gtc2hhZG93OiAtMTAwcHggMCAke2JhY2tncm91bmRDb2xvcn0sIDEwMHB4IDAgJHtiYWNrZ3JvdW5kQ29sb3J9YDtcbiAgfVxuXG4gIGNvbnN0cnVjdG9yKFxuICAgIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudCB8IEhUTUxUZXh0QXJlYUVsZW1lbnQ+XG4gICkge1xuICAgIGNvbnN0IGVsZW1lbnQgPSB0aGlzLl9lbGVtZW50UmVmLm5hdGl2ZUVsZW1lbnQ7XG4gICAgdGhpcy52YWx1ZUxlbmd0aCA9IGVsZW1lbnQudmFsdWUubGVuZ3RoO1xuICAgIHRoaXMudGV4dGFyZWEgPSBlbGVtZW50Lm5vZGVOYW1lLnRvTG93ZXJDYXNlKCkgPT09ICd0ZXh0YXJlYSc7XG4gIH1cbn1cbiJdfQ==
|
|
@@ -39,7 +39,7 @@ TextFieldComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", ver
|
|
|
39
39
|
provide: FieldControl,
|
|
40
40
|
useExisting: forwardRef(() => TextFieldComponent),
|
|
41
41
|
},
|
|
42
|
-
], queries: [{ propertyName: "inputElement", first: true, predicate: TextFieldInputDirective, descendants: true, read: ElementRef }, { propertyName: "_inputDirective", first: true, predicate: TextFieldInputDirective, descendants: true }, { propertyName: "prefixDirective", first: true, predicate: TextFieldPrefixDirective, descendants: true }, { propertyName: "postfixDirective", first: true, predicate: TextFieldPostfixDirective, descendants: true }], hostDirectives: [{ directive: i2.ThemeCheckDirective }, { directive: i3.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content\n select=\"sp-text-field-prefix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"input\"></ng-content>\n<ng-content\n select=\"sp-text-field-postfix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"textarea\"></ng-content>\n\n<span\n *ngIf=\"characterCounterMax !== undefined\"\n spFieldNoteSuffix\n class=\"sapphire-text-field__counter\"\n [class.sapphire-text-field__counter--error]=\"isCharacterCounterExceeded()\"\n >{{ _inputDirective?.valueLength }}/{{ characterCounterMax }}</span\n>\n", styles: [".sapphire-text-field{width:var(--sapphire-text-field-size-width-control);
|
|
42
|
+
], queries: [{ propertyName: "inputElement", first: true, predicate: TextFieldInputDirective, descendants: true, read: ElementRef }, { propertyName: "_inputDirective", first: true, predicate: TextFieldInputDirective, descendants: true }, { propertyName: "prefixDirective", first: true, predicate: TextFieldPrefixDirective, descendants: true }, { propertyName: "postfixDirective", first: true, predicate: TextFieldPostfixDirective, descendants: true }], hostDirectives: [{ directive: i2.ThemeCheckDirective }, { directive: i3.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content\n select=\"sp-text-field-prefix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"input\"></ng-content>\n<ng-content\n select=\"sp-text-field-postfix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"textarea\"></ng-content>\n\n<span\n *ngIf=\"characterCounterMax !== undefined\"\n spFieldNoteSuffix\n class=\"sapphire-text-field__counter\"\n [class.sapphire-text-field__counter--error]=\"isCharacterCounterExceeded()\"\n >{{ _inputDirective?.valueLength }}/{{ characterCounterMax }}</span\n>\n", styles: [".sapphire-text-field{width:var(--sapphire-text-field-size-width-control);outline:solid var(--sapphire-text-field-size-width-border) var(--sapphire-text-field-color-border-default);outline-offset:calc(0px - var(--sapphire-text-field-size-width-border));box-sizing:border-box;overflow-x:hidden;display:flex;align-items:center;border-radius:var(--sapphire-text-field-size-radius);cursor:text;color:var(--sapphire-text-field-color-content);background-color:var(--sapphire-text-field-color-background);height:var(--sapphire-text-field-size-height-field-l);font-family:var(--sapphire-text-field-font-name);font-size:var(--sapphire-text-field-size-font-content-l);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-text-field--medium{height:var(--sapphire-text-field-size-height-field-m);font-size:var(--sapphire-text-field-size-font-content-m)}.sapphire-text-field__input{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0 var(--sapphire-text-field-size-spacing-control-horizontal-l);line-height:var(--sapphire-text-field-size-line-height-content);font-family:inherit;font-size:inherit;font-weight:var(--sapphire-text-field-size-font-weight-input);caret-color:var(--sapphire-text-field-color-caret);color:inherit;background-color:transparent;border:none;outline:none}.sapphire-text-field--medium .sapphire-text-field__input{padding:0 var(--sapphire-text-field-size-spacing-control-horizontal-m)}.sapphire-text-field__input::placeholder{opacity:1;color:var(--sapphire-text-field-color-placeholder)}.sapphire-text-field__input--align-right{text-align:right}.sapphire-text-field:not(.sapphire-text-field--multiline){gap:var(--sapphire-text-field-size-spacing-control-gap)}.sapphire-text-field .sapphire-text-field__affix{color:var(--sapphire-text-field-color-affix);flex-shrink:0;z-index:1}.sapphire-text-field .sapphire-text-field__affix--icon{width:var(--sapphire-text-field-size-affix-icon-width-l);height:var(--sapphire-text-field-size-affix-icon-height-l)}.sapphire-text-field--medium .sapphire-text-field__affix--icon{width:var(--sapphire-text-field-size-affix-icon-width-m);height:var(--sapphire-text-field-size-affix-icon-height-m)}.sapphire-text-field--with-prefix{padding-left:var(--sapphire-text-field-size-spacing-control-horizontal-l)}.sapphire-text-field--medium .sapphire-text-field--with-prefix{padding-left:var(--sapphire-text-field-size-spacing-control-horizontal-m)}.sapphire-text-field--with-prefix .sapphire-text-field__input{padding-left:0}.sapphire-text-field--with-postfix{padding-right:var(--sapphire-text-field-size-spacing-control-horizontal-l)}.sapphire-text-field--medium .sapphire-text-field--with-postfix{padding-right:var(--sapphire-text-field-size-spacing-control-horizontal-m)}.sapphire-text-field--with-postfix .sapphire-text-field__input{padding-right:0}.sapphire-text-field--multiline{display:inline-block;line-height:0;height:unset;padding:0}.sapphire-text-field--multiline .sapphire-text-field__input{resize:none;width:100%;padding:var(--sapphire-text-field-size-spacing-control-vertical-l) var(--sapphire-text-field-size-spacing-control-horizontal-l);scroll-padding-bottom:var(--sapphire-text-field-size-spacing-control-vertical-l)}.sapphire-text-field--medium .sapphire-text-field--multiline .sapphire-text-field__input{padding:var(--sapphire-text-field-size-spacing-control-vertical-m) var(--sapphire-text-field-size-spacing-control-horizontal-m);scroll-padding-bottom:var(--sapphire-text-field-size-spacing-control-vertical-m)}.sapphire-text-field--multiline.sapphire-text-field--resizable .sapphire-text-field__input{resize:vertical}.sapphire-text-field__counter{color:var(--sapphire-text-field-color-counter-default);padding-left:var(--sapphire-text-field-size-spacing-note-horizontal);margin-left:auto}.sapphire-text-field__counter--error{color:var(--sapphire-text-field-color-counter-error)}.sapphire-text-field--error{outline:solid var(--sapphire-text-field-size-width-border) var(--sapphire-text-field-color-border-error)}.sapphire-text-field.is-focus,.sapphire-text-field:focus-within{outline:solid var(--sapphire-text-field-size-focus-ring) var(--sapphire-text-field-color-focus-ring);outline-offset:calc(0px - var(--sapphire-text-field-size-focus-ring))}.sapphire-text-field.is-focus .sapphire-text-field__input:-webkit-autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:-webkit-autofill{box-shadow:0 0 0 var(--sapphire-text-field-size-height-field-l) inset var(--sapphire-text-field-color-background)!important}.sapphire-text-field.is-focus .sapphire-text-field__input:autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:autofill{box-shadow:0 0 0 var(--sapphire-text-field-size-height-field-l) inset var(--sapphire-text-field-color-background)!important}\n"], dependencies: [{ kind: "directive", type: i4.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i5.FieldNoteSuffixDirective, selector: "[spFieldNoteSuffix]" }] });
|
|
43
43
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: TextFieldComponent, decorators: [{
|
|
44
44
|
type: Component,
|
|
45
45
|
args: [{ selector: 'sp-text-field', host: {
|
|
@@ -54,7 +54,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
|
|
|
54
54
|
provide: FieldControl,
|
|
55
55
|
useExisting: forwardRef(() => TextFieldComponent),
|
|
56
56
|
},
|
|
57
|
-
], hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<ng-content\n select=\"sp-text-field-prefix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"input\"></ng-content>\n<ng-content\n select=\"sp-text-field-postfix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"textarea\"></ng-content>\n\n<span\n *ngIf=\"characterCounterMax !== undefined\"\n spFieldNoteSuffix\n class=\"sapphire-text-field__counter\"\n [class.sapphire-text-field__counter--error]=\"isCharacterCounterExceeded()\"\n >{{ _inputDirective?.valueLength }}/{{ characterCounterMax }}</span\n>\n", styles: [".sapphire-text-field{width:var(--sapphire-text-field-size-width-control);
|
|
57
|
+
], hostDirectives: [ThemeCheckDirective, UseComponentStylesOnHost], template: "<ng-content\n select=\"sp-text-field-prefix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"input\"></ng-content>\n<ng-content\n select=\"sp-text-field-postfix\"\n *ngIf=\"!_inputDirective?.textarea\"\n></ng-content>\n<ng-content select=\"textarea\"></ng-content>\n\n<span\n *ngIf=\"characterCounterMax !== undefined\"\n spFieldNoteSuffix\n class=\"sapphire-text-field__counter\"\n [class.sapphire-text-field__counter--error]=\"isCharacterCounterExceeded()\"\n >{{ _inputDirective?.valueLength }}/{{ characterCounterMax }}</span\n>\n", styles: [".sapphire-text-field{width:var(--sapphire-text-field-size-width-control);outline:solid var(--sapphire-text-field-size-width-border) var(--sapphire-text-field-color-border-default);outline-offset:calc(0px - var(--sapphire-text-field-size-width-border));box-sizing:border-box;overflow-x:hidden;display:flex;align-items:center;border-radius:var(--sapphire-text-field-size-radius);cursor:text;color:var(--sapphire-text-field-color-content);background-color:var(--sapphire-text-field-color-background);height:var(--sapphire-text-field-size-height-field-l);font-family:var(--sapphire-text-field-font-name);font-size:var(--sapphire-text-field-size-font-content-l);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-text-field--medium{height:var(--sapphire-text-field-size-height-field-m);font-size:var(--sapphire-text-field-size-font-content-m)}.sapphire-text-field__input{box-sizing:border-box;width:100%;height:100%;margin:0;padding:0 var(--sapphire-text-field-size-spacing-control-horizontal-l);line-height:var(--sapphire-text-field-size-line-height-content);font-family:inherit;font-size:inherit;font-weight:var(--sapphire-text-field-size-font-weight-input);caret-color:var(--sapphire-text-field-color-caret);color:inherit;background-color:transparent;border:none;outline:none}.sapphire-text-field--medium .sapphire-text-field__input{padding:0 var(--sapphire-text-field-size-spacing-control-horizontal-m)}.sapphire-text-field__input::placeholder{opacity:1;color:var(--sapphire-text-field-color-placeholder)}.sapphire-text-field__input--align-right{text-align:right}.sapphire-text-field:not(.sapphire-text-field--multiline){gap:var(--sapphire-text-field-size-spacing-control-gap)}.sapphire-text-field .sapphire-text-field__affix{color:var(--sapphire-text-field-color-affix);flex-shrink:0;z-index:1}.sapphire-text-field .sapphire-text-field__affix--icon{width:var(--sapphire-text-field-size-affix-icon-width-l);height:var(--sapphire-text-field-size-affix-icon-height-l)}.sapphire-text-field--medium .sapphire-text-field__affix--icon{width:var(--sapphire-text-field-size-affix-icon-width-m);height:var(--sapphire-text-field-size-affix-icon-height-m)}.sapphire-text-field--with-prefix{padding-left:var(--sapphire-text-field-size-spacing-control-horizontal-l)}.sapphire-text-field--medium .sapphire-text-field--with-prefix{padding-left:var(--sapphire-text-field-size-spacing-control-horizontal-m)}.sapphire-text-field--with-prefix .sapphire-text-field__input{padding-left:0}.sapphire-text-field--with-postfix{padding-right:var(--sapphire-text-field-size-spacing-control-horizontal-l)}.sapphire-text-field--medium .sapphire-text-field--with-postfix{padding-right:var(--sapphire-text-field-size-spacing-control-horizontal-m)}.sapphire-text-field--with-postfix .sapphire-text-field__input{padding-right:0}.sapphire-text-field--multiline{display:inline-block;line-height:0;height:unset;padding:0}.sapphire-text-field--multiline .sapphire-text-field__input{resize:none;width:100%;padding:var(--sapphire-text-field-size-spacing-control-vertical-l) var(--sapphire-text-field-size-spacing-control-horizontal-l);scroll-padding-bottom:var(--sapphire-text-field-size-spacing-control-vertical-l)}.sapphire-text-field--medium .sapphire-text-field--multiline .sapphire-text-field__input{padding:var(--sapphire-text-field-size-spacing-control-vertical-m) var(--sapphire-text-field-size-spacing-control-horizontal-m);scroll-padding-bottom:var(--sapphire-text-field-size-spacing-control-vertical-m)}.sapphire-text-field--multiline.sapphire-text-field--resizable .sapphire-text-field__input{resize:vertical}.sapphire-text-field__counter{color:var(--sapphire-text-field-color-counter-default);padding-left:var(--sapphire-text-field-size-spacing-note-horizontal);margin-left:auto}.sapphire-text-field__counter--error{color:var(--sapphire-text-field-color-counter-error)}.sapphire-text-field--error{outline:solid var(--sapphire-text-field-size-width-border) var(--sapphire-text-field-color-border-error)}.sapphire-text-field.is-focus,.sapphire-text-field:focus-within{outline:solid var(--sapphire-text-field-size-focus-ring) var(--sapphire-text-field-color-focus-ring);outline-offset:calc(0px - var(--sapphire-text-field-size-focus-ring))}.sapphire-text-field.is-focus .sapphire-text-field__input:-webkit-autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:-webkit-autofill{box-shadow:0 0 0 var(--sapphire-text-field-size-height-field-l) inset var(--sapphire-text-field-color-background)!important}.sapphire-text-field.is-focus .sapphire-text-field__input:autofill,.sapphire-text-field:focus-within .sapphire-text-field__input:autofill{box-shadow:0 0 0 var(--sapphire-text-field-size-height-field-l) inset var(--sapphire-text-field-color-background)!important}\n"] }]
|
|
58
58
|
}], ctorParameters: function () { return [{ type: i1.FieldComponent, decorators: [{
|
|
59
59
|
type: Optional
|
|
60
60
|
}] }]; }, propDecorators: { characterCounterMax: [{
|