@danske/sapphire-angular 3.1.2 → 3.3.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/esm2020/lib/button/src/button.component.mjs +2 -2
  2. package/esm2020/lib/button/src/toggle-button.component.mjs +2 -2
  3. package/esm2020/lib/feedback-message/src/feedback-message.component.mjs +5 -6
  4. package/esm2020/lib/field/src/field.component.mjs +20 -4
  5. package/esm2020/lib/icon/src/icon.component.mjs +3 -3
  6. package/esm2020/lib/label/src/label.component.mjs +3 -3
  7. package/esm2020/lib/link/src/link.component.mjs +2 -2
  8. package/esm2020/lib/list/src/list.component.mjs +15 -3
  9. package/esm2020/lib/modal/public_api.mjs +3 -1
  10. package/esm2020/lib/modal/src/dialog/alert-dialog.component.mjs +3 -3
  11. package/esm2020/lib/modal/src/dialog/confirmation-dialog.component.mjs +1 -1
  12. package/esm2020/lib/modal/src/dialog/danger-dialog.component.mjs +1 -1
  13. package/esm2020/lib/modal/src/dialog/dialog.component.mjs +12 -3
  14. package/esm2020/lib/modal/src/layout/modal-layout.component.mjs +2 -2
  15. package/esm2020/lib/modal/src/layout/modal-section-title.directive.mjs +14 -0
  16. package/esm2020/lib/modal/src/layout/modal-section.component.mjs +25 -0
  17. package/esm2020/lib/modal/src/modal.module.mjs +14 -2
  18. package/esm2020/lib/modal/src/panel/panel.component.mjs +2 -2
  19. package/esm2020/lib/select/src/select/select.component.mjs +2 -2
  20. package/esm2020/lib/select/src/select-button/select-button.component.mjs +2 -2
  21. package/esm2020/lib/table/src/table-head-cell.component.mjs +3 -3
  22. package/esm2020/lib/table/src/table.component.mjs +2 -2
  23. package/esm2020/lib/text-field/src/text-field.component.mjs +2 -2
  24. package/esm2020/lib/theme/src/themes.mjs +4 -4
  25. package/esm2020/lib/typography/src/body.component.mjs +7 -3
  26. package/esm2020/lib/typography/src/caption.component.mjs +2 -2
  27. package/esm2020/lib/typography/src/heading.component.mjs +2 -2
  28. package/esm2020/lib/typography/src/subheading.component.mjs +2 -2
  29. package/fesm2015/danske-sapphire-angular.mjs +130 -741
  30. package/fesm2015/danske-sapphire-angular.mjs.map +1 -1
  31. package/fesm2020/danske-sapphire-angular.mjs +129 -741
  32. package/fesm2020/danske-sapphire-angular.mjs.map +1 -1
  33. package/lib/field/src/field.component.d.ts +2 -0
  34. package/lib/list/src/list.component.d.ts +7 -1
  35. package/lib/modal/public_api.d.ts +2 -0
  36. package/lib/modal/src/dialog/dialog.component.d.ts +3 -1
  37. package/lib/modal/src/layout/modal-section-title.directive.d.ts +5 -0
  38. package/lib/modal/src/layout/modal-section.component.d.ts +8 -0
  39. package/lib/modal/src/modal.module.d.ts +19 -17
  40. package/lib/typography/src/body.component.d.ts +2 -1
  41. package/package.json +4 -4
  42. package/esm2020/lib/icon/src/svgSanitizer.mjs +0 -690
  43. package/lib/icon/src/svgSanitizer.d.ts +0 -1
package/esm2020/lib/modal/src/dialog/alert-dialog.component.mjs CHANGED
@@ -75,7 +75,7 @@ AlertDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", v
75
75
  provide: ICON_SIZE_PROVIDER,
76
76
  useValue: { size: 'xl' },
77
77
  },
78
- ], queries: [{ propertyName: "icon", first: true, predicate: AlertDialogIcon, descendants: true }, { propertyName: "heading", first: true, predicate: AlertDialogHeading, descendants: true }, { propertyName: "body", first: true, predicate: AlertDialogBody, descendants: true }, { propertyName: "actions", predicate: AlertDialogActions }], viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], ngImport: i0, template: "<sp-dialog role=\"alertdialog\" size=\"xs\">\n <sp-feedback-message\n [variant]=\"variant\"\n style=\"margin: var(--sapphire-semantic-size-spacing-xl)\"\n >\n <ng-container *ngIf=\"icon !== undefined\" spFeedbackMessageIcon>\n <ng-content select=\"[spAlertDialogIcon]\"></ng-content>\n </ng-container>\n <sp-feedback-message-heading spModalHeader>\n <ng-content select=\"[spAlertDialogHeading]\"></ng-content>\n </sp-feedback-message-heading>\n <sp-feedback-message-body>\n <ng-content select=\"[spAlertDialogBody]\"></ng-content>\n </sp-feedback-message-body>\n <sp-feedback-message-actions style=\"width: 100%\">\n <sp-button-group\n stretch=\"autoVertical\"\n [orientation]=\"actionsOrientation\"\n >\n <ng-content select=\"[spAlertDialogActions]\"></ng-content>\n </sp-button-group>\n </sp-feedback-message-actions>\n </sp-feedback-message>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: i3.FeedbackMessageComponent, selector: "sp-feedback-message", inputs: ["variant"] }, { kind: "directive", type: i3.FeedbackMessageIcon, selector: "[spFeedbackMessageIcon]" }, { kind: "directive", type: i3.FeedbackMessageHeading, selector: "sp-feedback-message-heading" }, { kind: "directive", type: i3.FeedbackMessageBody, selector: "sp-feedback-message-body" }, { kind: "directive", type: i3.FeedbackMessageActions, selector: "sp-feedback-message-actions" }, { kind: "directive", type: i4.ModalHeaderDirective, selector: "[spModalHeader]", inputs: ["id"] }, { kind: "component", type: i5.DialogComponent, selector: "sp-dialog", inputs: ["size"] }] });
78
+ ], queries: [{ propertyName: "icon", first: true, predicate: AlertDialogIcon, descendants: true }, { propertyName: "heading", first: true, predicate: AlertDialogHeading, descendants: true }, { propertyName: "body", first: true, predicate: AlertDialogBody, descendants: true }, { propertyName: "actions", predicate: AlertDialogActions }], viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], ngImport: i0, template: "<sp-dialog role=\"alertdialog\" size=\"xs\" padded>\n <sp-feedback-message [variant]=\"variant\" style=\"width: 100%\">\n <ng-container *ngIf=\"icon !== undefined\" spFeedbackMessageIcon>\n <ng-content select=\"[spAlertDialogIcon]\"></ng-content>\n </ng-container>\n <sp-feedback-message-heading spModalHeader>\n <ng-content select=\"[spAlertDialogHeading]\"></ng-content>\n </sp-feedback-message-heading>\n <sp-feedback-message-body>\n <ng-content select=\"[spAlertDialogBody]\"></ng-content>\n </sp-feedback-message-body>\n <sp-feedback-message-actions style=\"width: 100%\">\n <sp-button-group\n stretch=\"autoVertical\"\n [orientation]=\"actionsOrientation\"\n >\n <ng-content select=\"[spAlertDialogActions]\"></ng-content>\n </sp-button-group>\n </sp-feedback-message-actions>\n </sp-feedback-message>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: i3.FeedbackMessageComponent, selector: "sp-feedback-message", inputs: ["variant"] }, { kind: "directive", type: i3.FeedbackMessageIcon, selector: "[spFeedbackMessageIcon]" }, { kind: "directive", type: i3.FeedbackMessageHeading, selector: "sp-feedback-message-heading" }, { kind: "directive", type: i3.FeedbackMessageBody, selector: "sp-feedback-message-body" }, { kind: "directive", type: i3.FeedbackMessageActions, selector: "sp-feedback-message-actions" }, { kind: "directive", type: i4.ModalHeaderDirective, selector: "[spModalHeader]", inputs: ["id"] }, { kind: "component", type: i5.DialogComponent, selector: "sp-dialog", inputs: ["size", "padded"] }] });
79
79
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: AlertDialogComponent, decorators: [{
80
80
  type: Component,
81
81
  args: [{ selector: 'sp-alert-dialog', providers: [
@@ -83,7 +83,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
83
83
  provide: ICON_SIZE_PROVIDER,
84
84
  useValue: { size: 'xl' },
85
85
  },
86
- ], standalone: false, template: "<sp-dialog role=\"alertdialog\" size=\"xs\">\n <sp-feedback-message\n [variant]=\"variant\"\n style=\"margin: var(--sapphire-semantic-size-spacing-xl)\"\n >\n <ng-container *ngIf=\"icon !== undefined\" spFeedbackMessageIcon>\n <ng-content select=\"[spAlertDialogIcon]\"></ng-content>\n </ng-container>\n <sp-feedback-message-heading spModalHeader>\n <ng-content select=\"[spAlertDialogHeading]\"></ng-content>\n </sp-feedback-message-heading>\n <sp-feedback-message-body>\n <ng-content select=\"[spAlertDialogBody]\"></ng-content>\n </sp-feedback-message-body>\n <sp-feedback-message-actions style=\"width: 100%\">\n <sp-button-group\n stretch=\"autoVertical\"\n [orientation]=\"actionsOrientation\"\n >\n <ng-content select=\"[spAlertDialogActions]\"></ng-content>\n </sp-button-group>\n </sp-feedback-message-actions>\n </sp-feedback-message>\n</sp-dialog>\n" }]
86
+ ], standalone: false, template: "<sp-dialog role=\"alertdialog\" size=\"xs\" padded>\n <sp-feedback-message [variant]=\"variant\" style=\"width: 100%\">\n <ng-container *ngIf=\"icon !== undefined\" spFeedbackMessageIcon>\n <ng-content select=\"[spAlertDialogIcon]\"></ng-content>\n </ng-container>\n <sp-feedback-message-heading spModalHeader>\n <ng-content select=\"[spAlertDialogHeading]\"></ng-content>\n </sp-feedback-message-heading>\n <sp-feedback-message-body>\n <ng-content select=\"[spAlertDialogBody]\"></ng-content>\n </sp-feedback-message-body>\n <sp-feedback-message-actions style=\"width: 100%\">\n <sp-button-group\n stretch=\"autoVertical\"\n [orientation]=\"actionsOrientation\"\n >\n <ng-content select=\"[spAlertDialogActions]\"></ng-content>\n </sp-button-group>\n </sp-feedback-message-actions>\n </sp-feedback-message>\n</sp-dialog>\n" }]
87
87
  }], propDecorators: { variant: [{
88
88
  type: Input
89
89
  }],
@@ -108,4 +108,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
108
108
  type: ViewChild,
109
109
  args: [DialogComponent]
110
110
  }] } });
111
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2RpYWxvZy9hbGVydC1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2FsZXJ0LWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixlQUFlLEVBQ2YsU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7O0FBWXJELE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlO2dHQUFmLGVBQWU7MkZBQWYsZUFBZTtrQkFIM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO2lCQUNoQzs7QUFNRCxNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO21HQUFsQixrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFIOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0JBQXdCO2lCQUNuQzs7QUFNRCxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTtnR0FBZixlQUFlOzJGQUFmLGVBQWU7a0JBSDNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtpQkFDaEM7O0FBTUQsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBSDlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtpQkFDbkM7O0FBR0Q7O0dBRUc7QUFZSCxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBZ0JFOztXQUVHO1FBQ0gsdUJBQWtCLEdBQStCLFlBQVksQ0FBQztLQXVDL0Q7SUF6QkMsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2pCLE1BQU0sSUFBSSxLQUFLLENBQ2IsMkhBQTJILENBQzVILENBQUM7U0FDSDtRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2QsTUFBTSxJQUFJLEtBQUssQ0FDYixrSEFBa0gsQ0FDbkgsQ0FBQztTQUNIO1FBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDakIsTUFBTSxJQUFJLEtBQUssQ0FDYiwySEFBMkgsQ0FDNUgsQ0FBQztTQUNIO0lBQ0gsQ0FBQzs7aUhBeENVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG9IQVJwQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGtCQUFrQjtZQUMzQixRQUFRLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFO1NBQ3pCO0tBQ0YsNERBYWEsZUFBZSwwRUFHZixrQkFBa0IsdUVBR2xCLGVBQWUsNkRBR1osa0JBQWtCLHFFQTBCeEIsZUFBZSxnRENsRzVCLGs3QkF3QkE7MkZENkJhLG9CQUFvQjtrQkFYaEMsU0FBUzsrQkFDRSxpQkFBaUIsYUFFaEI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsUUFBUSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTt5QkFDekI7cUJBQ0YsY0FDVyxLQUFLOzhCQUlqQixPQUFPO3NCQUROLEtBQUs7O1FBSU47O1dBRUc7UUFDSCxrQkFBa0I7c0JBSmpCLEtBQUs7Z0JBT04sSUFBSTtzQkFESCxZQUFZO3VCQUFDLGVBQWU7Z0JBSTdCLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxrQkFBa0I7Z0JBSWhDLElBQUk7c0JBREgsWUFBWTt1QkFBQyxlQUFlO2dCQUk3QixPQUFPO3NCQUROLGVBQWU7dUJBQUMsa0JBQWtCO2dCQTJCbkMsTUFBTTtzQkFETCxTQUFTO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBEaXJlY3RpdmUsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUNPTl9TSVpFX1BST1ZJREVSIH0gZnJvbSAnLi4vLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbnR5cGUgQWxlcnREaWFsb2dWYXJpYW50ID1cbiAgfCAnc3VjY2VzcydcbiAgfCAnZXJyb3InXG4gIHwgJ3dhcm5pbmcnXG4gIHwgJ2luZm9ybWF0aXZlJ1xuICB8ICduZXV0cmFsJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwQWxlcnREaWFsb2dJY29uXScsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0RGlhbG9nSWNvbiB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BBbGVydERpYWxvZ0hlYWRpbmddJyxcbn0pXG5leHBvcnQgY2xhc3MgQWxlcnREaWFsb2dIZWFkaW5nIHt9XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzcEFsZXJ0RGlhbG9nQm9keV0nLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydERpYWxvZ0JvZHkge31cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwQWxlcnREaWFsb2dBY3Rpb25zXScsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0RGlhbG9nQWN0aW9ucyB7fVxuXG4vKipcbiAqIEltcGxlbWVudHMgbGF5b3V0IGFuZCBzdHlsZSBvZiB0aGUgYWxlcnQgZGlhbG9nXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWFsZXJ0LWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VWYWx1ZTogeyBzaXplOiAneGwnIH0sXG4gICAgfSxcbiAgXSxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0RGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ/OiBBbGVydERpYWxvZ1ZhcmlhbnQ7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEBkZWZhdWx0IFwiaG9yaXpvbnRhbFwiXG4gICAqL1xuICBhY3Rpb25zT3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ2hvcml6b250YWwnO1xuXG4gIEBDb250ZW50Q2hpbGQoQWxlcnREaWFsb2dJY29uKVxuICBpY29uPzogQWxlcnREaWFsb2dJY29uO1xuXG4gIEBDb250ZW50Q2hpbGQoQWxlcnREaWFsb2dIZWFkaW5nKVxuICBoZWFkaW5nPzogQWxlcnREaWFsb2dIZWFkaW5nO1xuXG4gIEBDb250ZW50Q2hpbGQoQWxlcnREaWFsb2dCb2R5KVxuICBib2R5PzogQWxlcnREaWFsb2dCb2R5O1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQWxlcnREaWFsb2dBY3Rpb25zKVxuICBhY3Rpb25zPzogQWxlcnREaWFsb2dBY3Rpb25zO1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaGVhZGluZykge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAnTWlzc2luZyBoZWFkaW5nIGZvciBzcC1hbGVydC1kaWFsb2cuIFJlbmRlciA8c3AtYWxlcnQtZGlhbG9nLWhlYWRpbmc+Li4uPC9zcC1hbGVydC1kaWFsb2ctaGVhZGluZz4gaW5zaWRlIHNwLWFsZXJ0LWRpYWxvZydcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKCF0aGlzLmJvZHkpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgJ01pc3NpbmcgYm9keSBmb3Igc3AtYWxlcnQtZGlhbG9nLiBSZW5kZXIgPHNwLWFsZXJ0LWRpYWxvZy1ib2R5Pi4uLjwvc3AtYWxlcnQtZGlhbG9nLWJvZHk+IGluc2lkZSBzcC1hbGVydC1kaWFsb2cnXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICghdGhpcy5hY3Rpb25zKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICdNaXNzaW5nIGFjdGlvbnMgZm9yIHNwLWFsZXJ0LWRpYWxvZy4gUmVuZGVyIDxzcC1hbGVydC1kaWFsb2ctYWN0aW9ucz4uLi48L3NwLWFsZXJ0LWRpYWxvZy1hY3Rpb25zPiBpbnNpZGUgc3AtYWxlcnQtZGlhbG9nJ1xuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB3cmFwcGVkIGBzcC1kaWFsb2dgIGNvbXBvbmVudC5cbiAgICovXG4gIEBWaWV3Q2hpbGQoRGlhbG9nQ29tcG9uZW50KVxuICBkaWFsb2c/OiBEaWFsb2dDb21wb25lbnQ7XG59XG4iLCI8c3AtZGlhbG9nIHJvbGU9XCJhbGVydGRpYWxvZ1wiIHNpemU9XCJ4c1wiPlxuICA8c3AtZmVlZGJhY2stbWVzc2FnZVxuICAgIFt2YXJpYW50XT1cInZhcmlhbnRcIlxuICAgIHN0eWxlPVwibWFyZ2luOiB2YXIoLS1zYXBwaGlyZS1zZW1hbnRpYy1zaXplLXNwYWNpbmcteGwpXCJcbiAgPlxuICAgIDxuZy1jb250YWluZXIgKm5nSWY9XCJpY29uICE9PSB1bmRlZmluZWRcIiBzcEZlZWRiYWNrTWVzc2FnZUljb24+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3BBbGVydERpYWxvZ0ljb25dXCI+PC9uZy1jb250ZW50PlxuICAgIDwvbmctY29udGFpbmVyPlxuICAgIDxzcC1mZWVkYmFjay1tZXNzYWdlLWhlYWRpbmcgc3BNb2RhbEhlYWRlcj5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzcEFsZXJ0RGlhbG9nSGVhZGluZ11cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcC1mZWVkYmFjay1tZXNzYWdlLWhlYWRpbmc+XG4gICAgPHNwLWZlZWRiYWNrLW1lc3NhZ2UtYm9keT5cbiAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzcEFsZXJ0RGlhbG9nQm9keV1cIj48L25nLWNvbnRlbnQ+XG4gICAgPC9zcC1mZWVkYmFjay1tZXNzYWdlLWJvZHk+XG4gICAgPHNwLWZlZWRiYWNrLW1lc3NhZ2UtYWN0aW9ucyBzdHlsZT1cIndpZHRoOiAxMDAlXCI+XG4gICAgICA8c3AtYnV0dG9uLWdyb3VwXG4gICAgICAgIHN0cmV0Y2g9XCJhdXRvVmVydGljYWxcIlxuICAgICAgICBbb3JpZW50YXRpb25dPVwiYWN0aW9uc09yaWVudGF0aW9uXCJcbiAgICAgID5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwQWxlcnREaWFsb2dBY3Rpb25zXVwiPjwvbmctY29udGVudD5cbiAgICAgIDwvc3AtYnV0dG9uLWdyb3VwPlxuICAgIDwvc3AtZmVlZGJhY2stbWVzc2FnZS1hY3Rpb25zPlxuICA8L3NwLWZlZWRiYWNrLW1lc3NhZ2U+XG48L3NwLWRpYWxvZz5cbiJdfQ==
111
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQtZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2RpYWxvZy9hbGVydC1kaWFsb2cuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvZGlhbG9nL2FsZXJ0LWRpYWxvZy5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBRUwsU0FBUyxFQUNULFlBQVksRUFDWixlQUFlLEVBQ2YsU0FBUyxFQUNULEtBQUssRUFDTCxTQUFTLEdBQ1YsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDOUQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLG9CQUFvQixDQUFDOzs7Ozs7O0FBWXJELE1BQU0sT0FBTyxlQUFlOzs0R0FBZixlQUFlO2dHQUFmLGVBQWU7MkZBQWYsZUFBZTtrQkFIM0IsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUscUJBQXFCO2lCQUNoQzs7QUFNRCxNQUFNLE9BQU8sa0JBQWtCOzsrR0FBbEIsa0JBQWtCO21HQUFsQixrQkFBa0I7MkZBQWxCLGtCQUFrQjtrQkFIOUIsU0FBUzttQkFBQztvQkFDVCxRQUFRLEVBQUUsd0JBQXdCO2lCQUNuQzs7QUFNRCxNQUFNLE9BQU8sZUFBZTs7NEdBQWYsZUFBZTtnR0FBZixlQUFlOzJGQUFmLGVBQWU7a0JBSDNCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHFCQUFxQjtpQkFDaEM7O0FBTUQsTUFBTSxPQUFPLGtCQUFrQjs7K0dBQWxCLGtCQUFrQjttR0FBbEIsa0JBQWtCOzJGQUFsQixrQkFBa0I7a0JBSDlCLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtpQkFDbkM7O0FBR0Q7O0dBRUc7QUFZSCxNQUFNLE9BQU8sb0JBQW9CO0lBWGpDO1FBZ0JFOztXQUVHO1FBQ0gsdUJBQWtCLEdBQStCLFlBQVksQ0FBQztLQXVDL0Q7SUF6QkMsa0JBQWtCO1FBQ2hCLElBQUksQ0FBQyxJQUFJLENBQUMsT0FBTyxFQUFFO1lBQ2pCLE1BQU0sSUFBSSxLQUFLLENBQ2IsMkhBQTJILENBQzVILENBQUM7U0FDSDtRQUVELElBQUksQ0FBQyxJQUFJLENBQUMsSUFBSSxFQUFFO1lBQ2QsTUFBTSxJQUFJLEtBQUssQ0FDYixrSEFBa0gsQ0FDbkgsQ0FBQztTQUNIO1FBRUQsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLEVBQUU7WUFDakIsTUFBTSxJQUFJLEtBQUssQ0FDYiwySEFBMkgsQ0FDNUgsQ0FBQztTQUNIO0lBQ0gsQ0FBQzs7aUhBeENVLG9CQUFvQjtxR0FBcEIsb0JBQW9CLG9IQVJwQjtRQUNUO1lBQ0UsT0FBTyxFQUFFLGtCQUFrQjtZQUMzQixRQUFRLEVBQUUsRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFO1NBQ3pCO0tBQ0YsNERBYWEsZUFBZSwwRUFHZixrQkFBa0IsdUVBR2xCLGVBQWUsNkRBR1osa0JBQWtCLHFFQTBCeEIsZUFBZSxnRENsRzVCLHM0QkFxQkE7MkZEZ0NhLG9CQUFvQjtrQkFYaEMsU0FBUzsrQkFDRSxpQkFBaUIsYUFFaEI7d0JBQ1Q7NEJBQ0UsT0FBTyxFQUFFLGtCQUFrQjs0QkFDM0IsUUFBUSxFQUFFLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRTt5QkFDekI7cUJBQ0YsY0FDVyxLQUFLOzhCQUlqQixPQUFPO3NCQUROLEtBQUs7O1FBSU47O1dBRUc7UUFDSCxrQkFBa0I7c0JBSmpCLEtBQUs7Z0JBT04sSUFBSTtzQkFESCxZQUFZO3VCQUFDLGVBQWU7Z0JBSTdCLE9BQU87c0JBRE4sWUFBWTt1QkFBQyxrQkFBa0I7Z0JBSWhDLElBQUk7c0JBREgsWUFBWTt1QkFBQyxlQUFlO2dCQUk3QixPQUFPO3NCQUROLGVBQWU7dUJBQUMsa0JBQWtCO2dCQTJCbkMsTUFBTTtzQkFETCxTQUFTO3VCQUFDLGVBQWUiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlckNvbnRlbnRJbml0LFxuICBDb21wb25lbnQsXG4gIENvbnRlbnRDaGlsZCxcbiAgQ29udGVudENoaWxkcmVuLFxuICBEaXJlY3RpdmUsXG4gIElucHV0LFxuICBWaWV3Q2hpbGQsXG59IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgSUNPTl9TSVpFX1BST1ZJREVSIH0gZnJvbSAnLi4vLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nLmNvbXBvbmVudCc7XG5cbnR5cGUgQWxlcnREaWFsb2dWYXJpYW50ID1cbiAgfCAnc3VjY2VzcydcbiAgfCAnZXJyb3InXG4gIHwgJ3dhcm5pbmcnXG4gIHwgJ2luZm9ybWF0aXZlJ1xuICB8ICduZXV0cmFsJztcblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwQWxlcnREaWFsb2dJY29uXScsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0RGlhbG9nSWNvbiB7fVxuXG5ARGlyZWN0aXZlKHtcbiAgc2VsZWN0b3I6ICdbc3BBbGVydERpYWxvZ0hlYWRpbmddJyxcbn0pXG5leHBvcnQgY2xhc3MgQWxlcnREaWFsb2dIZWFkaW5nIHt9XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ1tzcEFsZXJ0RGlhbG9nQm9keV0nLFxufSlcbmV4cG9ydCBjbGFzcyBBbGVydERpYWxvZ0JvZHkge31cblxuQERpcmVjdGl2ZSh7XG4gIHNlbGVjdG9yOiAnW3NwQWxlcnREaWFsb2dBY3Rpb25zXScsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0RGlhbG9nQWN0aW9ucyB7fVxuXG4vKipcbiAqIEltcGxlbWVudHMgbGF5b3V0IGFuZCBzdHlsZSBvZiB0aGUgYWxlcnQgZGlhbG9nXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWFsZXJ0LWRpYWxvZycsXG4gIHRlbXBsYXRlVXJsOiAnLi9hbGVydC1kaWFsb2cuY29tcG9uZW50Lmh0bWwnLFxuICBwcm92aWRlcnM6IFtcbiAgICB7XG4gICAgICBwcm92aWRlOiBJQ09OX1NJWkVfUFJPVklERVIsXG4gICAgICB1c2VWYWx1ZTogeyBzaXplOiAneGwnIH0sXG4gICAgfSxcbiAgXSxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIEFsZXJ0RGlhbG9nQ29tcG9uZW50IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gIEBJbnB1dCgpXG4gIHZhcmlhbnQ/OiBBbGVydERpYWxvZ1ZhcmlhbnQ7XG5cbiAgQElucHV0KClcbiAgLyoqXG4gICAqIEBkZWZhdWx0IFwiaG9yaXpvbnRhbFwiXG4gICAqL1xuICBhY3Rpb25zT3JpZW50YXRpb24/OiAndmVydGljYWwnIHwgJ2hvcml6b250YWwnID0gJ2hvcml6b250YWwnO1xuXG4gIEBDb250ZW50Q2hpbGQoQWxlcnREaWFsb2dJY29uKVxuICBpY29uPzogQWxlcnREaWFsb2dJY29uO1xuXG4gIEBDb250ZW50Q2hpbGQoQWxlcnREaWFsb2dIZWFkaW5nKVxuICBoZWFkaW5nPzogQWxlcnREaWFsb2dIZWFkaW5nO1xuXG4gIEBDb250ZW50Q2hpbGQoQWxlcnREaWFsb2dCb2R5KVxuICBib2R5PzogQWxlcnREaWFsb2dCb2R5O1xuXG4gIEBDb250ZW50Q2hpbGRyZW4oQWxlcnREaWFsb2dBY3Rpb25zKVxuICBhY3Rpb25zPzogQWxlcnREaWFsb2dBY3Rpb25zO1xuXG4gIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuaGVhZGluZykge1xuICAgICAgdGhyb3cgbmV3IEVycm9yKFxuICAgICAgICAnTWlzc2luZyBoZWFkaW5nIGZvciBzcC1hbGVydC1kaWFsb2cuIFJlbmRlciA8c3AtYWxlcnQtZGlhbG9nLWhlYWRpbmc+Li4uPC9zcC1hbGVydC1kaWFsb2ctaGVhZGluZz4gaW5zaWRlIHNwLWFsZXJ0LWRpYWxvZydcbiAgICAgICk7XG4gICAgfVxuXG4gICAgaWYgKCF0aGlzLmJvZHkpIHtcbiAgICAgIHRocm93IG5ldyBFcnJvcihcbiAgICAgICAgJ01pc3NpbmcgYm9keSBmb3Igc3AtYWxlcnQtZGlhbG9nLiBSZW5kZXIgPHNwLWFsZXJ0LWRpYWxvZy1ib2R5Pi4uLjwvc3AtYWxlcnQtZGlhbG9nLWJvZHk+IGluc2lkZSBzcC1hbGVydC1kaWFsb2cnXG4gICAgICApO1xuICAgIH1cblxuICAgIGlmICghdGhpcy5hY3Rpb25zKSB7XG4gICAgICB0aHJvdyBuZXcgRXJyb3IoXG4gICAgICAgICdNaXNzaW5nIGFjdGlvbnMgZm9yIHNwLWFsZXJ0LWRpYWxvZy4gUmVuZGVyIDxzcC1hbGVydC1kaWFsb2ctYWN0aW9ucz4uLi48L3NwLWFsZXJ0LWRpYWxvZy1hY3Rpb25zPiBpbnNpZGUgc3AtYWxlcnQtZGlhbG9nJ1xuICAgICAgKTtcbiAgICB9XG4gIH1cblxuICAvKipcbiAgICogUmVmZXJlbmNlIHRvIHRoZSB3cmFwcGVkIGBzcC1kaWFsb2dgIGNvbXBvbmVudC5cbiAgICovXG4gIEBWaWV3Q2hpbGQoRGlhbG9nQ29tcG9uZW50KVxuICBkaWFsb2c/OiBEaWFsb2dDb21wb25lbnQ7XG59XG4iLCI8c3AtZGlhbG9nIHJvbGU9XCJhbGVydGRpYWxvZ1wiIHNpemU9XCJ4c1wiIHBhZGRlZD5cbiAgPHNwLWZlZWRiYWNrLW1lc3NhZ2UgW3ZhcmlhbnRdPVwidmFyaWFudFwiIHN0eWxlPVwid2lkdGg6IDEwMCVcIj5cbiAgICA8bmctY29udGFpbmVyICpuZ0lmPVwiaWNvbiAhPT0gdW5kZWZpbmVkXCIgc3BGZWVkYmFja01lc3NhZ2VJY29uPlxuICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW3NwQWxlcnREaWFsb2dJY29uXVwiPjwvbmctY29udGVudD5cbiAgICA8L25nLWNvbnRhaW5lcj5cbiAgICA8c3AtZmVlZGJhY2stbWVzc2FnZS1oZWFkaW5nIHNwTW9kYWxIZWFkZXI+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3BBbGVydERpYWxvZ0hlYWRpbmddXCI+PC9uZy1jb250ZW50PlxuICAgIDwvc3AtZmVlZGJhY2stbWVzc2FnZS1oZWFkaW5nPlxuICAgIDxzcC1mZWVkYmFjay1tZXNzYWdlLWJvZHk+XG4gICAgICA8bmctY29udGVudCBzZWxlY3Q9XCJbc3BBbGVydERpYWxvZ0JvZHldXCI+PC9uZy1jb250ZW50PlxuICAgIDwvc3AtZmVlZGJhY2stbWVzc2FnZS1ib2R5PlxuICAgIDxzcC1mZWVkYmFjay1tZXNzYWdlLWFjdGlvbnMgc3R5bGU9XCJ3aWR0aDogMTAwJVwiPlxuICAgICAgPHNwLWJ1dHRvbi1ncm91cFxuICAgICAgICBzdHJldGNoPVwiYXV0b1ZlcnRpY2FsXCJcbiAgICAgICAgW29yaWVudGF0aW9uXT1cImFjdGlvbnNPcmllbnRhdGlvblwiXG4gICAgICA+XG4gICAgICAgIDxuZy1jb250ZW50IHNlbGVjdD1cIltzcEFsZXJ0RGlhbG9nQWN0aW9uc11cIj48L25nLWNvbnRlbnQ+XG4gICAgICA8L3NwLWJ1dHRvbi1ncm91cD5cbiAgICA8L3NwLWZlZWRiYWNrLW1lc3NhZ2UtYWN0aW9ucz5cbiAgPC9zcC1mZWVkYmFjay1tZXNzYWdlPlxuPC9zcC1kaWFsb2c+XG4iXX0=
package/esm2020/lib/modal/src/dialog/confirmation-dialog.component.mjs CHANGED
@@ -42,7 +42,7 @@ export class ConfirmationDialogComponent {
42
42
  }
43
43
  }
44
44
  ConfirmationDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ConfirmationDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
45
- ConfirmationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ConfirmationDialogComponent, selector: "sp-confirmation-dialog", inputs: { heading: "heading", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel" }, outputs: { primaryActionSelected: "primaryActionSelected", secondaryActionSelected: "secondaryActionSelected" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], exportAs: ["spConfirmationDialog"], ngImport: i0, template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"primary\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "component", type: i3.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: i4.ModalLayoutComponent, selector: "sp-modal-layout" }, { kind: "component", type: i5.ModalHeaderComponent, selector: "sp-modal-header", inputs: ["subheading", "hideCloseButton"], outputs: ["closeClicked"] }, { kind: "component", type: i6.ModalBodyComponent, selector: "sp-modal-body", inputs: ["noPadding"] }, { kind: "component", type: i7.ModalFooterComponent, selector: "sp-modal-footer" }, { kind: "component", type: i8.DialogComponent, selector: "sp-dialog", inputs: ["size"] }] });
45
+ ConfirmationDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ConfirmationDialogComponent, selector: "sp-confirmation-dialog", inputs: { heading: "heading", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel" }, outputs: { primaryActionSelected: "primaryActionSelected", secondaryActionSelected: "secondaryActionSelected" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], exportAs: ["spConfirmationDialog"], ngImport: i0, template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"primary\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "component", type: i3.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: i4.ModalLayoutComponent, selector: "sp-modal-layout" }, { kind: "component", type: i5.ModalHeaderComponent, selector: "sp-modal-header", inputs: ["subheading", "hideCloseButton"], outputs: ["closeClicked"] }, { kind: "component", type: i6.ModalBodyComponent, selector: "sp-modal-body", inputs: ["noPadding"] }, { kind: "component", type: i7.ModalFooterComponent, selector: "sp-modal-footer" }, { kind: "component", type: i8.DialogComponent, selector: "sp-dialog", inputs: ["size", "padded"] }] });
46
46
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ConfirmationDialogComponent, decorators: [{
47
47
  type: Component,
48
48
  args: [{ selector: 'sp-confirmation-dialog', exportAs: 'spConfirmationDialog', standalone: false, template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"primary\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n" }]
package/esm2020/lib/modal/src/dialog/danger-dialog.component.mjs CHANGED
@@ -43,7 +43,7 @@ export class DangerDialogComponent {
43
43
  }
44
44
  }
45
45
  DangerDialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DangerDialogComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
46
- DangerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DangerDialogComponent, selector: "sp-danger-dialog", inputs: { heading: "heading", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel" }, outputs: { primaryActionSelected: "primaryActionSelected", secondaryActionSelected: "secondaryActionSelected" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], exportAs: ["spDangerDialog"], ngImport: i0, template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"danger\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "component", type: i3.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: i4.ModalLayoutComponent, selector: "sp-modal-layout" }, { kind: "component", type: i5.ModalHeaderComponent, selector: "sp-modal-header", inputs: ["subheading", "hideCloseButton"], outputs: ["closeClicked"] }, { kind: "component", type: i6.ModalBodyComponent, selector: "sp-modal-body", inputs: ["noPadding"] }, { kind: "component", type: i7.ModalFooterComponent, selector: "sp-modal-footer" }, { kind: "component", type: i8.DialogComponent, selector: "sp-dialog", inputs: ["size"] }] });
46
+ DangerDialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DangerDialogComponent, selector: "sp-danger-dialog", inputs: { heading: "heading", primaryActionLabel: "primaryActionLabel", secondaryActionLabel: "secondaryActionLabel" }, outputs: { primaryActionSelected: "primaryActionSelected", secondaryActionSelected: "secondaryActionSelected" }, viewQueries: [{ propertyName: "dialog", first: true, predicate: DialogComponent, descendants: true }], exportAs: ["spDangerDialog"], ngImport: i0, template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"danger\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n", dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.ButtonComponent, selector: "button[sp-button], a[sp-button]", inputs: ["variant", "size", "disabled", "iconAlign", "type"] }, { kind: "component", type: i3.ButtonGroupComponent, selector: "sp-button-group", inputs: ["align", "stretch", "spacing", "orientation"] }, { kind: "component", type: i4.ModalLayoutComponent, selector: "sp-modal-layout" }, { kind: "component", type: i5.ModalHeaderComponent, selector: "sp-modal-header", inputs: ["subheading", "hideCloseButton"], outputs: ["closeClicked"] }, { kind: "component", type: i6.ModalBodyComponent, selector: "sp-modal-body", inputs: ["noPadding"] }, { kind: "component", type: i7.ModalFooterComponent, selector: "sp-modal-footer" }, { kind: "component", type: i8.DialogComponent, selector: "sp-dialog", inputs: ["size", "padded"] }] });
47
47
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DangerDialogComponent, decorators: [{
48
48
  type: Component,
49
49
  args: [{ selector: 'sp-danger-dialog', exportAs: 'spDangerDialog', standalone: false, template: "<sp-dialog role=\"alertdialog\">\n <sp-modal-layout>\n <sp-modal-header *ngIf=\"heading\" hideCloseButton>{{\n heading\n }}</sp-modal-header>\n <sp-modal-body><ng-content></ng-content></sp-modal-body>\n <sp-modal-footer>\n <sp-button-group>\n <button\n sp-button\n variant=\"secondary\"\n (click)=\"dialog && secondaryActionSelected.emit({dialog})\"\n >\n {{ secondaryActionLabel }}\n </button>\n <button\n sp-button\n variant=\"danger\"\n (click)=\"dialog && primaryActionSelected.emit({dialog})\"\n >\n {{ primaryActionLabel }}\n </button>\n </sp-button-group>\n </sp-modal-footer>\n </sp-modal-layout>\n</sp-dialog>\n" }]
package/esm2020/lib/modal/src/dialog/dialog.component.mjs CHANGED
@@ -1,6 +1,8 @@
1
+ import { __decorate } from "tslib";
1
2
  import { Component, Input } from '@angular/core';
2
3
  import { ModalBaseComponent } from '../modal-base.component';
3
4
  import { UseComponentStylesOnHost } from '../../../common/sapphire-view-encapsulation';
5
+ import { CoerceBoolean } from '../../../common/coerce-boolean.decorator';
4
6
  import * as i0 from "@angular/core";
5
7
  import * as i1 from "@angular/cdk/dialog";
6
8
  import * as i2 from "../../../common/sapphire-view-encapsulation";
@@ -16,10 +18,14 @@ export class DialogComponent extends ModalBaseComponent {
16
18
  * Dialog size, constraining the width of the dialog.
17
19
  */
18
20
  this.size = 'sm';
21
+ this.padded = false;
19
22
  }
20
23
  }
21
24
  DialogComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
22
- 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--xs": "size === 'xs'", "class.sapphire-dialog--sm": "size === 'sm'", "class.sapphire-dialog--md": "size === 'md'", "class.sapphire-dialog--lg": "size === 'lg'", "class.sapphire-dialog--exiting": "dialogRef.closing" }, classAttribute: "sapphire-dialog" }, usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, 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-semantic-size-radius-lg);background:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-primary);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-semantic-time-fade-default);animation-timing-function:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] });
25
+ DialogComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: DialogComponent, selector: "sp-dialog", inputs: { size: "size", padded: "padded" }, host: { properties: { "class.sapphire-dialog--xs": "size === 'xs'", "class.sapphire-dialog--sm": "size === 'sm'", "class.sapphire-dialog--md": "size === 'md'", "class.sapphire-dialog--lg": "size === 'lg'", "class.sapphire-dialog--padded": "padded === true", "class.sapphire-dialog--exiting": "dialogRef.closing" }, classAttribute: "sapphire-dialog" }, usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, 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-semantic-size-radius-lg);background:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-primary);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-semantic-time-fade-default);animation-timing-function:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-dialog--padded{padding:var(--sapphire-semantic-size-spacing-3xl) var(--sapphire-semantic-size-spacing-3xl) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-3xl)}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-900)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] });
26
+ __decorate([
27
+ CoerceBoolean
28
+ ], DialogComponent.prototype, "padded", void 0);
23
29
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: DialogComponent, decorators: [{
24
30
  type: Component,
25
31
  args: [{ selector: 'sp-dialog', template: '<ng-content></ng-content>', host: {
@@ -28,9 +34,12 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
28
34
  '[class.sapphire-dialog--sm]': "size === 'sm'",
29
35
  '[class.sapphire-dialog--md]': "size === 'md'",
30
36
  '[class.sapphire-dialog--lg]': "size === 'lg'",
37
+ '[class.sapphire-dialog--padded]': 'padded === true',
31
38
  '[class.sapphire-dialog--exiting]': 'dialogRef.closing',
32
- }, hostDirectives: [UseComponentStylesOnHost], standalone: false, 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-semantic-size-radius-lg);background:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-primary);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-semantic-time-fade-default);animation-timing-function:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-800)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] }]
39
+ }, hostDirectives: [UseComponentStylesOnHost], standalone: false, 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-semantic-size-radius-lg);background:var(--sapphire-semantic-color-background-surface);font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-primary);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-semantic-time-fade-default);animation-timing-function:var(--sapphire-semantic-transitions-fade);animation-fill-mode:forwards}.sapphire-dialog--padded{padding:var(--sapphire-semantic-size-spacing-3xl) var(--sapphire-semantic-size-spacing-3xl) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-3xl)}.sapphire-dialog--exiting{animation-name:fade-out}.sapphire-dialog--xs{width:var(--sapphire-global-size-generic-900)}.sapphire-dialog--sm{width:var(--sapphire-global-size-generic-1400)}.sapphire-dialog--md{width:var(--sapphire-global-size-generic-1920)}.sapphire-dialog--lg{width:var(--sapphire-global-size-generic-2560)}\n"] }]
33
40
  }], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { size: [{
34
41
  type: Input
42
+ }], padded: [{
43
+ type: Input
35
44
  }] } });
36
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBRWpELE9BQU8sRUFBRSxrQkFBa0IsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQzdELE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7O0FBRXZGOzs7R0FHRztBQWdCSCxNQUFNLE9BQU8sZUFBZ0IsU0FBUSxrQkFBa0I7SUFPckQsWUFBc0IsU0FBb0I7UUFDeEMsS0FBSyxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBREcsY0FBUyxHQUFULFNBQVMsQ0FBVztRQU4xQzs7V0FFRztRQUVILFNBQUksR0FBOEIsSUFBSSxDQUFDO0lBSXZDLENBQUM7OzRHQVRVLGVBQWU7Z0dBQWYsZUFBZSw0Y0FiaEIsMkJBQTJCOzJGQWExQixlQUFlO2tCQWYzQixTQUFTOytCQUNFLFdBQVcsWUFDWCwyQkFBMkIsUUFDL0I7d0JBQ0osS0FBSyxFQUFFLGlCQUFpQjt3QkFDeEIsNkJBQTZCLEVBQUUsZUFBZTt3QkFDOUMsNkJBQTZCLEVBQUUsZUFBZTt3QkFDOUMsNkJBQTZCLEVBQUUsZUFBZTt3QkFDOUMsNkJBQTZCLEVBQUUsZUFBZTt3QkFDOUMsa0NBQWtDLEVBQUUsbUJBQW1CO3FCQUN4RCxrQkFDZSxDQUFDLHdCQUF3QixDQUFDLGNBRTlCLEtBQUs7Z0dBT2pCLElBQUk7c0JBREgsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgTW9kYWxCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9kYWwtYmFzZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5cbi8qKlxuICogRGlhbG9ncyBmb2N1cyB0aGUgdXNlcidzIGF0dGVudGlvbiBleGNsdXNpdmVseSBvbiBvbmUgdGFzayBvciBwaWVjZSBvZlxuICogaW5mb3JtYXRpb24gdmlhIGEgZGlhbG9nIGJveCB0aGF0IHNpdHMgb24gdG9wIG9mIHRoZSBwYWdlIGNvbnRlbnQuXG4gKi9cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLWRpYWxvZycsXG4gIHRlbXBsYXRlOiAnPG5nLWNvbnRlbnQ+PC9uZy1jb250ZW50PicsXG4gIGhvc3Q6IHtcbiAgICBjbGFzczogJ3NhcHBoaXJlLWRpYWxvZycsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLXhzXSc6IFwic2l6ZSA9PT0gJ3hzJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1zbV0nOiBcInNpemUgPT09ICdzbSdcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWRpYWxvZy0tbWRdJzogXCJzaXplID09PSAnbWQnXCIsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLWxnXSc6IFwic2l6ZSA9PT0gJ2xnJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1leGl0aW5nXSc6ICdkaWFsb2dSZWYuY2xvc2luZycsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dDb21wb25lbnQgZXh0ZW5kcyBNb2RhbEJhc2VDb21wb25lbnQge1xuICAvKipcbiAgICogRGlhbG9nIHNpemUsIGNvbnN0cmFpbmluZyB0aGUgd2lkdGggb2YgdGhlIGRpYWxvZy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHNpemU6ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgPSAnc20nO1xuXG4gIGNvbnN0cnVjdG9yKHByb3RlY3RlZCBkaWFsb2dSZWY6IERpYWxvZ1JlZikge1xuICAgIHN1cGVyKGRpYWxvZ1JlZik7XG4gIH1cbn1cbiJdfQ==
45
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGlhbG9nLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2RpYWxvZy9kaWFsb2cuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUVqRCxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUM3RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2Q0FBNkMsQ0FBQztBQUN2RixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sMENBQTBDLENBQUM7Ozs7QUFHekU7OztHQUdHO0FBaUJILE1BQU0sT0FBTyxlQUFnQixTQUFRLGtCQUFrQjtJQVdyRCxZQUFzQixTQUFvQjtRQUN4QyxLQUFLLENBQUMsU0FBUyxDQUFDLENBQUM7UUFERyxjQUFTLEdBQVQsU0FBUyxDQUFXO1FBVjFDOztXQUVHO1FBRUgsU0FBSSxHQUE4QixJQUFJLENBQUM7UUFJdkMsV0FBTSxHQUFpQixLQUFLLENBQUM7SUFJN0IsQ0FBQzs7NEdBYlUsZUFBZTtnR0FBZixlQUFlLGtoQkFkaEIsMkJBQTJCO0FBdUJyQztJQURDLGFBQWE7K0NBQ2U7MkZBVGxCLGVBQWU7a0JBaEIzQixTQUFTOytCQUNFLFdBQVcsWUFDWCwyQkFBMkIsUUFDL0I7d0JBQ0osS0FBSyxFQUFFLGlCQUFpQjt3QkFDeEIsNkJBQTZCLEVBQUUsZUFBZTt3QkFDOUMsNkJBQTZCLEVBQUUsZUFBZTt3QkFDOUMsNkJBQTZCLEVBQUUsZUFBZTt3QkFDOUMsNkJBQTZCLEVBQUUsZUFBZTt3QkFDOUMsaUNBQWlDLEVBQUUsaUJBQWlCO3dCQUNwRCxrQ0FBa0MsRUFBRSxtQkFBbUI7cUJBQ3hELGtCQUNlLENBQUMsd0JBQXdCLENBQUMsY0FFOUIsS0FBSztnR0FPakIsSUFBSTtzQkFESCxLQUFLO2dCQUtOLE1BQU07c0JBRkwsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IERpYWxvZ1JlZiB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgTW9kYWxCYXNlQ29tcG9uZW50IH0gZnJvbSAnLi4vbW9kYWwtYmFzZS5jb21wb25lbnQnO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0IH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuXG4vKipcbiAqIERpYWxvZ3MgZm9jdXMgdGhlIHVzZXIncyBhdHRlbnRpb24gZXhjbHVzaXZlbHkgb24gb25lIHRhc2sgb3IgcGllY2Ugb2ZcbiAqIGluZm9ybWF0aW9uIHZpYSBhIGRpYWxvZyBib3ggdGhhdCBzaXRzIG9uIHRvcCBvZiB0aGUgcGFnZSBjb250ZW50LlxuICovXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1kaWFsb2cnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICBob3N0OiB7XG4gICAgY2xhc3M6ICdzYXBwaGlyZS1kaWFsb2cnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS14c10nOiBcInNpemUgPT09ICd4cydcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWRpYWxvZy0tc21dJzogXCJzaXplID09PSAnc20nXCIsXG4gICAgJ1tjbGFzcy5zYXBwaGlyZS1kaWFsb2ctLW1kXSc6IFwic2l6ZSA9PT0gJ21kJ1wiLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1sZ10nOiBcInNpemUgPT09ICdsZydcIixcbiAgICAnW2NsYXNzLnNhcHBoaXJlLWRpYWxvZy0tcGFkZGVkXSc6ICdwYWRkZWQgPT09IHRydWUnLFxuICAgICdbY2xhc3Muc2FwcGhpcmUtZGlhbG9nLS1leGl0aW5nXSc6ICdkaWFsb2dSZWYuY2xvc2luZycsXG4gIH0sXG4gIGhvc3REaXJlY3RpdmVzOiBbVXNlQ29tcG9uZW50U3R5bGVzT25Ib3N0XSxcbiAgc3R5bGVVcmxzOiBbJy4vZGlhbG9nLmNvbXBvbmVudC5zY3NzJ10sXG4gIHN0YW5kYWxvbmU6IGZhbHNlLFxufSlcbmV4cG9ydCBjbGFzcyBEaWFsb2dDb21wb25lbnQgZXh0ZW5kcyBNb2RhbEJhc2VDb21wb25lbnQge1xuICAvKipcbiAgICogRGlhbG9nIHNpemUsIGNvbnN0cmFpbmluZyB0aGUgd2lkdGggb2YgdGhlIGRpYWxvZy5cbiAgICovXG4gIEBJbnB1dCgpXG4gIHNpemU6ICd4cycgfCAnc20nIHwgJ21kJyB8ICdsZycgPSAnc20nO1xuXG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIHBhZGRlZDogQm9vbGVhbklucHV0ID0gZmFsc2U7XG5cbiAgY29uc3RydWN0b3IocHJvdGVjdGVkIGRpYWxvZ1JlZjogRGlhbG9nUmVmKSB7XG4gICAgc3VwZXIoZGlhbG9nUmVmKTtcbiAgfVxufVxuIl19
package/esm2020/lib/modal/src/layout/modal-layout.component.mjs CHANGED
@@ -5,11 +5,11 @@ import * as i1 from "../../../common/sapphire-view-encapsulation";
5
5
  export class ModalLayoutComponent {
6
6
  }
7
7
  ModalLayoutComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalLayoutComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
8
- ModalLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalLayoutComponent, selector: "sp-modal-layout", host: { classAttribute: "sapphire-modal-layout" }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content select=\"sp-modal-header, [spModalHeader]\"></ng-content>\n<ng-content select=\"sp-modal-body\"></ng-content>\n<ng-content select=\"sp-modal-footer, [spModalFooter]\"></ng-content>\n", styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-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-lg) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-sm)}.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-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-3xs) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-foreground-secondary);margin-top:var(--sapphire-semantic-size-spacing-2xs)}.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-secondary)}.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-lg)}.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-secondary)}\n"] });
8
+ ModalLayoutComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalLayoutComponent, selector: "sp-modal-layout", host: { classAttribute: "sapphire-modal-layout" }, hostDirectives: [{ directive: i1.UseComponentStylesOnHost }], ngImport: i0, template: "<ng-content select=\"sp-modal-header, [spModalHeader]\"></ng-content>\n<ng-content select=\"sp-modal-body\"></ng-content>\n<ng-content select=\"sp-modal-footer, [spModalFooter]\"></ng-content>\n", styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-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-lg) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-sm)}.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-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-3xs) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-foreground-secondary);margin-top:var(--sapphire-semantic-size-spacing-2xs)}.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-secondary)}.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-lg)}.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-secondary)}.sapphire-modal-layout__section{margin:0;padding:0;border:none}.sapphire-modal-layout__section-title{margin-left:calc(var(--sapphire-semantic-size-spacing-container-horizontal-md) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-container-horizontal-md) * 2);padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md);min-height:var(--sapphire-global-size-generic-100);background-color:var(--sapphire-semantic-color-background-surface);display:flex;align-items:center;position:sticky;top:0}.sapphire-modal-layout__section-title:before{content:\"\";background:var(--sapphire-semantic-color-background-neutral-subtle);position:absolute;inset:0;z-index:-1}\n"] });
9
9
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalLayoutComponent, decorators: [{
10
10
  type: Component,
11
11
  args: [{ selector: 'sp-modal-layout', template: "<ng-content select=\"sp-modal-header, [spModalHeader]\"></ng-content>\n<ng-content select=\"sp-modal-body\"></ng-content>\n<ng-content select=\"sp-modal-footer, [spModalFooter]\"></ng-content>\n", host: {
12
12
  class: 'sapphire-modal-layout',
13
- }, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-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-lg) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-sm)}.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-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-3xs) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-foreground-secondary);margin-top:var(--sapphire-semantic-size-spacing-2xs)}.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-secondary)}.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-lg)}.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-secondary)}\n"] }]
13
+ }, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-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-lg) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-sm)}.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-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-3xs) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-foreground-secondary);margin-top:var(--sapphire-semantic-size-spacing-2xs)}.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-secondary)}.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-lg)}.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-secondary)}.sapphire-modal-layout__section{margin:0;padding:0;border:none}.sapphire-modal-layout__section-title{margin-left:calc(var(--sapphire-semantic-size-spacing-container-horizontal-md) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-container-horizontal-md) * 2);padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md);min-height:var(--sapphire-global-size-generic-100);background-color:var(--sapphire-semantic-color-background-surface);display:flex;align-items:center;position:sticky;top:0}.sapphire-modal-layout__section-title:before{content:\"\";background:var(--sapphire-semantic-color-background-neutral-subtle);position:absolute;inset:0;z-index:-1}\n"] }]
14
14
  }] });
15
15
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtbGF5b3V0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3NyYy9saWIvbW9kYWwvc3JjL2xheW91dC9tb2RhbC1sYXlvdXQuY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbGF5b3V0L21vZGFsLWxheW91dC5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLDZDQUE2QyxDQUFDOzs7QUFhdkYsTUFBTSxPQUFPLG9CQUFvQjs7aUhBQXBCLG9CQUFvQjtxR0FBcEIsb0JBQW9CLHdLQ2RqQyxvTUFHQTsyRkRXYSxvQkFBb0I7a0JBWGhDLFNBQVM7K0JBQ0UsaUJBQWlCLHdOQUdyQjt3QkFDSixLQUFLLEVBQUUsdUJBQXVCO3FCQUMvQixrQkFDZSxDQUFDLHdCQUF3QixDQUFDLGNBRTlCLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlc09uSG9zdCB9IGZyb20gJy4uLy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzcC1tb2RhbC1sYXlvdXQnLFxuICB0ZW1wbGF0ZTogJzxuZy1jb250ZW50PjwvbmctY29udGVudD4nLFxuICB0ZW1wbGF0ZVVybDogJy4vbW9kYWwtbGF5b3V0LmNvbXBvbmVudC5odG1sJyxcbiAgaG9zdDoge1xuICAgIGNsYXNzOiAnc2FwcGhpcmUtbW9kYWwtbGF5b3V0JyxcbiAgfSxcbiAgaG9zdERpcmVjdGl2ZXM6IFtVc2VDb21wb25lbnRTdHlsZXNPbkhvc3RdLFxuICBzdHlsZVVybHM6IFsnLi9tb2RhbC1sYXlvdXQuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsTGF5b3V0Q29tcG9uZW50IHt9XG4iLCI8bmctY29udGVudCBzZWxlY3Q9XCJzcC1tb2RhbC1oZWFkZXIsIFtzcE1vZGFsSGVhZGVyXVwiPjwvbmctY29udGVudD5cbjxuZy1jb250ZW50IHNlbGVjdD1cInNwLW1vZGFsLWJvZHlcIj48L25nLWNvbnRlbnQ+XG48bmctY29udGVudCBzZWxlY3Q9XCJzcC1tb2RhbC1mb290ZXIsIFtzcE1vZGFsRm9vdGVyXVwiPjwvbmctY29udGVudD5cbiJdfQ==
package/esm2020/lib/modal/src/layout/modal-section-title.directive.mjs ADDED
@@ -0,0 +1,14 @@
1
+ import { Directive } from '@angular/core';
2
+ import * as i0 from "@angular/core";
3
+ export class ModalSectionTitleDirective {
4
+ }
5
+ ModalSectionTitleDirective.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalSectionTitleDirective, deps: [], target: i0.ɵɵFactoryTarget.Directive });
6
+ ModalSectionTitleDirective.ɵdir = i0.ɵɵngDeclareDirective({ minVersion: "14.0.0", version: "15.2.0", type: ModalSectionTitleDirective, selector: "sp-modal-section-title", ngImport: i0 });
7
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalSectionTitleDirective, decorators: [{
8
+ type: Directive,
9
+ args: [{
10
+ selector: 'sp-modal-section-title',
11
+ standalone: false,
12
+ }]
13
+ }] });
14
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtc2VjdGlvbi10aXRsZS5kaXJlY3RpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9sYXlvdXQvbW9kYWwtc2VjdGlvbi10aXRsZS5kaXJlY3RpdmUudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGVBQWUsQ0FBQzs7QUFNMUMsTUFBTSxPQUFPLDBCQUEwQjs7dUhBQTFCLDBCQUEwQjsyR0FBMUIsMEJBQTBCOzJGQUExQiwwQkFBMEI7a0JBSnRDLFNBQVM7bUJBQUM7b0JBQ1QsUUFBUSxFQUFFLHdCQUF3QjtvQkFDbEMsVUFBVSxFQUFFLEtBQUs7aUJBQ2xCIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgRGlyZWN0aXZlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBEaXJlY3RpdmUoe1xuICBzZWxlY3RvcjogJ3NwLW1vZGFsLXNlY3Rpb24tdGl0bGUnLFxuICBzdGFuZGFsb25lOiBmYWxzZSxcbn0pXG5leHBvcnQgY2xhc3MgTW9kYWxTZWN0aW9uVGl0bGVEaXJlY3RpdmUge31cbiJdfQ==
package/esm2020/lib/modal/src/layout/modal-section.component.mjs ADDED
@@ -0,0 +1,25 @@
1
+ import { __decorate } from "tslib";
2
+ import { Component, Input } from '@angular/core';
3
+ import { UseComponentStyles } from '../../../common/sapphire-view-encapsulation';
4
+ import { CoerceBoolean } from '../../../common/coerce-boolean.decorator';
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/body.component";
9
+ export class ModalSectionComponent {
10
+ constructor() {
11
+ this.isFormSection = false;
12
+ }
13
+ }
14
+ ModalSectionComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalSectionComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
15
+ ModalSectionComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.2.0", type: ModalSectionComponent, selector: "sp-modal-section", inputs: { isFormSection: "isFormSection" }, hostDirectives: [{ directive: i1.UseComponentStyles }], ngImport: i0, template: "<ng-container *ngIf=\"isFormSection; else sectionBlock\">\n <fieldset _spUseComponentStyles class=\"sapphire-modal-layout__section\">\n <legend _spUseComponentStyles class=\"sapphire-modal-layout__section-title\">\n <ng-container [ngTemplateOutlet]=\"titleTpl\"></ng-container>\n </legend>\n <ng-container [ngTemplateOutlet]=\"contentTpl\"></ng-container>\n </fieldset>\n</ng-container>\n\n<ng-template #sectionBlock>\n <section _spUseComponentStyles class=\"sapphire-modal-layout__section\">\n <header _spUseComponentStyles class=\"sapphire-modal-layout__section-title\">\n <ng-container [ngTemplateOutlet]=\"titleTpl\"></ng-container>\n </header>\n <ng-container [ngTemplateOutlet]=\"contentTpl\"></ng-container>\n </section>\n</ng-template>\n\n<ng-template #contentTpl>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #titleTpl>\n <h5 semibold=\"true\" sp-body size=\"sm\">\n <ng-content select=\"sp-modal-section-title\"></ng-content>\n </h5>\n</ng-template>\n", dependencies: [{ kind: "directive", type: i2.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.NgTemplateOutlet, selector: "[ngTemplateOutlet]", inputs: ["ngTemplateOutletContext", "ngTemplateOutlet", "ngTemplateOutletInjector"] }, { kind: "component", type: i3.BodyComponent, selector: "[sp-body]", inputs: ["size", "color", "bold", "semibold"] }, { kind: "directive", type: i1.UseComponentStyles, selector: "[_spUseComponentStyles]" }] });
16
+ __decorate([
17
+ CoerceBoolean
18
+ ], ModalSectionComponent.prototype, "isFormSection", void 0);
19
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: ModalSectionComponent, decorators: [{
20
+ type: Component,
21
+ args: [{ selector: 'sp-modal-section', hostDirectives: [UseComponentStyles], standalone: false, template: "<ng-container *ngIf=\"isFormSection; else sectionBlock\">\n <fieldset _spUseComponentStyles class=\"sapphire-modal-layout__section\">\n <legend _spUseComponentStyles class=\"sapphire-modal-layout__section-title\">\n <ng-container [ngTemplateOutlet]=\"titleTpl\"></ng-container>\n </legend>\n <ng-container [ngTemplateOutlet]=\"contentTpl\"></ng-container>\n </fieldset>\n</ng-container>\n\n<ng-template #sectionBlock>\n <section _spUseComponentStyles class=\"sapphire-modal-layout__section\">\n <header _spUseComponentStyles class=\"sapphire-modal-layout__section-title\">\n <ng-container [ngTemplateOutlet]=\"titleTpl\"></ng-container>\n </header>\n <ng-container [ngTemplateOutlet]=\"contentTpl\"></ng-container>\n </section>\n</ng-template>\n\n<ng-template #contentTpl>\n <ng-content></ng-content>\n</ng-template>\n\n<ng-template #titleTpl>\n <h5 semibold=\"true\" sp-body size=\"sm\">\n <ng-content select=\"sp-modal-section-title\"></ng-content>\n </h5>\n</ng-template>\n" }]
22
+ }], propDecorators: { isFormSection: [{
23
+ type: Input
24
+ }] } });
25
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwtc2VjdGlvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9sYXlvdXQvbW9kYWwtc2VjdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9zcmMvbGliL21vZGFsL3NyYy9sYXlvdXQvbW9kYWwtc2VjdGlvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFFakQsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDakYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLDBDQUEwQyxDQUFDOzs7OztBQVF6RSxNQUFNLE9BQU8scUJBQXFCO0lBTmxDO1FBU0Usa0JBQWEsR0FBaUIsS0FBSyxDQUFDO0tBQ3JDOztrSEFKWSxxQkFBcUI7c0dBQXJCLHFCQUFxQiw0SkNYbEMsdy9CQTJCQTtBRGJFO0lBREMsYUFBYTs0REFDc0I7MkZBSHpCLHFCQUFxQjtrQkFOakMsU0FBUzsrQkFDRSxrQkFBa0Isa0JBQ1osQ0FBQyxrQkFBa0IsQ0FBQyxjQUV4QixLQUFLOzhCQUtqQixhQUFhO3NCQUZaLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBCb29sZWFuSW5wdXQgfSBmcm9tICdAYW5ndWxhci9jZGsvY29lcmNpb24nO1xuaW1wb3J0IHsgVXNlQ29tcG9uZW50U3R5bGVzIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL3NhcHBoaXJlLXZpZXctZW5jYXBzdWxhdGlvbic7XG5pbXBvcnQgeyBDb2VyY2VCb29sZWFuIH0gZnJvbSAnLi4vLi4vLi4vY29tbW9uL2NvZXJjZS1ib29sZWFuLmRlY29yYXRvcic7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3NwLW1vZGFsLXNlY3Rpb24nLFxuICBob3N0RGlyZWN0aXZlczogW1VzZUNvbXBvbmVudFN0eWxlc10sXG4gIHRlbXBsYXRlVXJsOiAnLi9tb2RhbC1zZWN0aW9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3RhbmRhbG9uZTogZmFsc2UsXG59KVxuZXhwb3J0IGNsYXNzIE1vZGFsU2VjdGlvbkNvbXBvbmVudCB7XG4gIEBJbnB1dCgpXG4gIEBDb2VyY2VCb29sZWFuXG4gIGlzRm9ybVNlY3Rpb246IEJvb2xlYW5JbnB1dCA9IGZhbHNlO1xufVxuIiwiPG5nLWNvbnRhaW5lciAqbmdJZj1cImlzRm9ybVNlY3Rpb247IGVsc2Ugc2VjdGlvbkJsb2NrXCI+XG4gIDxmaWVsZHNldCBfc3BVc2VDb21wb25lbnRTdHlsZXMgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX3NlY3Rpb25cIj5cbiAgICA8bGVnZW5kIF9zcFVzZUNvbXBvbmVudFN0eWxlcyBjbGFzcz1cInNhcHBoaXJlLW1vZGFsLWxheW91dF9fc2VjdGlvbi10aXRsZVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0aXRsZVRwbFwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvbGVnZW5kPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29udGVudFRwbFwiPjwvbmctY29udGFpbmVyPlxuICA8L2ZpZWxkc2V0PlxuPC9uZy1jb250YWluZXI+XG5cbjxuZy10ZW1wbGF0ZSAjc2VjdGlvbkJsb2NrPlxuICA8c2VjdGlvbiBfc3BVc2VDb21wb25lbnRTdHlsZXMgY2xhc3M9XCJzYXBwaGlyZS1tb2RhbC1sYXlvdXRfX3NlY3Rpb25cIj5cbiAgICA8aGVhZGVyIF9zcFVzZUNvbXBvbmVudFN0eWxlcyBjbGFzcz1cInNhcHBoaXJlLW1vZGFsLWxheW91dF9fc2VjdGlvbi10aXRsZVwiPlxuICAgICAgPG5nLWNvbnRhaW5lciBbbmdUZW1wbGF0ZU91dGxldF09XCJ0aXRsZVRwbFwiPjwvbmctY29udGFpbmVyPlxuICAgIDwvaGVhZGVyPlxuICAgIDxuZy1jb250YWluZXIgW25nVGVtcGxhdGVPdXRsZXRdPVwiY29udGVudFRwbFwiPjwvbmctY29udGFpbmVyPlxuICA8L3NlY3Rpb24+XG48L25nLXRlbXBsYXRlPlxuXG48bmctdGVtcGxhdGUgI2NvbnRlbnRUcGw+XG4gIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbjwvbmctdGVtcGxhdGU+XG5cbjxuZy10ZW1wbGF0ZSAjdGl0bGVUcGw+XG4gIDxoNSBzZW1pYm9sZD1cInRydWVcIiBzcC1ib2R5IHNpemU9XCJzbVwiPlxuICAgIDxuZy1jb250ZW50IHNlbGVjdD1cInNwLW1vZGFsLXNlY3Rpb24tdGl0bGVcIj48L25nLWNvbnRlbnQ+XG4gIDwvaDU+XG48L25nLXRlbXBsYXRlPlxuIl19
package/esm2020/lib/modal/src/modal.module.mjs CHANGED
@@ -1,5 +1,5 @@
1
1
  import { NgModule } from '@angular/core';
2
- import { CommonModule } from '@angular/common';
2
+ import { CommonModule, NgIf } from '@angular/common';
3
3
  import { DialogModule } from '@angular/cdk/dialog';
4
4
  import { SapphireThemeModule } from '../../theme/public_api';
5
5
  import { SapphireTypographyModule } from '../../typography/public_api';
@@ -10,6 +10,8 @@ import { DialogComponent } from './dialog/dialog.component';
10
10
  import { ModalHeaderComponent, ModalHeaderDirective, } from './layout/modal-header.component';
11
11
  import { ModalBodyComponent } from './layout/modal-body.component';
12
12
  import { ModalFooterComponent, ModalFooterDirective, } from './layout/modal-footer.component';
13
+ import { ModalSectionComponent } from './layout/modal-section.component';
14
+ import { ModalSectionTitleDirective } from './layout/modal-section-title.directive';
13
15
  import { DialogTriggerDirective } from './dialog/dialog-trigger.directive';
14
16
  import { ConfirmationDialogComponent } from './dialog/confirmation-dialog.component';
15
17
  import { DangerDialogComponent } from './dialog/danger-dialog.component';
@@ -31,6 +33,8 @@ SapphireModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
31
33
  ModalFooterComponent,
32
34
  ModalCloseButtonDirective,
33
35
  ModalBackButtonDirective,
36
+ ModalSectionComponent,
37
+ ModalSectionTitleDirective,
34
38
  DialogComponent,
35
39
  DialogTriggerDirective,
36
40
  ConfirmationDialogComponent,
@@ -42,6 +46,7 @@ SapphireModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
42
46
  AlertDialogActions,
43
47
  PanelComponent,
44
48
  PanelTriggerDirective], imports: [CommonModule,
49
+ NgIf,
45
50
  DialogModule,
46
51
  SapphireThemeModule,
47
52
  SapphireTypographyModule,
@@ -59,6 +64,8 @@ SapphireModalModule.ɵmod = i0.ɵɵngDeclareNgModule({ minVersion: "14.0.0", ver
59
64
  ModalFooterDirective,
60
65
  ModalBackButtonDirective,
61
66
  ModalCloseButtonDirective,
67
+ ModalSectionComponent,
68
+ ModalSectionTitleDirective,
62
69
  DialogComponent,
63
70
  DialogTriggerDirective,
64
71
  ConfirmationDialogComponent,
@@ -87,6 +94,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
87
94
  ModalFooterComponent,
88
95
  ModalCloseButtonDirective,
89
96
  ModalBackButtonDirective,
97
+ ModalSectionComponent,
98
+ ModalSectionTitleDirective,
90
99
  DialogComponent,
91
100
  DialogTriggerDirective,
92
101
  ConfirmationDialogComponent,
@@ -101,6 +110,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
101
110
  ],
102
111
  imports: [
103
112
  CommonModule,
113
+ NgIf,
104
114
  DialogModule,
105
115
  SapphireThemeModule,
106
116
  SapphireTypographyModule,
@@ -121,6 +131,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
121
131
  ModalFooterDirective,
122
132
  ModalBackButtonDirective,
123
133
  ModalCloseButtonDirective,
134
+ ModalSectionComponent,
135
+ ModalSectionTitleDirective,
124
136
  DialogComponent,
125
137
  DialogTriggerDirective,
126
138
  ConfirmationDialogComponent,
@@ -135,4 +147,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
135
147
  ],
136
148
  }]
137
149
  }] });
138
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxNQUFNLGlCQUFpQixDQUFDO0FBQy9DLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxxQkFBcUIsQ0FBQztBQUNuRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUM3RCxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSw2QkFBNkIsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQztBQUMzRCxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUMvRCxPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUMvRSxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixvQkFBb0IsR0FDckIsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6QyxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwrQkFBK0IsQ0FBQztBQUNuRSxPQUFPLEVBQ0wsb0JBQW9CLEVBQ3BCLG9CQUFvQixHQUNyQixNQUFNLGlDQUFpQyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLHdDQUF3QyxDQUFDO0FBQ3JGLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLGtDQUFrQyxDQUFDO0FBQ3pFLE9BQU8sRUFDTCxrQkFBa0IsRUFDbEIsZUFBZSxFQUNmLG9CQUFvQixFQUNwQixrQkFBa0IsRUFDbEIsZUFBZSxHQUNoQixNQUFNLGlDQUFpQyxDQUFDO0FBQ3pDLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN4RSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsTUFBTSxpQ0FBaUMsQ0FBQztBQUN2RSxPQUFPLEVBQUUsa0JBQWtCLEVBQUUsTUFBTSwwQ0FBMEMsQ0FBQztBQUM5RSxPQUFPLEVBQUUsd0JBQXdCLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUNoRixPQUFPLEVBQUUseUJBQXlCLEVBQUUsTUFBTSx1Q0FBdUMsQ0FBQztBQUNsRixPQUFPLEVBQUUsNkJBQTZCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQzs7QUF5RGxGLE1BQU0sT0FBTyxtQkFBbUI7O2dIQUFuQixtQkFBbUI7aUhBQW5CLG1CQUFtQixpQkFyRDVCLG9CQUFvQjtRQUNwQixvQkFBb0I7UUFDcEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQix5QkFBeUI7UUFDekIsd0JBQXdCO1FBQ3hCLGVBQWU7UUFDZixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixvQkFBb0I7UUFDcEIsZUFBZTtRQUNmLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsa0JBQWtCO1FBQ2xCLGNBQWM7UUFDZCxxQkFBcUIsYUFHckIsWUFBWTtRQUNaLFlBQVk7UUFDWixtQkFBbUI7UUFDbkIsd0JBQXdCO1FBQ3hCLGtCQUFrQjtRQUNsQixvQkFBb0I7UUFDcEIsNkJBQTZCO1FBQzdCLHNCQUFzQjtRQUN0QixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLGtCQUFrQixhQUdsQixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLGtCQUFrQjtRQUNsQixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQix3QkFBd0I7UUFDeEIseUJBQXlCO1FBQ3pCLGVBQWU7UUFDZixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixvQkFBb0I7UUFDcEIsZUFBZTtRQUNmLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsa0JBQWtCO1FBQ2xCLGNBQWM7UUFDZCxxQkFBcUI7aUhBR1osbUJBQW1CLFlBbEM1QixZQUFZO1FBQ1osWUFBWTtRQUNaLG1CQUFtQjtRQUNuQix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQiw2QkFBNkI7MkZBNEJwQixtQkFBbUI7a0JBdkQvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3dCQUN4QixlQUFlO3dCQUNmLHNCQUFzQjt3QkFDdEIsMkJBQTJCO3dCQUMzQixxQkFBcUI7d0JBQ3JCLG9CQUFvQjt3QkFDcEIsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsa0JBQWtCO3dCQUNsQixjQUFjO3dCQUNkLHFCQUFxQjtxQkFDdEI7b0JBQ0QsT0FBTyxFQUFFO3dCQUNQLFlBQVk7d0JBQ1osWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLDZCQUE2Qjt3QkFDN0Isc0JBQXNCO3dCQUN0QixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQixvQkFBb0I7d0JBQ3BCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsd0JBQXdCO3dCQUN4Qix5QkFBeUI7d0JBQ3pCLGVBQWU7d0JBQ2Ysc0JBQXNCO3dCQUN0QiwyQkFBMkI7d0JBQzNCLHFCQUFxQjt3QkFDckIsb0JBQW9CO3dCQUNwQixlQUFlO3dCQUNmLGVBQWU7d0JBQ2Ysa0JBQWtCO3dCQUNsQixrQkFBa0I7d0JBQ2xCLGNBQWM7d0JBQ2QscUJBQXFCO3FCQUN0QjtpQkFDRiIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IE5nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBDb21tb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgRGlhbG9nTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY2RrL2RpYWxvZyc7XG5pbXBvcnQgeyBTYXBwaGlyZVRoZW1lTW9kdWxlIH0gZnJvbSAnLi4vLi4vdGhlbWUvcHVibGljX2FwaSc7XG5pbXBvcnQgeyBTYXBwaGlyZVR5cG9ncmFwaHlNb2R1bGUgfSBmcm9tICcuLi8uLi90eXBvZ3JhcGh5L3B1YmxpY19hcGknO1xuaW1wb3J0IHsgU2FwcGhpcmVJY29uTW9kdWxlIH0gZnJvbSAnLi4vLi4vaWNvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFNhcHBoaXJlQnV0dG9uTW9kdWxlIH0gZnJvbSAnLi4vLi4vYnV0dG9uL3B1YmxpY19hcGknO1xuaW1wb3J0IHsgU2Nyb2xsTW9uaXRvckRpcmVjdGl2ZSB9IGZyb20gJy4uLy4uL2NvbW1vbi9zY3JvbGwtbW9uaXRvci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2cvZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQge1xuICBNb2RhbEhlYWRlckNvbXBvbmVudCxcbiAgTW9kYWxIZWFkZXJEaXJlY3RpdmUsXG59IGZyb20gJy4vbGF5b3V0L21vZGFsLWhlYWRlci5jb21wb25lbnQnO1xuaW1wb3J0IHsgTW9kYWxCb2R5Q29tcG9uZW50IH0gZnJvbSAnLi9sYXlvdXQvbW9kYWwtYm9keS5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgTW9kYWxGb290ZXJDb21wb25lbnQsXG4gIE1vZGFsRm9vdGVyRGlyZWN0aXZlLFxufSBmcm9tICcuL2xheW91dC9tb2RhbC1mb290ZXIuY29tcG9uZW50JztcbmltcG9ydCB7IERpYWxvZ1RyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpYWxvZy9kaWFsb2ctdHJpZ2dlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGFuZ2VyRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2cvZGFuZ2VyLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgQWxlcnREaWFsb2dBY3Rpb25zLFxuICBBbGVydERpYWxvZ0JvZHksXG4gIEFsZXJ0RGlhbG9nQ29tcG9uZW50LFxuICBBbGVydERpYWxvZ0hlYWRpbmcsXG4gIEFsZXJ0RGlhbG9nSWNvbixcbn0gZnJvbSAnLi9kaWFsb2cvYWxlcnQtZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYW5lbENvbXBvbmVudCB9IGZyb20gJy4vcGFuZWwvcGFuZWwuY29tcG9uZW50JztcbmltcG9ydCB7IFBhbmVsVHJpZ2dlckRpcmVjdGl2ZSB9IGZyb20gJy4vcGFuZWwvcGFuZWwtdHJpZ2dlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTW9kYWxMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC9tb2RhbC1sYXlvdXQuY29tcG9uZW50JztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuaW1wb3J0IHsgTW9kYWxCYWNrQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi9sYXlvdXQvbW9kYWwtYmFjay1idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IE1vZGFsQ2xvc2VCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuL2xheW91dC9tb2RhbC1jbG9zZS1idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFNhcHBoaXJlRmVlZGJhY2tNZXNzYWdlTW9kdWxlIH0gZnJvbSAnLi4vLi4vZmVlZGJhY2stbWVzc2FnZS9wdWJsaWNfYXBpJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgTW9kYWxMYXlvdXRDb21wb25lbnQsXG4gICAgTW9kYWxIZWFkZXJDb21wb25lbnQsXG4gICAgTW9kYWxCb2R5Q29tcG9uZW50LFxuICAgIE1vZGFsRm9vdGVyQ29tcG9uZW50LFxuICAgIE1vZGFsQ2xvc2VCdXR0b25EaXJlY3RpdmUsXG4gICAgTW9kYWxCYWNrQnV0dG9uRGlyZWN0aXZlLFxuICAgIERpYWxvZ0NvbXBvbmVudCxcbiAgICBEaWFsb2dUcmlnZ2VyRGlyZWN0aXZlLFxuICAgIENvbmZpcm1hdGlvbkRpYWxvZ0NvbXBvbmVudCxcbiAgICBEYW5nZXJEaWFsb2dDb21wb25lbnQsXG4gICAgQWxlcnREaWFsb2dDb21wb25lbnQsXG4gICAgQWxlcnREaWFsb2dJY29uLFxuICAgIEFsZXJ0RGlhbG9nQm9keSxcbiAgICBBbGVydERpYWxvZ0hlYWRpbmcsXG4gICAgQWxlcnREaWFsb2dBY3Rpb25zLFxuICAgIFBhbmVsQ29tcG9uZW50LFxuICAgIFBhbmVsVHJpZ2dlckRpcmVjdGl2ZSxcbiAgXSxcbiAgaW1wb3J0czogW1xuICAgIENvbW1vbk1vZHVsZSxcbiAgICBEaWFsb2dNb2R1bGUsXG4gICAgU2FwcGhpcmVUaGVtZU1vZHVsZSxcbiAgICBTYXBwaGlyZVR5cG9ncmFwaHlNb2R1bGUsXG4gICAgU2FwcGhpcmVJY29uTW9kdWxlLFxuICAgIFNhcHBoaXJlQnV0dG9uTW9kdWxlLFxuICAgIFNhcHBoaXJlRmVlZGJhY2tNZXNzYWdlTW9kdWxlLFxuICAgIFNjcm9sbE1vbml0b3JEaXJlY3RpdmUsXG4gICAgTW9kYWxIZWFkZXJEaXJlY3RpdmUsXG4gICAgTW9kYWxGb290ZXJEaXJlY3RpdmUsXG4gICAgVXNlQ29tcG9uZW50U3R5bGVzLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTW9kYWxMYXlvdXRDb21wb25lbnQsXG4gICAgTW9kYWxIZWFkZXJDb21wb25lbnQsXG4gICAgTW9kYWxCb2R5Q29tcG9uZW50LFxuICAgIE1vZGFsRm9vdGVyQ29tcG9uZW50LFxuICAgIE1vZGFsSGVhZGVyRGlyZWN0aXZlLFxuICAgIE1vZGFsRm9vdGVyRGlyZWN0aXZlLFxuICAgIE1vZGFsQmFja0J1dHRvbkRpcmVjdGl2ZSxcbiAgICBNb2RhbENsb3NlQnV0dG9uRGlyZWN0aXZlLFxuICAgIERpYWxvZ0NvbXBvbmVudCxcbiAgICBEaWFsb2dUcmlnZ2VyRGlyZWN0aXZlLFxuICAgIENvbmZpcm1hdGlvbkRpYWxvZ0NvbXBvbmVudCxcbiAgICBEYW5nZXJEaWFsb2dDb21wb25lbnQsXG4gICAgQWxlcnREaWFsb2dDb21wb25lbnQsXG4gICAgQWxlcnREaWFsb2dJY29uLFxuICAgIEFsZXJ0RGlhbG9nQm9keSxcbiAgICBBbGVydERpYWxvZ0hlYWRpbmcsXG4gICAgQWxlcnREaWFsb2dBY3Rpb25zLFxuICAgIFBhbmVsQ29tcG9uZW50LFxuICAgIFBhbmVsVHJpZ2dlckRpcmVjdGl2ZSxcbiAgXSxcbn0pXG5leHBvcnQgY2xhc3MgU2FwcGhpcmVNb2RhbE1vZHVsZSB7fVxuIl19
150
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibW9kYWwubW9kdWxlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vc3JjL2xpYi9tb2RhbC9zcmMvbW9kYWwubW9kdWxlLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxRQUFRLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDekMsT0FBTyxFQUFFLFlBQVksRUFBRSxJQUFJLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0scUJBQXFCLENBQUM7QUFDbkQsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDN0QsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sNkJBQTZCLENBQUM7QUFDdkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sdUJBQXVCLENBQUM7QUFDM0QsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDL0QsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDL0UsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDJCQUEyQixDQUFDO0FBQzVELE9BQU8sRUFDTCxvQkFBb0IsRUFDcEIsb0JBQW9CLEdBQ3JCLE1BQU0saUNBQWlDLENBQUM7QUFDekMsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFDbkUsT0FBTyxFQUNMLG9CQUFvQixFQUNwQixvQkFBb0IsR0FDckIsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6QyxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN6RSxPQUFPLEVBQUUsMEJBQTBCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNwRixPQUFPLEVBQUUsc0JBQXNCLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUMzRSxPQUFPLEVBQUUsMkJBQTJCLEVBQUUsTUFBTSx3Q0FBd0MsQ0FBQztBQUNyRixPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQztBQUN6RSxPQUFPLEVBQ0wsa0JBQWtCLEVBQ2xCLGVBQWUsRUFDZixvQkFBb0IsRUFDcEIsa0JBQWtCLEVBQ2xCLGVBQWUsR0FDaEIsTUFBTSxpQ0FBaUMsQ0FBQztBQUN6QyxPQUFPLEVBQUUsY0FBYyxFQUFFLE1BQU0seUJBQXlCLENBQUM7QUFDekQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDeEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDdkUsT0FBTyxFQUFFLGtCQUFrQixFQUFFLE1BQU0sMENBQTBDLENBQUM7QUFDOUUsT0FBTyxFQUFFLHdCQUF3QixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDaEYsT0FBTyxFQUFFLHlCQUF5QixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDbEYsT0FBTyxFQUFFLDZCQUE2QixFQUFFLE1BQU0sbUNBQW1DLENBQUM7O0FBOERsRixNQUFNLE9BQU8sbUJBQW1COztnSEFBbkIsbUJBQW1CO2lIQUFuQixtQkFBbUIsaUJBMUQ1QixvQkFBb0I7UUFDcEIsb0JBQW9CO1FBQ3BCLGtCQUFrQjtRQUNsQixvQkFBb0I7UUFDcEIseUJBQXlCO1FBQ3pCLHdCQUF3QjtRQUN4QixxQkFBcUI7UUFDckIsMEJBQTBCO1FBQzFCLGVBQWU7UUFDZixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixvQkFBb0I7UUFDcEIsZUFBZTtRQUNmLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsa0JBQWtCO1FBQ2xCLGNBQWM7UUFDZCxxQkFBcUIsYUFHckIsWUFBWTtRQUNaLElBQUk7UUFDSixZQUFZO1FBQ1osbUJBQW1CO1FBQ25CLHdCQUF3QjtRQUN4QixrQkFBa0I7UUFDbEIsb0JBQW9CO1FBQ3BCLDZCQUE2QjtRQUM3QixzQkFBc0I7UUFDdEIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQixrQkFBa0IsYUFHbEIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQixrQkFBa0I7UUFDbEIsb0JBQW9CO1FBQ3BCLG9CQUFvQjtRQUNwQixvQkFBb0I7UUFDcEIsd0JBQXdCO1FBQ3hCLHlCQUF5QjtRQUN6QixxQkFBcUI7UUFDckIsMEJBQTBCO1FBQzFCLGVBQWU7UUFDZixzQkFBc0I7UUFDdEIsMkJBQTJCO1FBQzNCLHFCQUFxQjtRQUNyQixvQkFBb0I7UUFDcEIsZUFBZTtRQUNmLGVBQWU7UUFDZixrQkFBa0I7UUFDbEIsa0JBQWtCO1FBQ2xCLGNBQWM7UUFDZCxxQkFBcUI7aUhBR1osbUJBQW1CLFlBckM1QixZQUFZO1FBRVosWUFBWTtRQUNaLG1CQUFtQjtRQUNuQix3QkFBd0I7UUFDeEIsa0JBQWtCO1FBQ2xCLG9CQUFvQjtRQUNwQiw2QkFBNkI7MkZBOEJwQixtQkFBbUI7a0JBNUQvQixRQUFRO21CQUFDO29CQUNSLFlBQVksRUFBRTt3QkFDWixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLHlCQUF5Qjt3QkFDekIsd0JBQXdCO3dCQUN4QixxQkFBcUI7d0JBQ3JCLDBCQUEwQjt3QkFDMUIsZUFBZTt3QkFDZixzQkFBc0I7d0JBQ3RCLDJCQUEyQjt3QkFDM0IscUJBQXFCO3dCQUNyQixvQkFBb0I7d0JBQ3BCLGVBQWU7d0JBQ2YsZUFBZTt3QkFDZixrQkFBa0I7d0JBQ2xCLGtCQUFrQjt3QkFDbEIsY0FBYzt3QkFDZCxxQkFBcUI7cUJBQ3RCO29CQUNELE9BQU8sRUFBRTt3QkFDUCxZQUFZO3dCQUNaLElBQUk7d0JBQ0osWUFBWTt3QkFDWixtQkFBbUI7d0JBQ25CLHdCQUF3Qjt3QkFDeEIsa0JBQWtCO3dCQUNsQixvQkFBb0I7d0JBQ3BCLDZCQUE2Qjt3QkFDN0Isc0JBQXNCO3dCQUN0QixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsa0JBQWtCO3FCQUNuQjtvQkFDRCxPQUFPLEVBQUU7d0JBQ1Asb0JBQW9CO3dCQUNwQixvQkFBb0I7d0JBQ3BCLGtCQUFrQjt3QkFDbEIsb0JBQW9CO3dCQUNwQixvQkFBb0I7d0JBQ3BCLG9CQUFvQjt3QkFDcEIsd0JBQXdCO3dCQUN4Qix5QkFBeUI7d0JBQ3pCLHFCQUFxQjt3QkFDckIsMEJBQTBCO3dCQUMxQixlQUFlO3dCQUNmLHNCQUFzQjt3QkFDdEIsMkJBQTJCO3dCQUMzQixxQkFBcUI7d0JBQ3JCLG9CQUFvQjt3QkFDcEIsZUFBZTt3QkFDZixlQUFlO3dCQUNmLGtCQUFrQjt3QkFDbEIsa0JBQWtCO3dCQUNsQixjQUFjO3dCQUNkLHFCQUFxQjtxQkFDdEI7aUJBQ0YiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBOZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlLCBOZ0lmIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IERpYWxvZ01vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2Nkay9kaWFsb2cnO1xuaW1wb3J0IHsgU2FwcGhpcmVUaGVtZU1vZHVsZSB9IGZyb20gJy4uLy4uL3RoZW1lL3B1YmxpY19hcGknO1xuaW1wb3J0IHsgU2FwcGhpcmVUeXBvZ3JhcGh5TW9kdWxlIH0gZnJvbSAnLi4vLi4vdHlwb2dyYXBoeS9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFNhcHBoaXJlSWNvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2ljb24vcHVibGljX2FwaSc7XG5pbXBvcnQgeyBTYXBwaGlyZUJ1dHRvbk1vZHVsZSB9IGZyb20gJy4uLy4uL2J1dHRvbi9wdWJsaWNfYXBpJztcbmltcG9ydCB7IFNjcm9sbE1vbml0b3JEaXJlY3RpdmUgfSBmcm9tICcuLi8uLi9jb21tb24vc2Nyb2xsLW1vbml0b3IuZGlyZWN0aXZlJztcbmltcG9ydCB7IERpYWxvZ0NvbXBvbmVudCB9IGZyb20gJy4vZGlhbG9nL2RpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgTW9kYWxIZWFkZXJDb21wb25lbnQsXG4gIE1vZGFsSGVhZGVyRGlyZWN0aXZlLFxufSBmcm9tICcuL2xheW91dC9tb2RhbC1oZWFkZXIuY29tcG9uZW50JztcbmltcG9ydCB7IE1vZGFsQm9keUNvbXBvbmVudCB9IGZyb20gJy4vbGF5b3V0L21vZGFsLWJvZHkuY29tcG9uZW50JztcbmltcG9ydCB7XG4gIE1vZGFsRm9vdGVyQ29tcG9uZW50LFxuICBNb2RhbEZvb3RlckRpcmVjdGl2ZSxcbn0gZnJvbSAnLi9sYXlvdXQvbW9kYWwtZm9vdGVyLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb2RhbFNlY3Rpb25Db21wb25lbnQgfSBmcm9tICcuL2xheW91dC9tb2RhbC1zZWN0aW9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBNb2RhbFNlY3Rpb25UaXRsZURpcmVjdGl2ZSB9IGZyb20gJy4vbGF5b3V0L21vZGFsLXNlY3Rpb24tdGl0bGUuZGlyZWN0aXZlJztcbmltcG9ydCB7IERpYWxvZ1RyaWdnZXJEaXJlY3RpdmUgfSBmcm9tICcuL2RpYWxvZy9kaWFsb2ctdHJpZ2dlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgQ29uZmlybWF0aW9uRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2cvY29uZmlybWF0aW9uLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHsgRGFuZ2VyRGlhbG9nQ29tcG9uZW50IH0gZnJvbSAnLi9kaWFsb2cvZGFuZ2VyLWRpYWxvZy5jb21wb25lbnQnO1xuaW1wb3J0IHtcbiAgQWxlcnREaWFsb2dBY3Rpb25zLFxuICBBbGVydERpYWxvZ0JvZHksXG4gIEFsZXJ0RGlhbG9nQ29tcG9uZW50LFxuICBBbGVydERpYWxvZ0hlYWRpbmcsXG4gIEFsZXJ0RGlhbG9nSWNvbixcbn0gZnJvbSAnLi9kaWFsb2cvYWxlcnQtZGlhbG9nLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBQYW5lbENvbXBvbmVudCB9IGZyb20gJy4vcGFuZWwvcGFuZWwuY29tcG9uZW50JztcbmltcG9ydCB7IFBhbmVsVHJpZ2dlckRpcmVjdGl2ZSB9IGZyb20gJy4vcGFuZWwvcGFuZWwtdHJpZ2dlci5kaXJlY3RpdmUnO1xuaW1wb3J0IHsgTW9kYWxMYXlvdXRDb21wb25lbnQgfSBmcm9tICcuL2xheW91dC9tb2RhbC1sYXlvdXQuY29tcG9uZW50JztcbmltcG9ydCB7IFVzZUNvbXBvbmVudFN0eWxlcyB9IGZyb20gJy4uLy4uL2NvbW1vbi9zYXBwaGlyZS12aWV3LWVuY2Fwc3VsYXRpb24nO1xuaW1wb3J0IHsgTW9kYWxCYWNrQnV0dG9uRGlyZWN0aXZlIH0gZnJvbSAnLi9sYXlvdXQvbW9kYWwtYmFjay1idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IE1vZGFsQ2xvc2VCdXR0b25EaXJlY3RpdmUgfSBmcm9tICcuL2xheW91dC9tb2RhbC1jbG9zZS1idXR0b24uZGlyZWN0aXZlJztcbmltcG9ydCB7IFNhcHBoaXJlRmVlZGJhY2tNZXNzYWdlTW9kdWxlIH0gZnJvbSAnLi4vLi4vZmVlZGJhY2stbWVzc2FnZS9wdWJsaWNfYXBpJztcblxuQE5nTW9kdWxlKHtcbiAgZGVjbGFyYXRpb25zOiBbXG4gICAgTW9kYWxMYXlvdXRDb21wb25lbnQsXG4gICAgTW9kYWxIZWFkZXJDb21wb25lbnQsXG4gICAgTW9kYWxCb2R5Q29tcG9uZW50LFxuICAgIE1vZGFsRm9vdGVyQ29tcG9uZW50LFxuICAgIE1vZGFsQ2xvc2VCdXR0b25EaXJlY3RpdmUsXG4gICAgTW9kYWxCYWNrQnV0dG9uRGlyZWN0aXZlLFxuICAgIE1vZGFsU2VjdGlvbkNvbXBvbmVudCxcbiAgICBNb2RhbFNlY3Rpb25UaXRsZURpcmVjdGl2ZSxcbiAgICBEaWFsb2dDb21wb25lbnQsXG4gICAgRGlhbG9nVHJpZ2dlckRpcmVjdGl2ZSxcbiAgICBDb25maXJtYXRpb25EaWFsb2dDb21wb25lbnQsXG4gICAgRGFuZ2VyRGlhbG9nQ29tcG9uZW50LFxuICAgIEFsZXJ0RGlhbG9nQ29tcG9uZW50LFxuICAgIEFsZXJ0RGlhbG9nSWNvbixcbiAgICBBbGVydERpYWxvZ0JvZHksXG4gICAgQWxlcnREaWFsb2dIZWFkaW5nLFxuICAgIEFsZXJ0RGlhbG9nQWN0aW9ucyxcbiAgICBQYW5lbENvbXBvbmVudCxcbiAgICBQYW5lbFRyaWdnZXJEaXJlY3RpdmUsXG4gIF0sXG4gIGltcG9ydHM6IFtcbiAgICBDb21tb25Nb2R1bGUsXG4gICAgTmdJZixcbiAgICBEaWFsb2dNb2R1bGUsXG4gICAgU2FwcGhpcmVUaGVtZU1vZHVsZSxcbiAgICBTYXBwaGlyZVR5cG9ncmFwaHlNb2R1bGUsXG4gICAgU2FwcGhpcmVJY29uTW9kdWxlLFxuICAgIFNhcHBoaXJlQnV0dG9uTW9kdWxlLFxuICAgIFNhcHBoaXJlRmVlZGJhY2tNZXNzYWdlTW9kdWxlLFxuICAgIFNjcm9sbE1vbml0b3JEaXJlY3RpdmUsXG4gICAgTW9kYWxIZWFkZXJEaXJlY3RpdmUsXG4gICAgTW9kYWxGb290ZXJEaXJlY3RpdmUsXG4gICAgVXNlQ29tcG9uZW50U3R5bGVzLFxuICBdLFxuICBleHBvcnRzOiBbXG4gICAgTW9kYWxMYXlvdXRDb21wb25lbnQsXG4gICAgTW9kYWxIZWFkZXJDb21wb25lbnQsXG4gICAgTW9kYWxCb2R5Q29tcG9uZW50LFxuICAgIE1vZGFsRm9vdGVyQ29tcG9uZW50LFxuICAgIE1vZGFsSGVhZGVyRGlyZWN0aXZlLFxuICAgIE1vZGFsRm9vdGVyRGlyZWN0aXZlLFxuICAgIE1vZGFsQmFja0J1dHRvbkRpcmVjdGl2ZSxcbiAgICBNb2RhbENsb3NlQnV0dG9uRGlyZWN0aXZlLFxuICAgIE1vZGFsU2VjdGlvbkNvbXBvbmVudCxcbiAgICBNb2RhbFNlY3Rpb25UaXRsZURpcmVjdGl2ZSxcbiAgICBEaWFsb2dDb21wb25lbnQsXG4gICAgRGlhbG9nVHJpZ2dlckRpcmVjdGl2ZSxcbiAgICBDb25maXJtYXRpb25EaWFsb2dDb21wb25lbnQsXG4gICAgRGFuZ2VyRGlhbG9nQ29tcG9uZW50LFxuICAgIEFsZXJ0RGlhbG9nQ29tcG9uZW50LFxuICAgIEFsZXJ0RGlhbG9nSWNvbixcbiAgICBBbGVydERpYWxvZ0JvZHksXG4gICAgQWxlcnREaWFsb2dIZWFkaW5nLFxuICAgIEFsZXJ0RGlhbG9nQWN0aW9ucyxcbiAgICBQYW5lbENvbXBvbmVudCxcbiAgICBQYW5lbFRyaWdnZXJEaXJlY3RpdmUsXG4gIF0sXG59KVxuZXhwb3J0IGNsYXNzIFNhcHBoaXJlTW9kYWxNb2R1bGUge31cbiJdfQ==
package/esm2020/lib/modal/src/panel/panel.component.mjs CHANGED
@@ -16,14 +16,14 @@ export class PanelComponent extends ModalBaseComponent {
16
16
  }
17
17
  }
18
18
  PanelComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelComponent, deps: [{ token: i1.DialogRef }], target: i0.ɵɵFactoryTarget.Component });
19
- 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--sm": "size === \"sm\"", "class.sapphire-panel--visible": "!dialogRef.closing" }, classAttribute: "sapphire-panel" }, usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-standard);transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg);background:var(--sapphire-semantic-color-background-surface)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-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-lg) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-sm)}.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-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-3xs) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-foreground-secondary);margin-top:var(--sapphire-semantic-size-spacing-2xs)}.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-secondary)}.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-lg)}.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-secondary)}\n"] });
19
+ 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--sm": "size === \"sm\"", "class.sapphire-panel--visible": "!dialogRef.closing" }, classAttribute: "sapphire-panel" }, usesInheritance: true, hostDirectives: [{ directive: i2.UseComponentStylesOnHost }], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-standard);transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg);background:var(--sapphire-semantic-color-background-surface)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-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-lg) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-sm)}.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-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-3xs) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-foreground-secondary);margin-top:var(--sapphire-semantic-size-spacing-2xs)}.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-secondary)}.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-lg)}.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-secondary)}.sapphire-modal-layout__section{margin:0;padding:0;border:none}.sapphire-modal-layout__section-title{margin-left:calc(var(--sapphire-semantic-size-spacing-container-horizontal-md) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-container-horizontal-md) * 2);padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md);min-height:var(--sapphire-global-size-generic-100);background-color:var(--sapphire-semantic-color-background-surface);display:flex;align-items:center;position:sticky;top:0}.sapphire-modal-layout__section-title:before{content:\"\";background:var(--sapphire-semantic-color-background-neutral-subtle);position:absolute;inset:0;z-index:-1}\n"] });
20
20
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImport: i0, type: PanelComponent, decorators: [{
21
21
  type: Component,
22
22
  args: [{ selector: 'sp-panel', template: '<ng-content></ng-content>', host: {
23
23
  class: 'sapphire-panel',
24
24
  '[class.sapphire-panel--sm]': 'size === "sm"',
25
25
  '[class.sapphire-panel--visible]': '!dialogRef.closing',
26
- }, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-standard);transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg);background:var(--sapphire-semantic-color-background-surface)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-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-lg) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-sm)}.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-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-3xs) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-foreground-secondary);margin-top:var(--sapphire-semantic-size-spacing-2xs)}.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-secondary)}.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-lg)}.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-secondary)}\n"] }]
26
+ }, hostDirectives: [UseComponentStylesOnHost], standalone: false, styles: [".sapphire-panel{box-sizing:border-box;overflow:hidden;max-width:100%;display:block;height:100%;outline:0;transition:transform var(--sapphire-semantic-time-motion-default) var(--sapphire-semantic-transitions-standard);transform:translate(100%);width:var(--sapphire-semantic-size-width-panel-lg);background:var(--sapphire-semantic-color-background-surface)}.sapphire-panel--visible{transform:translate(0)}.sapphire-panel--sm{width:var(--sapphire-semantic-size-width-panel-sm)}.sapphire-modal-layout{display:flex;flex-direction:column;height:100%;min-height:0;font-family:var(--sapphire-semantic-font-name-default);color:var(--sapphire-semantic-color-foreground-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-lg) var(--sapphire-semantic-size-spacing-container-horizontal-md);gap:var(--sapphire-semantic-size-spacing-sm)}.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-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md) var(--sapphire-semantic-size-spacing-2xl) var(--sapphire-semantic-size-spacing-container-horizontal-md)}.sapphire-modal-layout__heading-container{flex:1;padding:var(--sapphire-semantic-size-spacing-3xs) 0;display:flex;flex-direction:column;justify-content:center;word-break:break-word}.sapphire-modal-layout__subheading{color:var(--sapphire-semantic-color-foreground-secondary);margin-top:var(--sapphire-semantic-size-spacing-2xs)}.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-secondary)}.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-lg)}.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-secondary)}.sapphire-modal-layout__section{margin:0;padding:0;border:none}.sapphire-modal-layout__section-title{margin-left:calc(var(--sapphire-semantic-size-spacing-container-horizontal-md) * -1);width:calc(100% + var(--sapphire-semantic-size-spacing-container-horizontal-md) * 2);padding:0 var(--sapphire-semantic-size-spacing-container-horizontal-md);min-height:var(--sapphire-global-size-generic-100);background-color:var(--sapphire-semantic-color-background-surface);display:flex;align-items:center;position:sticky;top:0}.sapphire-modal-layout__section-title:before{content:\"\";background:var(--sapphire-semantic-color-background-neutral-subtle);position:absolute;inset:0;z-index:-1}\n"] }]
27
27
  }], ctorParameters: function () { return [{ type: i1.DialogRef }]; }, propDecorators: { size: [{
28
28
  type: Input
29
29
  }] } });
package/esm2020/lib/select/src/select/select.component.mjs CHANGED
@@ -311,7 +311,7 @@ SelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", versio
311
311
  provide: FieldControl,
312
312
  useExisting: forwardRef(() => SelectComponent),
313
313
  },
314
- ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }, { propertyName: "triggerElementRef", first: true, predicate: ["triggerElementRef"], descendants: true, read: ElementRef }, { propertyName: "listbox", first: true, predicate: ListboxComponent, descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef }], exportAs: ["spSelect"], usesInheritance: true, hostDirectives: [{ directive: i6.UseComponentStylesOnHost }], ngImport: i0, template: "<sp-hidden-select></sp-hidden-select>\n<div\n role=\"button\"\n aria-haspopup=\"listbox\"\n class=\"sapphire-select__button\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverTriggerDisabled]=\"disabled\"\n spPopoverTriggerOpenOnPressStart\n spPopoverTriggerCloseOnScroll\n spPopoverPlacement=\"bottom start\"\n #triggerElementRef\n #triggerRef=\"spPopoverTrigger\"\n (keydown)=\"handleKeyDown($event)\"\n (spPopoverTriggerClosed)=\"_onClose()\"\n (spPopoverTriggerOpened)=\"_onOpen()\"\n (focus)=\"_onFocus()\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n [spPopoverNonModal]=\"searchable\"\n spPopoverDisablePushInsideViewport=\"true\"\n [id]=\"id\"\n [tabindex]=\"-1\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"_getAriaLabelledBy()\"\n [attr.aria-describedby]=\"_field?.error?.id || _field?.note?.id\"\n [attr.aria-invalid]=\"_field?.hasError(this) ? true : null\"\n>\n <div class=\"sapphire-select__value\" [id]=\"_valueContainerId\">\n <input\n *ngIf=\"searchable\"\n #searchInput\n tabindex=\"-1\"\n role=\"combobox\"\n class=\"sapphire-select__search-input\"\n [spListboxInput]=\"listbox\"\n [spVisuallyHidden]=\"!_isInputVisible()\"\n [attr.data-hidden]=\"!_isInputVisible()\"\n [placeholder]=\"placeholder || ''\"\n (keydown)=\"_onInputKeydown($event)\"\n (beforeinput)=\"open()\"\n [value]=\"_searchableSelectDirective?.searchValue\"\n (input)=\"_onSearchInput($event)\"\n />\n <ng-container *ngIf=\"!searchable || !_isInputVisible()\">\n <div\n *ngIf=\"selectedOptions.length === 0\"\n class=\"sapphire-select__placeholder\"\n >\n {{ placeholder }}\n </div>\n <ng-container *ngIf=\"selectedOptions.length > 0\">\n <ng-container *ngIf=\"!selectionText\">{{\n getSelectionText()\n }}</ng-container>\n <ng-content select=\"sp-selection-text\"></ng-content>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"sapphire-select__icon-container\">\n <sp-icon name=\"chevronDown\"></sp-icon>\n </div>\n</div>\n<ng-template #popover>\n <sp-popover\n [style.display]=\"\n (filteredChildren$ | async)?.length === 0 ? 'none' : undefined\n \"\n noPadding\n [trapFocus]=\"!searchable\"\n noMaxWidth\n [style.min-width]=\"triggerElementRef.offsetWidth + 'px'\"\n >\n <sp-listbox\n [spListboxItems]=\"(filteredChildren$ | async) || undefined\"\n navigationWrapDisabled\n [multiple]=\"multiple\"\n [(selectedValues)]=\"listboxValue\"\n (selectedValuesChange)=\"_searchableSelectDirective?.setSearchValue('')\"\n (selected)=\"_handleSelected()\"\n >\n </sp-listbox>\n </sp-popover>\n</ng-template>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-foreground-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-control-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background:var(--sapphire-semantic-color-background-field);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-lg);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-foreground-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-sm);height:var(--sapphire-semantic-size-icon-sm)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-lg);color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-negative-default)}.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled).is-hover .sapphire-select__button,.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled):not(.js-hover):hover .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-hover)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-negative-default)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.IconComponent, selector: "sp-icon", inputs: ["name", "size", "color"] }, { kind: "component", type: i9.ListboxComponent, selector: "sp-listbox", inputs: ["selectedValues", "spListboxItems", "disabled", "multiple", "navigationWrapDisabled", "aria-label", "aria-labelledby", "id"], outputs: ["selectedValuesChange", "selected"], exportAs: ["spListbox"] }, { kind: "directive", type: i10.ListboxInputDirective, selector: "input[spListboxInput]", inputs: ["spListboxInput"] }, { kind: "component", type: i11.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus", "trapFocus"] }, { kind: "directive", type: i12.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled", "spPopoverDisablePushInsideViewport"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i3.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: i13.VisuallyHiddenDirective, selector: "[spVisuallyHidden]", inputs: ["spVisuallyHidden"] }, { kind: "component", type: i14.HiddenSelectComponent, selector: "sp-hidden-select" }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }] });
314
+ ], viewQueries: [{ propertyName: "triggerRef", first: true, predicate: ["triggerRef"], descendants: true }, { propertyName: "triggerElementRef", first: true, predicate: ["triggerElementRef"], descendants: true, read: ElementRef }, { propertyName: "listbox", first: true, predicate: ListboxComponent, descendants: true }, { propertyName: "searchInput", first: true, predicate: ["searchInput"], descendants: true, read: ElementRef }], exportAs: ["spSelect"], usesInheritance: true, hostDirectives: [{ directive: i6.UseComponentStylesOnHost }], ngImport: i0, template: "<sp-hidden-select></sp-hidden-select>\n<div\n role=\"button\"\n aria-haspopup=\"listbox\"\n class=\"sapphire-select__button\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverTriggerDisabled]=\"disabled\"\n spPopoverTriggerOpenOnPressStart\n spPopoverTriggerCloseOnScroll\n spPopoverPlacement=\"bottom start\"\n #triggerElementRef\n #triggerRef=\"spPopoverTrigger\"\n (keydown)=\"handleKeyDown($event)\"\n (spPopoverTriggerClosed)=\"_onClose()\"\n (spPopoverTriggerOpened)=\"_onOpen()\"\n (focus)=\"_onFocus()\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n [spPopoverNonModal]=\"searchable\"\n spPopoverDisablePushInsideViewport=\"true\"\n [id]=\"id\"\n [tabindex]=\"-1\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"_getAriaLabelledBy()\"\n [attr.aria-describedby]=\"_field?.error?.id || _field?.note?.id\"\n [attr.aria-invalid]=\"_field?.hasError(this) ? true : null\"\n>\n <div class=\"sapphire-select__value\" [id]=\"_valueContainerId\">\n <input\n *ngIf=\"searchable\"\n #searchInput\n tabindex=\"-1\"\n role=\"combobox\"\n class=\"sapphire-select__search-input\"\n [spListboxInput]=\"listbox\"\n [spVisuallyHidden]=\"!_isInputVisible()\"\n [attr.data-hidden]=\"!_isInputVisible()\"\n [placeholder]=\"placeholder || ''\"\n (keydown)=\"_onInputKeydown($event)\"\n (beforeinput)=\"open()\"\n [value]=\"_searchableSelectDirective?.searchValue\"\n (input)=\"_onSearchInput($event)\"\n />\n <ng-container *ngIf=\"!searchable || !_isInputVisible()\">\n <div\n *ngIf=\"selectedOptions.length === 0\"\n class=\"sapphire-select__placeholder\"\n >\n {{ placeholder }}\n </div>\n <ng-container *ngIf=\"selectedOptions.length > 0\">\n <ng-container *ngIf=\"!selectionText\">{{\n getSelectionText()\n }}</ng-container>\n <ng-content select=\"sp-selection-text\"></ng-content>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"sapphire-select__icon-container\">\n <sp-icon name=\"chevronDown\"></sp-icon>\n </div>\n</div>\n<ng-template #popover>\n <sp-popover\n [style.display]=\"\n (filteredChildren$ | async)?.length === 0 ? 'none' : undefined\n \"\n noPadding\n [trapFocus]=\"!searchable\"\n noMaxWidth\n [style.min-width]=\"triggerElementRef.offsetWidth + 'px'\"\n >\n <sp-listbox\n [spListboxItems]=\"(filteredChildren$ | async) || undefined\"\n navigationWrapDisabled\n [multiple]=\"multiple\"\n [(selectedValues)]=\"listboxValue\"\n (selectedValuesChange)=\"_searchableSelectDirective?.setSearchValue('')\"\n (selected)=\"_handleSelected()\"\n >\n </sp-listbox>\n </sp-popover>\n</ng-template>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-foreground-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-control-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md) 0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background:var(--sapphire-semantic-color-background-field);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-md);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-select--md .sapphire-select__button{border-radius:var(--sapphire-semantic-size-radius-sm);height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-lg);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-foreground-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-sm);height:var(--sapphire-semantic-size-icon-sm)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-lg);color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select:not(.sapphire-select--md) .sapphire-select__button:has(.sapphire-select__prefix){padding-left:var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-negative-default)}.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled).is-hover .sapphire-select__button,.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled):not(.js-hover):hover .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-hover)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-negative-default)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"], dependencies: [{ kind: "directive", type: i7.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i8.IconComponent, selector: "sp-icon", inputs: ["name", "size", "color"] }, { kind: "component", type: i9.ListboxComponent, selector: "sp-listbox", inputs: ["selectedValues", "spListboxItems", "disabled", "multiple", "navigationWrapDisabled", "aria-label", "aria-labelledby", "id"], outputs: ["selectedValuesChange", "selected"], exportAs: ["spListbox"] }, { kind: "directive", type: i10.ListboxInputDirective, selector: "input[spListboxInput]", inputs: ["spListboxInput"] }, { kind: "component", type: i11.PopoverComponent, selector: "sp-popover", inputs: ["noPadding", "noMaxWidth", "noAutoFocus", "trapFocus"] }, { kind: "directive", type: i12.PopoverTriggerDirective, selector: "[spPopoverTriggerFor]", inputs: ["spPopoverPlacement", "spPopoverTriggerFor", "spPopoverNonModal", "spPopoverTriggerOpenOnPressStart", "spPopoverTriggerCloseOnScroll", "spPopoverTriggerDisabled", "spPopoverDisablePushInsideViewport"], outputs: ["spPopoverTriggerOpened", "spPopoverTriggerClosed"], exportAs: ["spPopoverTrigger"] }, { kind: "directive", type: i3.CdkMonitorFocus, selector: "[cdkMonitorElementFocus], [cdkMonitorSubtreeFocus]", outputs: ["cdkFocusChange"], exportAs: ["cdkMonitorFocus"] }, { kind: "directive", type: i13.VisuallyHiddenDirective, selector: "[spVisuallyHidden]", inputs: ["spVisuallyHidden"] }, { kind: "component", type: i14.HiddenSelectComponent, selector: "sp-hidden-select" }, { kind: "pipe", type: i7.AsyncPipe, name: "async" }] });
315
315
  __decorate([
316
316
  AutoId()
317
317
  ], SelectComponent.prototype, "_valueContainerId", void 0);
@@ -341,7 +341,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.2.0", ngImpor
341
341
  '[attr.aria-label]': 'null',
342
342
  '[attr.aria-labelledby]': 'null',
343
343
  '[attr.placeholder]': 'null',
344
- }, hostDirectives: [UseComponentStylesOnHost], standalone: false, template: "<sp-hidden-select></sp-hidden-select>\n<div\n role=\"button\"\n aria-haspopup=\"listbox\"\n class=\"sapphire-select__button\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverTriggerDisabled]=\"disabled\"\n spPopoverTriggerOpenOnPressStart\n spPopoverTriggerCloseOnScroll\n spPopoverPlacement=\"bottom start\"\n #triggerElementRef\n #triggerRef=\"spPopoverTrigger\"\n (keydown)=\"handleKeyDown($event)\"\n (spPopoverTriggerClosed)=\"_onClose()\"\n (spPopoverTriggerOpened)=\"_onOpen()\"\n (focus)=\"_onFocus()\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n [spPopoverNonModal]=\"searchable\"\n spPopoverDisablePushInsideViewport=\"true\"\n [id]=\"id\"\n [tabindex]=\"-1\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"_getAriaLabelledBy()\"\n [attr.aria-describedby]=\"_field?.error?.id || _field?.note?.id\"\n [attr.aria-invalid]=\"_field?.hasError(this) ? true : null\"\n>\n <div class=\"sapphire-select__value\" [id]=\"_valueContainerId\">\n <input\n *ngIf=\"searchable\"\n #searchInput\n tabindex=\"-1\"\n role=\"combobox\"\n class=\"sapphire-select__search-input\"\n [spListboxInput]=\"listbox\"\n [spVisuallyHidden]=\"!_isInputVisible()\"\n [attr.data-hidden]=\"!_isInputVisible()\"\n [placeholder]=\"placeholder || ''\"\n (keydown)=\"_onInputKeydown($event)\"\n (beforeinput)=\"open()\"\n [value]=\"_searchableSelectDirective?.searchValue\"\n (input)=\"_onSearchInput($event)\"\n />\n <ng-container *ngIf=\"!searchable || !_isInputVisible()\">\n <div\n *ngIf=\"selectedOptions.length === 0\"\n class=\"sapphire-select__placeholder\"\n >\n {{ placeholder }}\n </div>\n <ng-container *ngIf=\"selectedOptions.length > 0\">\n <ng-container *ngIf=\"!selectionText\">{{\n getSelectionText()\n }}</ng-container>\n <ng-content select=\"sp-selection-text\"></ng-content>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"sapphire-select__icon-container\">\n <sp-icon name=\"chevronDown\"></sp-icon>\n </div>\n</div>\n<ng-template #popover>\n <sp-popover\n [style.display]=\"\n (filteredChildren$ | async)?.length === 0 ? 'none' : undefined\n \"\n noPadding\n [trapFocus]=\"!searchable\"\n noMaxWidth\n [style.min-width]=\"triggerElementRef.offsetWidth + 'px'\"\n >\n <sp-listbox\n [spListboxItems]=\"(filteredChildren$ | async) || undefined\"\n navigationWrapDisabled\n [multiple]=\"multiple\"\n [(selectedValues)]=\"listboxValue\"\n (selectedValuesChange)=\"_searchableSelectDirective?.setSearchValue('')\"\n (selected)=\"_handleSelected()\"\n >\n </sp-listbox>\n </sp-popover>\n</ng-template>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-foreground-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-control-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background:var(--sapphire-semantic-color-background-field);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-sm);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-select--md .sapphire-select__button{height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-lg);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-foreground-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-sm);height:var(--sapphire-semantic-size-icon-sm)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-lg);color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-negative-default)}.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled).is-hover .sapphire-select__button,.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled):not(.js-hover):hover .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-hover)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-negative-default)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"] }]
344
+ }, hostDirectives: [UseComponentStylesOnHost], standalone: false, template: "<sp-hidden-select></sp-hidden-select>\n<div\n role=\"button\"\n aria-haspopup=\"listbox\"\n class=\"sapphire-select__button\"\n [spPopoverTriggerFor]=\"popover\"\n [spPopoverTriggerDisabled]=\"disabled\"\n spPopoverTriggerOpenOnPressStart\n spPopoverTriggerCloseOnScroll\n spPopoverPlacement=\"bottom start\"\n #triggerElementRef\n #triggerRef=\"spPopoverTrigger\"\n (keydown)=\"handleKeyDown($event)\"\n (spPopoverTriggerClosed)=\"_onClose()\"\n (spPopoverTriggerOpened)=\"_onOpen()\"\n (focus)=\"_onFocus()\"\n cdkMonitorSubtreeFocus\n (cdkFocusChange)=\"_onFocusChange($event)\"\n [spPopoverNonModal]=\"searchable\"\n spPopoverDisablePushInsideViewport=\"true\"\n [id]=\"id\"\n [tabindex]=\"-1\"\n [attr.aria-label]=\"ariaLabel\"\n [attr.aria-labelledby]=\"_getAriaLabelledBy()\"\n [attr.aria-describedby]=\"_field?.error?.id || _field?.note?.id\"\n [attr.aria-invalid]=\"_field?.hasError(this) ? true : null\"\n>\n <div class=\"sapphire-select__value\" [id]=\"_valueContainerId\">\n <input\n *ngIf=\"searchable\"\n #searchInput\n tabindex=\"-1\"\n role=\"combobox\"\n class=\"sapphire-select__search-input\"\n [spListboxInput]=\"listbox\"\n [spVisuallyHidden]=\"!_isInputVisible()\"\n [attr.data-hidden]=\"!_isInputVisible()\"\n [placeholder]=\"placeholder || ''\"\n (keydown)=\"_onInputKeydown($event)\"\n (beforeinput)=\"open()\"\n [value]=\"_searchableSelectDirective?.searchValue\"\n (input)=\"_onSearchInput($event)\"\n />\n <ng-container *ngIf=\"!searchable || !_isInputVisible()\">\n <div\n *ngIf=\"selectedOptions.length === 0\"\n class=\"sapphire-select__placeholder\"\n >\n {{ placeholder }}\n </div>\n <ng-container *ngIf=\"selectedOptions.length > 0\">\n <ng-container *ngIf=\"!selectionText\">{{\n getSelectionText()\n }}</ng-container>\n <ng-content select=\"sp-selection-text\"></ng-content>\n </ng-container>\n </ng-container>\n </div>\n <div class=\"sapphire-select__icon-container\">\n <sp-icon name=\"chevronDown\"></sp-icon>\n </div>\n</div>\n<ng-template #popover>\n <sp-popover\n [style.display]=\"\n (filteredChildren$ | async)?.length === 0 ? 'none' : undefined\n \"\n noPadding\n [trapFocus]=\"!searchable\"\n noMaxWidth\n [style.min-width]=\"triggerElementRef.offsetWidth + 'px'\"\n >\n <sp-listbox\n [spListboxItems]=\"(filteredChildren$ | async) || undefined\"\n navigationWrapDisabled\n [multiple]=\"multiple\"\n [(selectedValues)]=\"listboxValue\"\n (selectedValuesChange)=\"_searchableSelectDirective?.setSearchValue('')\"\n (selected)=\"_handleSelected()\"\n >\n </sp-listbox>\n </sp-popover>\n</ng-template>\n", styles: [".sapphire-select{position:relative;display:block;color:var(--sapphire-semantic-color-foreground-primary);font-family:var(--sapphire-semantic-font-name-default);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.sapphire-select__button{display:flex;align-items:center;height:var(--sapphire-semantic-size-height-control-lg);box-sizing:border-box;cursor:pointer;padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md) 0 var(--sapphire-semantic-size-spacing-control-horizontal-lg);border:none;background:var(--sapphire-semantic-color-background-field);width:100%;outline:0;text-align:left;color:inherit;font-family:inherit;box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-default);border-radius:var(--sapphire-semantic-size-radius-md);gap:var(--sapphire-semantic-size-spacing-sm)}.sapphire-select--md .sapphire-select__button{border-radius:var(--sapphire-semantic-size-radius-sm);height:var(--sapphire-semantic-size-height-control-md);padding:0 var(--sapphire-semantic-size-spacing-control-horizontal-md);gap:var(--sapphire-semantic-size-spacing-xs)}.sapphire-select__value{flex:1 0 0;min-width:0;font-size:var(--sapphire-semantic-size-font-control-lg);width:100%;font-weight:var(--sapphire-semantic-font-weight-default-regular);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sapphire-select--md .sapphire-select__value{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__placeholder{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sapphire-semantic-color-foreground-secondary);pointer-events:none}.sapphire-select__icon-container{line-height:0;width:var(--sapphire-semantic-size-icon-md);height:var(--sapphire-semantic-size-icon-md)}.sapphire-select--md .sapphire-select__icon-container{width:var(--sapphire-semantic-size-icon-sm);height:var(--sapphire-semantic-size-icon-sm)}.sapphire-select__prefix{display:inherit;font-size:var(--sapphire-semantic-size-font-control-lg);color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select:not(.sapphire-select--md) .sapphire-select__button:has(.sapphire-select__prefix){padding-left:var(--sapphire-semantic-size-spacing-control-horizontal-md)}.sapphire-select--md .sapphire-select__prefix{font-size:var(--sapphire-semantic-size-font-control-md)}.sapphire-select__search-input:not([data-hidden=true]){all:inherit}.sapphire-select__search-input::placeholder{color:var(--sapphire-semantic-color-foreground-secondary)}.sapphire-select__native-select{position:absolute;inset:0;opacity:.01;width:100%;z-index:1}.sapphire-select--error:not(.is-disabled) .sapphire-select__button{box-shadow:inset 0 0 0 1px var(--sapphire-semantic-color-border-negative-default)}.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled).is-hover .sapphire-select__button,.sapphire-select:not(.sapphire-select--error):not(.is-focus):not(.is-disabled):not(.js-hover):hover .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-border-sm) var(--sapphire-semantic-color-border-field-hover)}.sapphire-select:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-focus-ring)}.sapphire-select--error:not(.is-disabled).is-focus .sapphire-select__button{box-shadow:inset 0 0 0 var(--sapphire-semantic-size-focus-ring) var(--sapphire-semantic-color-border-negative-default)}.sapphire-select.is-disabled .sapphire-select__button{cursor:not-allowed}\n"] }]
345
345
  }], ctorParameters: function () { return [{ type: i1.SelectValueHolder }, { type: i2.IconRegistry }, { type: i3.FocusMonitor }, { type: i3.InputModalityDetector }, { type: i4.FieldComponent, decorators: [{
346
346
  type: Optional
347
347
  }] }, { type: i5.SearchableSelectDirective, decorators: [{