ngx-sfc-components 0.0.12 → 0.0.13
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/esm2020/lib/components/index.mjs +1 -1
- package/esm2020/lib/components/notification/notification.component.mjs +12 -5
- package/esm2020/lib/components/notification/parts/content/notification-content.model.mjs +1 -1
- package/fesm2015/ngx-sfc-components.mjs +12 -4
- package/fesm2015/ngx-sfc-components.mjs.map +1 -1
- package/fesm2020/ngx-sfc-components.mjs +11 -4
- package/fesm2020/ngx-sfc-components.mjs.map +1 -1
- package/lib/components/index.d.ts +1 -0
- package/lib/components/notification/notification.component.d.ts +4 -2
- package/lib/components/notification/parts/content/notification-content.model.d.ts +3 -0
- package/package.json +2 -2
|
@@ -37,4 +37,4 @@ export { ExpandedTableRowTemplate } from './table/parts/content/rows/expanded/ex
|
|
|
37
37
|
export { DefaultTableCardComponent } from './table/parts/content/cards/default/default-table-card.component';
|
|
38
38
|
export { CarouselComponent } from './carousel/carousel.component';
|
|
39
39
|
export { CarouselSlideDirective } from './carousel/directive/carousel-slide.directive';
|
|
40
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
40
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL2luZGV4LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxtQ0FBbUMsQ0FBQztBQUVsRSxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDckUsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUVBQXlFLENBQUM7QUFDaEgsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUVBQXlFLENBQUM7QUFDaEgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFDbEgsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0scUVBQXFFLENBQUM7QUFDbEgsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFDcEUsT0FBTyxFQUFzQyxnQkFBZ0IsRUFBRSxNQUFNLDZCQUE2QixDQUFDO0FBQ25HLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxNQUFNLHlDQUF5QyxDQUFDO0FBRWhGLE9BQU8sRUFBRSx1QkFBdUIsRUFBRSxNQUFNLDZDQUE2QyxDQUFDO0FBRXRGLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUN6RCxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDNUQsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFHbkYsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFDdEYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0seUNBQXlDLENBQUM7QUFDaEYsT0FBTyxFQUFFLDJCQUEyQixFQUFFLE1BQU0sdURBQXVELENBQUM7QUFDcEcsT0FBTyxFQUFFLHVCQUF1QixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFFdEYsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLHVCQUF1QixDQUFDO0FBQ3RELE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwyQkFBMkIsQ0FBQztBQUM1RCxPQUFPLEVBQUUsVUFBVSxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFFdkQsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sK0JBQStCLENBQUM7QUFFbEUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sbURBQW1ELENBQUM7QUFDekYsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sdUNBQXVDLENBQUM7QUFDOUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sNkNBQTZDLENBQUM7QUFDL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0saURBQWlELENBQUM7QUFHdkYsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHlCQUF5QixDQUFDO0FBQ3pELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLDJDQUEyQyxDQUFDO0FBRzlFLE9BQU8sRUFBRSxjQUFjLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQztBQUd6RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDbkUsT0FBTyxFQUFFLGFBQWEsRUFBRSxNQUFNLG1DQUFtQyxDQUFDO0FBRWxFLE9BQU8sRUFBRSwyQkFBMkIsRUFBRSxNQUFNLDhEQUE4RCxDQUFDO0FBRTNHLE9BQU8sRUFBRSw4QkFBOEIsRUFBRSxNQUFNLG9FQUFvRSxDQUFDO0FBQ3BILE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDO0FBQ3ZGLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLGdFQUFnRSxDQUFDO0FBQzFHLE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQzdHLE9BQU8sRUFBRSx3QkFBd0IsRUFBRSxNQUFNLHNFQUFzRSxDQUFDO0FBQ2hILE9BQU8sRUFBRSx5QkFBeUIsRUFBRSxNQUFNLGtFQUFrRSxDQUFDO0FBQzdHLE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLCtCQUErQixDQUFDO0FBQ2xFLE9BQU8sRUFBRSxzQkFBc0IsRUFBRSxNQUFNLCtDQUErQyxDQUFDIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IHsgVGFic0NvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy90YWJzLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElUYWJNb2RlbCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy9tb2RlbHMvdGFiLm1vZGVsJztcclxuZXhwb3J0IHsgVGFic1RlbXBsYXRlIH0gZnJvbSAnLi4vY29tcG9uZW50cy90YWJzL3RhYnMtdGVtcGxhdGUuZW51bSc7XHJcbmV4cG9ydCB7IFRhYkxhYmVsTGluZUNvbXBvbmVudCB9IGZyb20gJy4uL2NvbXBvbmVudHMvdGFicy9wYXJ0cy9sYWJlbHMvdGFiLWxhYmVsLWxpbmUvdGFiLWxhYmVsLWxpbmUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgVGFiTGFiZWxJY29uQ29tcG9uZW50IH0gZnJvbSAnLi4vY29tcG9uZW50cy90YWJzL3BhcnRzL2xhYmVscy90YWItbGFiZWwtaWNvbi90YWItbGFiZWwtaWNvbi5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBUYWJMYWJlbEljb25TbGlkZXJDb21wb25lbnQgfSBmcm9tICcuL3RhYnMvcGFydHMvc2xpZGVycy90YWItbGFiZWwtaWNvbi90YWItbGFiZWwtaWNvbi1zbGlkZXIuY29tcG9uZW50JztcclxuZXhwb3J0IHsgVGFiTGFiZWxMaW5lU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi90YWJzL3BhcnRzL3NsaWRlcnMvdGFiLWxhYmVsLWxpbmUvdGFiLWxhYmVsLWxpbmUtc2xpZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNpZGVNZW51Q29tcG9uZW50IH0gZnJvbSAnLi9tZW51L3NpZGUvc2lkZS1tZW51LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElTaWRlTWVudU1vZGVsLCBJU2lkZU1lbnVJdGVtTW9kZWwsIFNpZGVNZW51SXRlbVR5cGUgfSBmcm9tICcuL21lbnUvc2lkZS9zaWRlLW1lbnUubW9kZWwnO1xyXG5leHBvcnQgeyBEcm9wZG93bk1lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUvZHJvcGRvd24vZHJvcGRvd24tbWVudS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBJRHJvcGRvd25NZW51SXRlbU1vZGVsIH0gZnJvbSAnLi9tZW51L2Ryb3Bkb3duL3BhcnRzL2l0ZW0vZHJvcGRvd24tbWVudS1pdGVtLm1vZGVsJztcclxuZXhwb3J0IHsgTmF2aWdhdGlvbk1lbnVDb21wb25lbnQgfSBmcm9tICcuL21lbnUvbmF2aWdhdGlvbi9uYXZpZ2F0aW9uLW1lbnUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSU5hdmlnYXRpb25NZW51SXRlbU1vZGVsIH0gZnJvbSAnLi9tZW51L25hdmlnYXRpb24vcGFydHMvaXRlbS9uYXZpZ2F0aW9uLW1lbnUtaXRlbS5tb2RlbCc7XHJcbmV4cG9ydCB7IFN0YXJzQ29tcG9uZW50IH0gZnJvbSAnLi9zdGFycy9zdGFycy5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBBdmF0YXJDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci9hdmF0YXIuY29tcG9uZW50JztcclxuZXhwb3J0IHsgQXZhdGFyQmFkZ2VDb21wb25lbnQgfSBmcm9tICcuL2F2YXRhci9wYXJ0cy9iYWRnZS9hdmF0YXItYmFkZ2UuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSUF2YXRhckRhdGFNb2RlbCB9IGZyb20gJy4vYXZhdGFyL21vZGVscy9hdmF0YXItZGF0YS5tb2RlbCc7XHJcbmV4cG9ydCB7IElBdmF0YXJQcm9ncmVzc01vZGVsIH0gZnJvbSAnLi9hdmF0YXIvbW9kZWxzL2F2YXRhci1wcm9ncmVzcy5tb2RlbCc7XHJcbmV4cG9ydCB7IEF2YXRhckJhZGdlUG9zaXRpb24gfSBmcm9tICcuL2F2YXRhci9wYXJ0cy9iYWRnZS9hdmF0YXItYmFkZ2UtcG9zaXRpb24uZW51bSc7XHJcbmV4cG9ydCB7IFByb2dyZXNzTGluZUNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3MvbGluZS9wcm9ncmVzcy1saW5lLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFByb2dyZXNzU2VtaUNpcmNsZUNvbXBvbmVudCB9IGZyb20gJy4vcHJvZ3Jlc3Mvc2VtaS1jaXJjbGUvcHJvZ3Jlc3Mtc2VtaS1jaXJjbGUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgUHJvZ3Jlc3NDaXJjbGVDb21wb25lbnQgfSBmcm9tICcuL3Byb2dyZXNzL2NpcmNsZS9wcm9ncmVzcy1jaXJjbGUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSVRhZ01vZGVsIH0gZnJvbSAnLi90YWdzL3BhcnRzL3RhZy90YWcubW9kZWwnO1xyXG5leHBvcnQgeyBUYWdzQ29tcG9uZW50IH0gZnJvbSAnLi90YWdzL3RhZ3MuY29tcG9uZW50JztcclxuZXhwb3J0IHsgU2xpZGVyQ29tcG9uZW50IH0gZnJvbSAnLi9zbGlkZXIvc2xpZGVyLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IFNsaWRlclR5cGUgfSBmcm9tICcuL3NsaWRlci9zbGlkZXItdHlwZS5lbnVtJztcclxuZXhwb3J0IHsgSVNsaWRlckl0ZW1Nb2RlbCB9IGZyb20gJy4vc2xpZGVyL3BhcnRzL2l0ZW0vc2xpZGVyLWl0ZW0ubW9kZWwnO1xyXG5leHBvcnQgeyBUaW1lbGluZUNvbXBvbmVudCB9IGZyb20gJy4vdGltZWxpbmUvdGltZWxpbmUuY29tcG9uZW50JztcclxuZXhwb3J0IHsgSVRpbWVsaW5lSXRlbU1vZGVsIH0gZnJvbSAnLi90aW1lbGluZS9wYXJ0cy9pdGVtL3RpbWVsaW5lLWl0ZW0ubW9kZWwnO1xyXG5leHBvcnQgeyBUaW1lbGluZUl0ZW1Qb3NpdGlvbiB9IGZyb20gJy4vdGltZWxpbmUvcGFydHMvaXRlbS90aW1lbGluZS1pdGVtLXBvc2l0aW9uLmVudW0nO1xyXG5leHBvcnQgeyBOb3RpZmljYXRpb25Db21wb25lbnQgfSBmcm9tICcuL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50JztcclxuZXhwb3J0IHsgTm90aWZpY2F0aW9uVHlwZSB9IGZyb20gJy4vbm90aWZpY2F0aW9uL2VudW1zL25vdGlmaWNhdGlvbi10eXBlLmVudW0nO1xyXG5leHBvcnQgeyBOb3RpZmljYXRpb25UZW1wbGF0ZSB9IGZyb20gJy4vbm90aWZpY2F0aW9uL2VudW1zL25vdGlmaWNhdGlvbi10ZW1wbGF0ZS5lbnVtJztcclxuZXhwb3J0IHsgSU5vdGlmaWNhdGlvbkNvbnRlbnRNb2RlbCB9IGZyb20gJy4vbm90aWZpY2F0aW9uL3BhcnRzL2NvbnRlbnQvbm90aWZpY2F0aW9uLWNvbnRlbnQubW9kZWwnO1xyXG5leHBvcnQgeyBJTm90aWZpY2F0aW9uQXV0b0Nsb3NlTW9kZWwgfSBmcm9tICcuL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24tYXV0by1jbG9zZS5tb2RlbCc7XHJcbmV4cG9ydCB7IENoYXJ0Q29tcG9uZW50IH0gZnJvbSAnLi9jaGFydC9jaGFydC5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBDaGFydFRoZW1lU2VydmljZSB9IGZyb20gJy4vY2hhcnQvc2VydmljZS90aGVtZS9jaGFydC10aGVtZS5zZXJ2aWNlJztcclxuZXhwb3J0IHsgQ2hhcnRUaGVtZU1vZGVsIH0gZnJvbSAnLi9jaGFydC9zZXJ2aWNlL3RoZW1lL2NoYXJ0LXRoZW1lLm1vZGVsJztcclxuZXhwb3J0IHsgQ2hhcnRPcHRpb25Nb2RlbCB9IGZyb20gJy4vY2hhcnQvY2hhcnQtb3B0aW9uLm1vZGVsJztcclxuZXhwb3J0IHsgVGFibGVDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3RhYmxlLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IElUYWJsZURhdGFNb2RlbCwgSVRhYmxlTW9kZWwgfSBmcm9tICcuL3RhYmxlL21vZGVscy90YWJsZS5tb2RlbCc7XHJcbmV4cG9ydCB7IElUYWJsZVBhZ2luYXRpb25Nb2RlbCB9IGZyb20gJy4vdGFibGUvbW9kZWxzL3RhYmxlLXBhZ2luYXRpb24ubW9kZWwnO1xyXG5leHBvcnQgeyBUYWJsZURhdGFUeXBlIH0gZnJvbSAnLi90YWJsZS9lbnVtcy90YWJsZS1kYXRhLXR5cGUuZW51bSc7XHJcbmV4cG9ydCB7IFRhYmxlVGVtcGxhdGUgfSBmcm9tICcuL3RhYmxlL2VudW1zL3RhYmxlLXRlbXBsYXRlLmVudW0nO1xyXG5leHBvcnQgeyBJVGFibGVTZWxlY3RFdmVudCB9IGZyb20gJy4vdGFibGUvc2VydmljZS9zZWxlY3QvdGFibGUtc2VsZWN0LmV2ZW50JztcclxuZXhwb3J0IHsgRGVmYXVsdFRhYmxlQ29sdW1uQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb2x1bW5zL2RlZmF1bHQvZGVmYXVsdC10YWJsZS1jb2x1bW4uY29tcG9uZW50JztcclxuZXhwb3J0IHsgSURlZmF1bHRUYWJsZUNvbHVtbk1vZGVsIH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb2x1bW5zL3RhYmxlLWNvbHVtbi5tb2RlbCc7XHJcbmV4cG9ydCB7IFNlbGVjdGFibGVUYWJsZUNvbHVtbkNvbXBvbmVudCB9IGZyb20gJy4vdGFibGUvcGFydHMvY29sdW1ucy9zZWxlY3RhYmxlL3NlbGVjdGFibGUtdGFibGUtY29sdW1uLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IENvbHVtbnNUb2dnbGVDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3BhcnRzL3RvZ2dsZS9jb2x1bW5zLXRvZ2dsZS5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBEZWZhdWx0VGFibGVSb3dDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3BhcnRzL2NvbnRlbnQvcm93cy9kZWZhdWx0L2RlZmF1bHQtdGFibGUtcm93LmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IEV4cGFuZGVkVGFibGVSb3dDb21wb25lbnQgfSBmcm9tICcuL3RhYmxlL3BhcnRzL2NvbnRlbnQvcm93cy9leHBhbmRlZC9leHBhbmRlZC10YWJsZS1yb3cuY29tcG9uZW50JztcclxuZXhwb3J0IHsgRXhwYW5kZWRUYWJsZVJvd1RlbXBsYXRlIH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb250ZW50L3Jvd3MvZXhwYW5kZWQvZXhwYW5kZWQtdGFibGUtcm93LXRlbXBsYXRlLmVudW0nO1xyXG5leHBvcnQgeyBEZWZhdWx0VGFibGVDYXJkQ29tcG9uZW50IH0gZnJvbSAnLi90YWJsZS9wYXJ0cy9jb250ZW50L2NhcmRzL2RlZmF1bHQvZGVmYXVsdC10YWJsZS1jYXJkLmNvbXBvbmVudCc7XHJcbmV4cG9ydCB7IENhcm91c2VsQ29tcG9uZW50IH0gZnJvbSAnLi9jYXJvdXNlbC9jYXJvdXNlbC5jb21wb25lbnQnO1xyXG5leHBvcnQgeyBDYXJvdXNlbFNsaWRlRGlyZWN0aXZlIH0gZnJvbSAnLi9jYXJvdXNlbC9kaXJlY3RpdmUvY2Fyb3VzZWwtc2xpZGUuZGlyZWN0aXZlJztcclxuZXhwb3J0IHsgQ2Fyb3VzZWxPcHRpb25zTW9kZWwgfSBmcm9tICcuL2Nhcm91c2VsL21vZGVscy9vcHRpb25zLm1vZGVsJztcclxuZXhwb3J0IHsgQ2Fyb3VzZWxTbGlkZUV2ZW50IH0gZnJvbSAnLi9jYXJvdXNlbC9tb2RlbHMvc2xpZGUubW9kZWwnO1xyXG5cclxuIl19
|
|
@@ -13,13 +13,20 @@ export class NotificationComponent {
|
|
|
13
13
|
this.NotificationTemplate = NotificationTemplate;
|
|
14
14
|
this.showClose = true;
|
|
15
15
|
this.autoCloseModel = { enabled: false, interval: this.AUTO_CLOSE_INTERVAL_DEFAULT };
|
|
16
|
-
this.
|
|
16
|
+
this._type = NotificationType.Info;
|
|
17
17
|
this.model = { showButton: true };
|
|
18
18
|
this.closed = new EventEmitter();
|
|
19
19
|
this.buttonClicked = new EventEmitter();
|
|
20
20
|
this.destroy = false;
|
|
21
21
|
this.show = false;
|
|
22
22
|
}
|
|
23
|
+
get type() {
|
|
24
|
+
return this.model.type ?? this._type;
|
|
25
|
+
}
|
|
26
|
+
;
|
|
27
|
+
set type(value) {
|
|
28
|
+
this._type = value;
|
|
29
|
+
}
|
|
23
30
|
ngOnInit() {
|
|
24
31
|
if (!isDefined(this.autoCloseModel.interval))
|
|
25
32
|
this.autoCloseModel.interval = this.AUTO_CLOSE_INTERVAL_DEFAULT;
|
|
@@ -35,14 +42,14 @@ export class NotificationComponent {
|
|
|
35
42
|
close() {
|
|
36
43
|
this.show = false;
|
|
37
44
|
this.destroy = true;
|
|
38
|
-
this.closed.emit();
|
|
45
|
+
this.closed.emit(this.model);
|
|
39
46
|
}
|
|
40
47
|
}
|
|
41
48
|
NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
42
|
-
NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NotificationComponent, selector: "sfc-notification", inputs: { showClose: "showClose", autoCloseModel: "autoCloseModel", type: "type", model: "model", content: "content" }, outputs: { closed: "closed", buttonClicked: "buttonClicked" }, host: { properties: { "class": "this.type" } }, queries: [{ propertyName: "templates", predicate: TemplateReferenceDirective, read: TemplateReferenceDirective }], ngImport: i0, template: "<div class=\"container\" [sfcDestroyParent]=\"destroy\" [delay]=\"DESTROY_HOST_INTERVAL\">\r\n <div class=\"notification\" [sfcShowHideElement]=\"show\">\r\n <sfc-close *ngIf=\"showClose\" (click)=\"close()\"></sfc-close>\r\n\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"NotificationTemplate.Content\" [defaultContent]=\"defaultContent\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultContent>\r\n <sfc-notification-content [type]=\"type\" [model]=\"model\" (buttonClicked)=\"buttonClicked.emit()\">\r\n </sfc-notification-content>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .notification{border-radius:1.25em;box-shadow:5px 5px 20px #656d78;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f5f7fa}:host .container .notification sfc-close{align-self:end}:host .container .notification ::ng-deep sfc-close{color:#f5f7fa}:host .container .notification ::ng-deep sfc-close:hover{color:#fff}:host.info .container .notification{background:linear-gradient(to bottom right,#4fc1e9 40%,#4a89dc 100%)}:host.success .container .notification{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4 100%)}:host.failed .container .notification{background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: ["sfcShowHideElement", "delay"] }, { kind: "directive", type: i2.DestroyParentDirective, selector: "[sfcDestroyParent]", inputs: ["sfcDestroyParent", "delay"] }, { kind: "component", type: i2.CloseComponent, selector: "sfc-close" }, { kind: "component", type: i2.TemplateContentComponent, selector: "sfc-template-content", inputs: ["contextData", "referenceContent", "templateType", "templatesContent", "defaultContent"] }, { kind: "component", type: i3.NotificationContentComponent, selector: "sfc-notification-content", inputs: ["type", "model"], outputs: ["buttonClicked"] }] });
|
|
49
|
+
NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NotificationComponent, selector: "sfc-notification", inputs: { showClose: "showClose", autoCloseModel: "autoCloseModel", type: "type", model: "model", content: "content" }, outputs: { closed: "closed", buttonClicked: "buttonClicked" }, host: { properties: { "class": "this.type" } }, queries: [{ propertyName: "templates", predicate: TemplateReferenceDirective, read: TemplateReferenceDirective }], ngImport: i0, template: "<div class=\"container\" [sfcDestroyParent]=\"destroy\" [delay]=\"DESTROY_HOST_INTERVAL\">\r\n <div class=\"notification\" [sfcShowHideElement]=\"show\">\r\n <sfc-close *ngIf=\"showClose\" (click)=\"close()\"></sfc-close>\r\n\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"NotificationTemplate.Content\" [defaultContent]=\"defaultContent\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultContent>\r\n <sfc-notification-content [type]=\"type\" [model]=\"model\" (buttonClicked)=\"buttonClicked.emit()\">\r\n </sfc-notification-content>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{position:relative;z-index:9999;display:inline-block}:host .container .notification{border-radius:1.25em;box-shadow:5px 5px 20px #656d78;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f5f7fa}:host .container .notification sfc-close{align-self:end}:host .container .notification ::ng-deep sfc-close{color:#f5f7fa}:host .container .notification ::ng-deep sfc-close:hover{color:#fff}:host.info .container .notification{background:linear-gradient(to bottom right,#4fc1e9 40%,#4a89dc 100%)}:host.success .container .notification{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4 100%)}:host.failed .container .notification{background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i2.ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: ["sfcShowHideElement", "delay"] }, { kind: "directive", type: i2.DestroyParentDirective, selector: "[sfcDestroyParent]", inputs: ["sfcDestroyParent", "delay"] }, { kind: "component", type: i2.CloseComponent, selector: "sfc-close" }, { kind: "component", type: i2.TemplateContentComponent, selector: "sfc-template-content", inputs: ["contextData", "referenceContent", "templateType", "templatesContent", "defaultContent"] }, { kind: "component", type: i3.NotificationContentComponent, selector: "sfc-notification-content", inputs: ["type", "model"], outputs: ["buttonClicked"] }] });
|
|
43
50
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
44
51
|
type: Component,
|
|
45
|
-
args: [{ selector: 'sfc-notification', template: "<div class=\"container\" [sfcDestroyParent]=\"destroy\" [delay]=\"DESTROY_HOST_INTERVAL\">\r\n <div class=\"notification\" [sfcShowHideElement]=\"show\">\r\n <sfc-close *ngIf=\"showClose\" (click)=\"close()\"></sfc-close>\r\n\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"NotificationTemplate.Content\" [defaultContent]=\"defaultContent\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultContent>\r\n <sfc-notification-content [type]=\"type\" [model]=\"model\" (buttonClicked)=\"buttonClicked.emit()\">\r\n </sfc-notification-content>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .notification{border-radius:1.25em;box-shadow:5px 5px 20px #656d78;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f5f7fa}:host .container .notification sfc-close{align-self:end}:host .container .notification ::ng-deep sfc-close{color:#f5f7fa}:host .container .notification ::ng-deep sfc-close:hover{color:#fff}:host.info .container .notification{background:linear-gradient(to bottom right,#4fc1e9 40%,#4a89dc 100%)}:host.success .container .notification{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4 100%)}:host.failed .container .notification{background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e 100%)}\n"] }]
|
|
52
|
+
args: [{ selector: 'sfc-notification', template: "<div class=\"container\" [sfcDestroyParent]=\"destroy\" [delay]=\"DESTROY_HOST_INTERVAL\">\r\n <div class=\"notification\" [sfcShowHideElement]=\"show\">\r\n <sfc-close *ngIf=\"showClose\" (click)=\"close()\"></sfc-close>\r\n\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"NotificationTemplate.Content\" [defaultContent]=\"defaultContent\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultContent>\r\n <sfc-notification-content [type]=\"type\" [model]=\"model\" (buttonClicked)=\"buttonClicked.emit()\">\r\n </sfc-notification-content>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{position:relative;z-index:9999;display:inline-block}:host .container .notification{border-radius:1.25em;box-shadow:5px 5px 20px #656d78;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f5f7fa}:host .container .notification sfc-close{align-self:end}:host .container .notification ::ng-deep sfc-close{color:#f5f7fa}:host .container .notification ::ng-deep sfc-close:hover{color:#fff}:host.info .container .notification{background:linear-gradient(to bottom right,#4fc1e9 40%,#4a89dc 100%)}:host.success .container .notification{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4 100%)}:host.failed .container .notification{background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e 100%)}\n"] }]
|
|
46
53
|
}], propDecorators: { showClose: [{
|
|
47
54
|
type: Input
|
|
48
55
|
}], autoCloseModel: [{
|
|
@@ -64,4 +71,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImpor
|
|
|
64
71
|
type: ContentChildren,
|
|
65
72
|
args: [TemplateReferenceDirective, { read: TemplateReferenceDirective }]
|
|
66
73
|
}] } });
|
|
67
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
74
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25neC1zZmMtY29tcG9uZW50cy9zcmMvbGliL2NvbXBvbmVudHMvbm90aWZpY2F0aW9uL25vdGlmaWNhdGlvbi5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9ub3RpZmljYXRpb24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxlQUFlLEVBQUUsWUFBWSxFQUFFLFdBQVcsRUFBRSxLQUFLLEVBQVUsTUFBTSxFQUEwQixNQUFNLGVBQWUsQ0FBQztBQUNySSxPQUFPLEVBQUUsU0FBUyxFQUFFLDBCQUEwQixFQUFFLE1BQU0sZ0JBQWdCLENBQUM7QUFFdkUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLE1BQU0sb0NBQW9DLENBQUM7QUFDMUUsT0FBTyxFQUFFLGdCQUFnQixFQUFFLE1BQU0sZ0NBQWdDLENBQUM7Ozs7O0FBUWxFLE1BQU0sT0FBTyxxQkFBcUI7SUFMbEM7UUFPbUIsZ0NBQTJCLEdBQUcsSUFBSSxDQUFDO1FBRTNDLDBCQUFxQixHQUFHLEdBQUcsQ0FBQztRQUVyQyx5QkFBb0IsR0FBRyxvQkFBb0IsQ0FBQztRQUc1QyxjQUFTLEdBQVksSUFBSSxDQUFDO1FBRzFCLG1CQUFjLEdBQWdDLEVBQUUsT0FBTyxFQUFFLEtBQUssRUFBRSxRQUFRLEVBQUUsSUFBSSxDQUFDLDJCQUEyQixFQUFFLENBQUM7UUFVckcsVUFBSyxHQUFxQixnQkFBZ0IsQ0FBQyxJQUFJLENBQUM7UUFHeEQsVUFBSyxHQUE4QixFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsQ0FBQztRQU14RCxXQUFNLEdBQTRDLElBQUksWUFBWSxFQUE2QixDQUFDO1FBR2hHLGtCQUFhLEdBQXVCLElBQUksWUFBWSxFQUFRLENBQUM7UUFLN0QsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUV6QixTQUFJLEdBQVksS0FBSyxDQUFDO0tBc0J2QjtJQWpEQyxJQUVJLElBQUk7UUFDTixPQUFPLElBQUksQ0FBQyxLQUFLLENBQUMsSUFBSSxJQUFJLElBQUksQ0FBQyxLQUFLLENBQUM7SUFDdkMsQ0FBQztJQUFBLENBQUM7SUFDRixJQUFJLElBQUksQ0FBQyxLQUF1QjtRQUM5QixJQUFJLENBQUMsS0FBSyxHQUFHLEtBQUssQ0FBQztJQUNyQixDQUFDO0lBc0JELFFBQVE7UUFDTixJQUFJLENBQUMsU0FBUyxDQUFDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxDQUFDO1lBQzFDLElBQUksQ0FBQyxjQUFjLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQywyQkFBMkIsQ0FBQztRQUVsRSxJQUFJLElBQUksQ0FBQyxjQUFjLENBQUMsT0FBTztZQUM3QixVQUFVLENBQUMsR0FBRyxFQUFFO2dCQUNkLElBQUksSUFBSSxDQUFDLElBQUksRUFBRTtvQkFDYixJQUFJLENBQUMsS0FBSyxFQUFFLENBQUM7aUJBQ2Q7WUFDSCxDQUFDLEVBQUUsSUFBSSxDQUFDLGNBQWMsQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUVuQyx3QkFBd0I7UUFDeEIsVUFBVSxDQUFDLEdBQUcsRUFBRSxDQUFDLElBQUksQ0FBQyxJQUFJLEdBQUcsSUFBSSxDQUFDLENBQUM7SUFDckMsQ0FBQztJQUVELEtBQUs7UUFDSCxJQUFJLENBQUMsSUFBSSxHQUFHLEtBQUssQ0FBQztRQUNsQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUNwQixJQUFJLENBQUMsTUFBTSxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsS0FBSyxDQUFDLENBQUM7SUFDL0IsQ0FBQzs7a0hBOURVLHFCQUFxQjtzR0FBckIscUJBQXFCLHlUQW9DZiwwQkFBMEIsUUFBVSwwQkFBMEIsNkJDaERqRixvdEJBYU07MkZERE8scUJBQXFCO2tCQUxqQyxTQUFTOytCQUNFLGtCQUFrQjs4QkFhNUIsU0FBUztzQkFEUixLQUFLO2dCQUlOLGNBQWM7c0JBRGIsS0FBSztnQkFLRixJQUFJO3NCQUZQLEtBQUs7O3NCQUNMLFdBQVc7dUJBQUMsT0FBTztnQkFVcEIsS0FBSztzQkFESixLQUFLO2dCQUlOLE9BQU87c0JBRE4sS0FBSztnQkFJTixNQUFNO3NCQURMLE1BQU07Z0JBSVAsYUFBYTtzQkFEWixNQUFNO2dCQUlQLFNBQVM7c0JBRFIsZUFBZTt1QkFBQywwQkFBMEIsRUFBRSxFQUFFLElBQUksRUFBRSwwQkFBMEIsRUFBRSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgQ29udGVudENoaWxkcmVuLCBFdmVudEVtaXR0ZXIsIEhvc3RCaW5kaW5nLCBJbnB1dCwgT25Jbml0LCBPdXRwdXQsIFF1ZXJ5TGlzdCwgVGVtcGxhdGVSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcclxuaW1wb3J0IHsgaXNEZWZpbmVkLCBUZW1wbGF0ZVJlZmVyZW5jZURpcmVjdGl2ZSB9IGZyb20gJ25neC1zZmMtY29tbW9uJztcclxuaW1wb3J0IHsgSU5vdGlmaWNhdGlvbkF1dG9DbG9zZU1vZGVsIH0gZnJvbSAnLi9ub3RpZmljYXRpb24tYXV0by1jbG9zZS5tb2RlbCc7XHJcbmltcG9ydCB7IE5vdGlmaWNhdGlvblRlbXBsYXRlIH0gZnJvbSAnLi9lbnVtcy9ub3RpZmljYXRpb24tdGVtcGxhdGUuZW51bSc7XHJcbmltcG9ydCB7IE5vdGlmaWNhdGlvblR5cGUgfSBmcm9tICcuL2VudW1zL25vdGlmaWNhdGlvbi10eXBlLmVudW0nO1xyXG5pbXBvcnQgeyBJTm90aWZpY2F0aW9uQ29udGVudE1vZGVsIH0gZnJvbSAnLi9wYXJ0cy9jb250ZW50L25vdGlmaWNhdGlvbi1jb250ZW50Lm1vZGVsJztcclxuXHJcbkBDb21wb25lbnQoe1xyXG4gIHNlbGVjdG9yOiAnc2ZjLW5vdGlmaWNhdGlvbicsXHJcbiAgdGVtcGxhdGVVcmw6ICcuL25vdGlmaWNhdGlvbi5jb21wb25lbnQuaHRtbCcsXHJcbiAgc3R5bGVVcmxzOiBbJy4vbm90aWZpY2F0aW9uLmNvbXBvbmVudC5zY3NzJ11cclxufSlcclxuZXhwb3J0IGNsYXNzIE5vdGlmaWNhdGlvbkNvbXBvbmVudCBpbXBsZW1lbnRzIE9uSW5pdCB7XHJcblxyXG4gIHByaXZhdGUgcmVhZG9ubHkgQVVUT19DTE9TRV9JTlRFUlZBTF9ERUZBVUxUID0gNTAwMDtcclxuXHJcbiAgcmVhZG9ubHkgREVTVFJPWV9IT1NUX0lOVEVSVkFMID0gNTAwO1xyXG5cclxuICBOb3RpZmljYXRpb25UZW1wbGF0ZSA9IE5vdGlmaWNhdGlvblRlbXBsYXRlO1xyXG5cclxuICBASW5wdXQoKVxyXG4gIHNob3dDbG9zZTogYm9vbGVhbiA9IHRydWU7XHJcblxyXG4gIEBJbnB1dCgpXHJcbiAgYXV0b0Nsb3NlTW9kZWw6IElOb3RpZmljYXRpb25BdXRvQ2xvc2VNb2RlbCA9IHsgZW5hYmxlZDogZmFsc2UsIGludGVydmFsOiB0aGlzLkFVVE9fQ0xPU0VfSU5URVJWQUxfREVGQVVMVCB9O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIEBIb3N0QmluZGluZygnY2xhc3MnKVxyXG4gIGdldCB0eXBlKCk6IE5vdGlmaWNhdGlvblR5cGUge1xyXG4gICAgcmV0dXJuIHRoaXMubW9kZWwudHlwZSA/PyB0aGlzLl90eXBlO1xyXG4gIH07XHJcbiAgc2V0IHR5cGUodmFsdWU6IE5vdGlmaWNhdGlvblR5cGUpIHtcclxuICAgIHRoaXMuX3R5cGUgPSB2YWx1ZTtcclxuICB9XHJcbiAgcHJpdmF0ZSBfdHlwZTogTm90aWZpY2F0aW9uVHlwZSA9IE5vdGlmaWNhdGlvblR5cGUuSW5mbztcclxuXHJcbiAgQElucHV0KClcclxuICBtb2RlbDogSU5vdGlmaWNhdGlvbkNvbnRlbnRNb2RlbCA9IHsgc2hvd0J1dHRvbjogdHJ1ZSB9O1xyXG5cclxuICBASW5wdXQoKVxyXG4gIGNvbnRlbnQ/OiBUZW1wbGF0ZVJlZjxhbnk+O1xyXG5cclxuICBAT3V0cHV0KClcclxuICBjbG9zZWQ6IEV2ZW50RW1pdHRlcjxJTm90aWZpY2F0aW9uQ29udGVudE1vZGVsPiA9IG5ldyBFdmVudEVtaXR0ZXI8SU5vdGlmaWNhdGlvbkNvbnRlbnRNb2RlbD4oKTtcclxuXHJcbiAgQE91dHB1dCgpXHJcbiAgYnV0dG9uQ2xpY2tlZDogRXZlbnRFbWl0dGVyPHZvaWQ+ID0gbmV3IEV2ZW50RW1pdHRlcjx2b2lkPigpO1xyXG5cclxuICBAQ29udGVudENoaWxkcmVuKFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlLCB7IHJlYWQ6IFRlbXBsYXRlUmVmZXJlbmNlRGlyZWN0aXZlIH0pXHJcbiAgdGVtcGxhdGVzOiBRdWVyeUxpc3Q8VGVtcGxhdGVSZWZlcmVuY2VEaXJlY3RpdmU+IHwgdW5kZWZpbmVkO1xyXG5cclxuICBkZXN0cm95OiBib29sZWFuID0gZmFsc2U7XHJcblxyXG4gIHNob3c6IGJvb2xlYW4gPSBmYWxzZTtcclxuXHJcbiAgbmdPbkluaXQoKTogdm9pZCB7XHJcbiAgICBpZiAoIWlzRGVmaW5lZCh0aGlzLmF1dG9DbG9zZU1vZGVsLmludGVydmFsKSlcclxuICAgICAgdGhpcy5hdXRvQ2xvc2VNb2RlbC5pbnRlcnZhbCA9IHRoaXMuQVVUT19DTE9TRV9JTlRFUlZBTF9ERUZBVUxUO1xyXG5cclxuICAgIGlmICh0aGlzLmF1dG9DbG9zZU1vZGVsLmVuYWJsZWQpXHJcbiAgICAgIHNldFRpbWVvdXQoKCkgPT4ge1xyXG4gICAgICAgIGlmICh0aGlzLnNob3cpIHtcclxuICAgICAgICAgIHRoaXMuY2xvc2UoKTtcclxuICAgICAgICB9XHJcbiAgICAgIH0sIHRoaXMuYXV0b0Nsb3NlTW9kZWwuaW50ZXJ2YWwpO1xyXG5cclxuICAgIC8vIGZvciBhbmltYXRpb24gcHVycG9zZVxyXG4gICAgc2V0VGltZW91dCgoKSA9PiB0aGlzLnNob3cgPSB0cnVlKTtcclxuICB9XHJcblxyXG4gIGNsb3NlKCkge1xyXG4gICAgdGhpcy5zaG93ID0gZmFsc2U7XHJcbiAgICB0aGlzLmRlc3Ryb3kgPSB0cnVlO1xyXG4gICAgdGhpcy5jbG9zZWQuZW1pdCh0aGlzLm1vZGVsKTtcclxuICB9XHJcbn1cclxuIiwiPGRpdiBjbGFzcz1cImNvbnRhaW5lclwiIFtzZmNEZXN0cm95UGFyZW50XT1cImRlc3Ryb3lcIiBbZGVsYXldPVwiREVTVFJPWV9IT1NUX0lOVEVSVkFMXCI+XHJcbiAgICA8ZGl2IGNsYXNzPVwibm90aWZpY2F0aW9uXCIgW3NmY1Nob3dIaWRlRWxlbWVudF09XCJzaG93XCI+XHJcbiAgICAgICAgPHNmYy1jbG9zZSAqbmdJZj1cInNob3dDbG9zZVwiIChjbGljayk9XCJjbG9zZSgpXCI+PC9zZmMtY2xvc2U+XHJcblxyXG4gICAgICAgIDxzZmMtdGVtcGxhdGUtY29udGVudCBbcmVmZXJlbmNlQ29udGVudF09XCJjb250ZW50XCIgW3RlbXBsYXRlc0NvbnRlbnRdPVwidGVtcGxhdGVzXCJcclxuICAgICAgICAgICAgW3RlbXBsYXRlVHlwZV09XCJOb3RpZmljYXRpb25UZW1wbGF0ZS5Db250ZW50XCIgW2RlZmF1bHRDb250ZW50XT1cImRlZmF1bHRDb250ZW50XCI+XHJcbiAgICAgICAgPC9zZmMtdGVtcGxhdGUtY29udGVudD5cclxuXHJcbiAgICAgICAgPG5nLXRlbXBsYXRlICNkZWZhdWx0Q29udGVudD5cclxuICAgICAgICAgICAgPHNmYy1ub3RpZmljYXRpb24tY29udGVudCBbdHlwZV09XCJ0eXBlXCIgW21vZGVsXT1cIm1vZGVsXCIgKGJ1dHRvbkNsaWNrZWQpPVwiYnV0dG9uQ2xpY2tlZC5lbWl0KClcIj5cclxuICAgICAgICAgICAgPC9zZmMtbm90aWZpY2F0aW9uLWNvbnRlbnQ+XHJcbiAgICAgICAgPC9uZy10ZW1wbGF0ZT5cclxuICAgIDwvZGl2PlxyXG48L2Rpdj4iXX0=
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
export {};
|
|
2
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
2
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibm90aWZpY2F0aW9uLWNvbnRlbnQubW9kZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZ3gtc2ZjLWNvbXBvbmVudHMvc3JjL2xpYi9jb21wb25lbnRzL25vdGlmaWNhdGlvbi9wYXJ0cy9jb250ZW50L25vdGlmaWNhdGlvbi1jb250ZW50Lm1vZGVsLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBJY29uRGVmaW5pdGlvbiB9IGZyb20gXCJAZm9ydGF3ZXNvbWUvZnJlZS1zb2xpZC1zdmctaWNvbnNcIjtcclxuaW1wb3J0IHsgTm90aWZpY2F0aW9uVHlwZSB9IGZyb20gXCIuLi8uLi9lbnVtcy9ub3RpZmljYXRpb24tdHlwZS5lbnVtXCI7XHJcblxyXG5leHBvcnQgaW50ZXJmYWNlIElOb3RpZmljYXRpb25Db250ZW50TW9kZWwge1xyXG4gICAgaWQ/OiBhbnk7XHJcbiAgICB0aXRsZT86IHN0cmluZztcclxuICAgIHN1YlRpdGxlPzogc3RyaW5nO1xyXG4gICAgc2hvd0J1dHRvbj86IGJvb2xlYW47XHJcbiAgICBidXR0b25UZXh0Pzogc3RyaW5nO1xyXG4gICAgaWNvbj86IEljb25EZWZpbml0aW9uO1xyXG4gICAgaW1hZ2U/OiBzdHJpbmc7XHJcbiAgICB0eXBlPzogTm90aWZpY2F0aW9uVHlwZTtcclxufVxyXG4iXX0=
|
|
@@ -1355,13 +1355,21 @@ class NotificationComponent {
|
|
|
1355
1355
|
this.NotificationTemplate = NotificationTemplate;
|
|
1356
1356
|
this.showClose = true;
|
|
1357
1357
|
this.autoCloseModel = { enabled: false, interval: this.AUTO_CLOSE_INTERVAL_DEFAULT };
|
|
1358
|
-
this.
|
|
1358
|
+
this._type = NotificationType.Info;
|
|
1359
1359
|
this.model = { showButton: true };
|
|
1360
1360
|
this.closed = new EventEmitter();
|
|
1361
1361
|
this.buttonClicked = new EventEmitter();
|
|
1362
1362
|
this.destroy = false;
|
|
1363
1363
|
this.show = false;
|
|
1364
1364
|
}
|
|
1365
|
+
get type() {
|
|
1366
|
+
var _a;
|
|
1367
|
+
return (_a = this.model.type) !== null && _a !== void 0 ? _a : this._type;
|
|
1368
|
+
}
|
|
1369
|
+
;
|
|
1370
|
+
set type(value) {
|
|
1371
|
+
this._type = value;
|
|
1372
|
+
}
|
|
1365
1373
|
ngOnInit() {
|
|
1366
1374
|
if (!isDefined(this.autoCloseModel.interval))
|
|
1367
1375
|
this.autoCloseModel.interval = this.AUTO_CLOSE_INTERVAL_DEFAULT;
|
|
@@ -1377,14 +1385,14 @@ class NotificationComponent {
|
|
|
1377
1385
|
close() {
|
|
1378
1386
|
this.show = false;
|
|
1379
1387
|
this.destroy = true;
|
|
1380
|
-
this.closed.emit();
|
|
1388
|
+
this.closed.emit(this.model);
|
|
1381
1389
|
}
|
|
1382
1390
|
}
|
|
1383
1391
|
NotificationComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
1384
|
-
NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NotificationComponent, selector: "sfc-notification", inputs: { showClose: "showClose", autoCloseModel: "autoCloseModel", type: "type", model: "model", content: "content" }, outputs: { closed: "closed", buttonClicked: "buttonClicked" }, host: { properties: { "class": "this.type" } }, queries: [{ propertyName: "templates", predicate: TemplateReferenceDirective, read: TemplateReferenceDirective }], ngImport: i0, template: "<div class=\"container\" [sfcDestroyParent]=\"destroy\" [delay]=\"DESTROY_HOST_INTERVAL\">\r\n <div class=\"notification\" [sfcShowHideElement]=\"show\">\r\n <sfc-close *ngIf=\"showClose\" (click)=\"close()\"></sfc-close>\r\n\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"NotificationTemplate.Content\" [defaultContent]=\"defaultContent\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultContent>\r\n <sfc-notification-content [type]=\"type\" [model]=\"model\" (buttonClicked)=\"buttonClicked.emit()\">\r\n </sfc-notification-content>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .notification{border-radius:1.25em;box-shadow:5px 5px 20px #656d78;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f5f7fa}:host .container .notification sfc-close{align-self:end}:host .container .notification ::ng-deep sfc-close{color:#f5f7fa}:host .container .notification ::ng-deep sfc-close:hover{color:#fff}:host.info .container .notification{background:linear-gradient(to bottom right,#4fc1e9 40%,#4a89dc 100%)}:host.success .container .notification{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4 100%)}:host.failed .container .notification{background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: ["sfcShowHideElement", "delay"] }, { kind: "directive", type: i1$1.DestroyParentDirective, selector: "[sfcDestroyParent]", inputs: ["sfcDestroyParent", "delay"] }, { kind: "component", type: i1$1.CloseComponent, selector: "sfc-close" }, { kind: "component", type: i1$1.TemplateContentComponent, selector: "sfc-template-content", inputs: ["contextData", "referenceContent", "templateType", "templatesContent", "defaultContent"] }, { kind: "component", type: NotificationContentComponent, selector: "sfc-notification-content", inputs: ["type", "model"], outputs: ["buttonClicked"] }] });
|
|
1392
|
+
NotificationComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "15.0.4", type: NotificationComponent, selector: "sfc-notification", inputs: { showClose: "showClose", autoCloseModel: "autoCloseModel", type: "type", model: "model", content: "content" }, outputs: { closed: "closed", buttonClicked: "buttonClicked" }, host: { properties: { "class": "this.type" } }, queries: [{ propertyName: "templates", predicate: TemplateReferenceDirective, read: TemplateReferenceDirective }], ngImport: i0, template: "<div class=\"container\" [sfcDestroyParent]=\"destroy\" [delay]=\"DESTROY_HOST_INTERVAL\">\r\n <div class=\"notification\" [sfcShowHideElement]=\"show\">\r\n <sfc-close *ngIf=\"showClose\" (click)=\"close()\"></sfc-close>\r\n\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"NotificationTemplate.Content\" [defaultContent]=\"defaultContent\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultContent>\r\n <sfc-notification-content [type]=\"type\" [model]=\"model\" (buttonClicked)=\"buttonClicked.emit()\">\r\n </sfc-notification-content>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{position:relative;z-index:9999;display:inline-block}:host .container .notification{border-radius:1.25em;box-shadow:5px 5px 20px #656d78;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f5f7fa}:host .container .notification sfc-close{align-self:end}:host .container .notification ::ng-deep sfc-close{color:#f5f7fa}:host .container .notification ::ng-deep sfc-close:hover{color:#fff}:host.info .container .notification{background:linear-gradient(to bottom right,#4fc1e9 40%,#4a89dc 100%)}:host.success .container .notification{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4 100%)}:host.failed .container .notification{background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "directive", type: i1$1.ShowHideElementDirective, selector: "[sfcShowHideElement]", inputs: ["sfcShowHideElement", "delay"] }, { kind: "directive", type: i1$1.DestroyParentDirective, selector: "[sfcDestroyParent]", inputs: ["sfcDestroyParent", "delay"] }, { kind: "component", type: i1$1.CloseComponent, selector: "sfc-close" }, { kind: "component", type: i1$1.TemplateContentComponent, selector: "sfc-template-content", inputs: ["contextData", "referenceContent", "templateType", "templatesContent", "defaultContent"] }, { kind: "component", type: NotificationContentComponent, selector: "sfc-notification-content", inputs: ["type", "model"], outputs: ["buttonClicked"] }] });
|
|
1385
1393
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "15.0.4", ngImport: i0, type: NotificationComponent, decorators: [{
|
|
1386
1394
|
type: Component,
|
|
1387
|
-
args: [{ selector: 'sfc-notification', template: "<div class=\"container\" [sfcDestroyParent]=\"destroy\" [delay]=\"DESTROY_HOST_INTERVAL\">\r\n <div class=\"notification\" [sfcShowHideElement]=\"show\">\r\n <sfc-close *ngIf=\"showClose\" (click)=\"close()\"></sfc-close>\r\n\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"NotificationTemplate.Content\" [defaultContent]=\"defaultContent\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultContent>\r\n <sfc-notification-content [type]=\"type\" [model]=\"model\" (buttonClicked)=\"buttonClicked.emit()\">\r\n </sfc-notification-content>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{display:inline-block}:host .container .notification{border-radius:1.25em;box-shadow:5px 5px 20px #656d78;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f5f7fa}:host .container .notification sfc-close{align-self:end}:host .container .notification ::ng-deep sfc-close{color:#f5f7fa}:host .container .notification ::ng-deep sfc-close:hover{color:#fff}:host.info .container .notification{background:linear-gradient(to bottom right,#4fc1e9 40%,#4a89dc 100%)}:host.success .container .notification{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4 100%)}:host.failed .container .notification{background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e 100%)}\n"] }]
|
|
1395
|
+
args: [{ selector: 'sfc-notification', template: "<div class=\"container\" [sfcDestroyParent]=\"destroy\" [delay]=\"DESTROY_HOST_INTERVAL\">\r\n <div class=\"notification\" [sfcShowHideElement]=\"show\">\r\n <sfc-close *ngIf=\"showClose\" (click)=\"close()\"></sfc-close>\r\n\r\n <sfc-template-content [referenceContent]=\"content\" [templatesContent]=\"templates\"\r\n [templateType]=\"NotificationTemplate.Content\" [defaultContent]=\"defaultContent\">\r\n </sfc-template-content>\r\n\r\n <ng-template #defaultContent>\r\n <sfc-notification-content [type]=\"type\" [model]=\"model\" (buttonClicked)=\"buttonClicked.emit()\">\r\n </sfc-notification-content>\r\n </ng-template>\r\n </div>\r\n</div>", styles: [":host{position:relative;z-index:9999;display:inline-block}:host .container .notification{border-radius:1.25em;box-shadow:5px 5px 20px #656d78;padding:1em;display:flex;justify-content:center;align-items:center;flex-direction:column;color:#f5f7fa}:host .container .notification sfc-close{align-self:end}:host .container .notification ::ng-deep sfc-close{color:#f5f7fa}:host .container .notification ::ng-deep sfc-close:hover{color:#fff}:host.info .container .notification{background:linear-gradient(to bottom right,#4fc1e9 40%,#4a89dc 100%)}:host.success .container .notification{background:linear-gradient(to bottom right,#b0db7d 40%,#99dbb4 100%)}:host.failed .container .notification{background:linear-gradient(to bottom left,#ef8d9c 40%,#ffc39e 100%)}\n"] }]
|
|
1388
1396
|
}], propDecorators: { showClose: [{
|
|
1389
1397
|
type: Input
|
|
1390
1398
|
}], autoCloseModel: [{
|