carbon-components-angular 3.17.3 → 3.17.4

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 (55) hide show
  1. package/combobox/combobox.module.ngfactory.js +4 -3
  2. package/combobox/combobox.module.ngsummary.json +1 -1
  3. package/docs/documentation/classes/NumberChange.html +1 -1
  4. package/docs/documentation/components/Dropdown.html +144 -70
  5. package/docs/documentation/components/Notification.html +52 -19
  6. package/docs/documentation/components/NumberComponent.html +4 -4
  7. package/docs/documentation/components/Toast.html +34 -29
  8. package/docs/documentation/coverage.html +4 -4
  9. package/docs/documentation/interfaces/NotificationContent.html +39 -0
  10. package/docs/documentation/interfaces/ToastContent.html +1 -0
  11. package/docs/documentation/js/menu-wc.js +1 -1
  12. package/docs/documentation/js/search/search_index.js +2 -2
  13. package/docs/documentation/modules/DropdownModule.html +3 -1
  14. package/docs/storybook/iframe.html +3 -3
  15. package/docs/storybook/index.html +1 -1
  16. package/docs/storybook/main.604029a81eeba7dfa6f2.bundle.js +1 -0
  17. package/docs/storybook/{main.edce6b8dbd74b486e13b.bundle.js → main.d185cd03d35d1c8840ae.bundle.js} +85 -31
  18. package/docs/storybook/main.d185cd03d35d1c8840ae.bundle.js.map +1 -0
  19. package/docs/storybook/{runtime~main.edce6b8dbd74b486e13b.bundle.js → runtime~main.d185cd03d35d1c8840ae.bundle.js} +1 -1
  20. package/docs/storybook/{runtime~main.edce6b8dbd74b486e13b.bundle.js.map → runtime~main.d185cd03d35d1c8840ae.bundle.js.map} +1 -1
  21. package/docs/storybook/{vendors~main.edce6b8dbd74b486e13b.bundle.js → vendors~main.d185cd03d35d1c8840ae.bundle.js} +1 -1
  22. package/docs/storybook/{vendors~main.edce6b8dbd74b486e13b.bundle.js.map → vendors~main.d185cd03d35d1c8840ae.bundle.js.map} +1 -1
  23. package/docs/storybook/{vendors~main.3867fd102613e5004ee8.bundle.js → vendors~main.ffd26d1a4b0f598e04d1.bundle.js} +15 -15
  24. package/dropdown/dropdown.component.d.ts +8 -0
  25. package/dropdown/dropdown.component.js +11 -1
  26. package/dropdown/dropdown.component.js.map +1 -1
  27. package/dropdown/dropdown.component.metadata.json +1 -1
  28. package/dropdown/dropdown.component.ngfactory.js +15 -12
  29. package/dropdown/dropdown.component.ngfactory.js.map +1 -1
  30. package/dropdown/dropdown.component.ngsummary.json +1 -1
  31. package/dropdown/dropdown.module.js +3 -1
  32. package/dropdown/dropdown.module.js.map +1 -1
  33. package/dropdown/dropdown.module.metadata.json +1 -1
  34. package/dropdown/dropdown.module.ngfactory.js +2 -1
  35. package/dropdown/dropdown.module.ngfactory.js.map +1 -1
  36. package/dropdown/dropdown.module.ngsummary.json +1 -1
  37. package/notification/notification-content.interface.d.ts +1 -0
  38. package/notification/notification-content.interface.js.map +1 -1
  39. package/notification/notification.component.d.ts +2 -0
  40. package/notification/notification.component.js +9 -1
  41. package/notification/notification.component.js.map +1 -1
  42. package/notification/notification.component.metadata.json +1 -1
  43. package/notification/notification.component.ngfactory.js +3 -2
  44. package/notification/notification.component.ngfactory.js.map +1 -1
  45. package/notification/notification.module.ngfactory.js.map +1 -1
  46. package/notification/toast.component.js +3 -1
  47. package/notification/toast.component.js.map +1 -1
  48. package/notification/toast.component.metadata.json +1 -1
  49. package/notification/toast.component.ngfactory.js +6 -5
  50. package/notification/toast.component.ngfactory.js.map +1 -1
  51. package/number-input/number.component.js +1 -1
  52. package/number-input/number.component.js.map +1 -1
  53. package/package.json +3 -3
  54. package/docs/storybook/main.51fd4ec04666087c08cd.bundle.js +0 -1
  55. package/docs/storybook/main.edce6b8dbd74b486e13b.bundle.js.map +0 -1
@@ -1 +1 @@
1
- {"version":3,"file":"dropdown.module.ngfactory.js","sourceRoot":"","sources":["../src/dropdown/dropdown.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './dropdown.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/forms';\nimport * as i4 from '../placeholder/placeholder.component';\nimport * as i5 from '@carbon/icons-angular/lib/chevron--down/16';\nimport * as i6 from './dropdown.component';\nimport * as i7 from './list/dropdown-list.component';\nimport * as i8 from './scrollable-list.directive';\nimport * as i9 from '../i18n/replace.pipe';\nimport * as i10 from '../i18n/i18n.module';\nimport * as i11 from '../placeholder/placeholder.module';\nexport const DropdownModuleNgFactory:i0.NgModuleFactory<i1.DropdownModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.ɵangular_packages_forms_forms_bg = (<any>(null as any));\nvar _decl0_12:i3.NgSelectOption = (<any>(null as any));\nvar _decl0_13:i3.ɵangular_packages_forms_forms_r = (<any>(null as any));\nvar _decl0_14:i3.DefaultValueAccessor = (<any>(null as any));\nvar _decl0_15:i3.ɵangular_packages_forms_forms_bd = (<any>(null as any));\nvar _decl0_16:i3.ɵangular_packages_forms_forms_bf = (<any>(null as any));\nvar _decl0_17:i3.CheckboxControlValueAccessor = (<any>(null as any));\nvar _decl0_18:i3.SelectControlValueAccessor = (<any>(null as any));\nvar _decl0_19:i3.SelectMultipleControlValueAccessor = (<any>(null as any));\nvar _decl0_20:i3.RadioControlValueAccessor = (<any>(null as any));\nvar _decl0_21:i3.NgControlStatus = (<any>(null as any));\nvar _decl0_22:i3.NgControlStatusGroup = (<any>(null as any));\nvar _decl0_23:i3.RequiredValidator = (<any>(null as any));\nvar _decl0_24:i3.MinLengthValidator = (<any>(null as any));\nvar _decl0_25:i3.MaxLengthValidator = (<any>(null as any));\nvar _decl0_26:i3.PatternValidator = (<any>(null as any));\nvar _decl0_27:i3.CheckboxRequiredValidator = (<any>(null as any));\nvar _decl0_28:i3.EmailValidator = (<any>(null as any));\nvar _decl0_29:i3.NgModel = (<any>(null as any));\nvar _decl0_30:i3.NgModelGroup = (<any>(null as any));\nvar _decl0_31:i3.NgForm = (<any>(null as any));\nvar _decl0_32:i4.Placeholder = (<any>(null as any));\nvar _decl0_33:i5.ChevronDown16 = (<any>(null as any));\nvar _decl0_34:i5.ChevronDown16Directive = (<any>(null as any));\nvar _decl0_35:i6.Dropdown = (<any>(null as any));\nvar _decl0_36:i7.DropdownList = (<any>(null as any));\nvar _decl0_37:i8.ScrollableList = (<any>(null as any));\nvar _decl0_38:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_39:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_40:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_41:i2.JsonPipe = (<any>(null as any));\nvar _decl0_42:i2.SlicePipe = (<any>(null as any));\nvar _decl0_43:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_44:i2.PercentPipe = (<any>(null as any));\nvar _decl0_45:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_46:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_47:i2.DatePipe = (<any>(null as any));\nvar _decl0_48:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_49:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_50:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_51:i9.ReplacePipe = (<any>(null as any));\nvar _decl0_52:i2.CommonModule = (<any>(null as any));\nvar _decl0_53:i3.FormsModule = (<any>(null as any));\nvar _decl0_54:i10.I18nModule = (<any>(null as any));\nvar _decl0_55:i11.PlaceholderModule = (<any>(null as any));\nvar _decl0_56:i5.ChevronDown16Module = (<any>(null as any));\nvar _decl0_57:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_58:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Dropdown_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Dropdown_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_35.label;\n currVal_0;\n const currVal_1:any = _decl0_35.helperText;\n currVal_1;\n const currVal_2:any = 'bx--dropdown bx--list-box';\n currVal_2;\n const currVal_3:any = (<any>{'bx--dropdown--light':(_decl0_35.theme === 'light'),\n 'bx--list-box--inline':_decl0_35.inline,'bx--skeleton':_decl0_35.skeleton,'bx--dropdown--disabled bx--list-box--disabled':_decl0_35.disabled});\n currVal_3;\n const currVal_4:any = _decl0_35.id;\n currVal_4;\n const currVal_5:any = 'bx--list-box__field';\n currVal_5;\n const currVal_6:any = (<any>{'a':!_decl0_35.menuIsClosed});\n currVal_6;\n const currVal_7:any = !_decl0_35.menuIsClosed;\n currVal_7;\n const currVal_8:any = _decl0_35.disabled;\n currVal_8;\n const currVal_9:any = _decl0_35.disabled;\n currVal_9;\n const currVal_10:any = ((_decl0_35.type === 'multi') && (_decl0_35.getSelectedCount() > 0));\n currVal_10;\n const currVal_11:any = _decl0_35.isRenderString();\n currVal_11;\n const currVal_12:any = !_decl0_35.isRenderString();\n currVal_12;\n const currVal_13:any = !_decl0_35.skeleton;\n currVal_13;\n const currVal_14:any = (<any>{'drop-up':_decl0_35.dropUp});\n currVal_14;\n const currVal_15:any = !_decl0_35.menuIsClosed;\n currVal_15;\n const pd_16:any = ((<any>_decl0_35.toggleMenu()) !== false);\n const pd_17:any = ((<any>_decl0_35.onBlur()) !== false);\n}\nfunction _View_DropdownList_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_DropdownList_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_36.ariaLabel;\n currVal_0;\n const currVal_1:any = _decl0_36.displayItems;\n currVal_1;\n}\n"]}
1
+ {"version":3,"file":"dropdown.module.ngfactory.js","sourceRoot":"","sources":["../src/dropdown/dropdown.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './dropdown.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@angular/forms';\nimport * as i4 from '../placeholder/placeholder.component';\nimport * as i5 from '@carbon/icons-angular/lib/chevron--down/16';\nimport * as i6 from '@carbon/icons-angular/lib/warning--filled/16';\nimport * as i7 from './dropdown.component';\nimport * as i8 from './list/dropdown-list.component';\nimport * as i9 from './scrollable-list.directive';\nimport * as i10 from '../i18n/replace.pipe';\nimport * as i11 from '../i18n/i18n.module';\nimport * as i12 from '../placeholder/placeholder.module';\nexport const DropdownModuleNgFactory:i0.NgModuleFactory<i1.DropdownModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.ɵangular_packages_forms_forms_bg = (<any>(null as any));\nvar _decl0_12:i3.NgSelectOption = (<any>(null as any));\nvar _decl0_13:i3.ɵangular_packages_forms_forms_r = (<any>(null as any));\nvar _decl0_14:i3.DefaultValueAccessor = (<any>(null as any));\nvar _decl0_15:i3.ɵangular_packages_forms_forms_bd = (<any>(null as any));\nvar _decl0_16:i3.ɵangular_packages_forms_forms_bf = (<any>(null as any));\nvar _decl0_17:i3.CheckboxControlValueAccessor = (<any>(null as any));\nvar _decl0_18:i3.SelectControlValueAccessor = (<any>(null as any));\nvar _decl0_19:i3.SelectMultipleControlValueAccessor = (<any>(null as any));\nvar _decl0_20:i3.RadioControlValueAccessor = (<any>(null as any));\nvar _decl0_21:i3.NgControlStatus = (<any>(null as any));\nvar _decl0_22:i3.NgControlStatusGroup = (<any>(null as any));\nvar _decl0_23:i3.RequiredValidator = (<any>(null as any));\nvar _decl0_24:i3.MinLengthValidator = (<any>(null as any));\nvar _decl0_25:i3.MaxLengthValidator = (<any>(null as any));\nvar _decl0_26:i3.PatternValidator = (<any>(null as any));\nvar _decl0_27:i3.CheckboxRequiredValidator = (<any>(null as any));\nvar _decl0_28:i3.EmailValidator = (<any>(null as any));\nvar _decl0_29:i3.NgModel = (<any>(null as any));\nvar _decl0_30:i3.NgModelGroup = (<any>(null as any));\nvar _decl0_31:i3.NgForm = (<any>(null as any));\nvar _decl0_32:i4.Placeholder = (<any>(null as any));\nvar _decl0_33:i5.ChevronDown16 = (<any>(null as any));\nvar _decl0_34:i5.ChevronDown16Directive = (<any>(null as any));\nvar _decl0_35:i6.WarningFilled16 = (<any>(null as any));\nvar _decl0_36:i6.WarningFilled16Directive = (<any>(null as any));\nvar _decl0_37:i7.Dropdown = (<any>(null as any));\nvar _decl0_38:i8.DropdownList = (<any>(null as any));\nvar _decl0_39:i9.ScrollableList = (<any>(null as any));\nvar _decl0_40:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_41:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_42:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_43:i2.JsonPipe = (<any>(null as any));\nvar _decl0_44:i2.SlicePipe = (<any>(null as any));\nvar _decl0_45:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_46:i2.PercentPipe = (<any>(null as any));\nvar _decl0_47:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_48:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_49:i2.DatePipe = (<any>(null as any));\nvar _decl0_50:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_51:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_52:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_53:i10.ReplacePipe = (<any>(null as any));\nvar _decl0_54:i2.CommonModule = (<any>(null as any));\nvar _decl0_55:i3.FormsModule = (<any>(null as any));\nvar _decl0_56:i11.I18nModule = (<any>(null as any));\nvar _decl0_57:i12.PlaceholderModule = (<any>(null as any));\nvar _decl0_58:i5.ChevronDown16Module = (<any>(null as any));\nvar _decl0_59:i6.WarningFilled16Module = (<any>(null as any));\nvar _decl0_60:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_61:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Dropdown_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Dropdown_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_37.label;\n currVal_0;\n const currVal_1:any = _decl0_37.helperText;\n currVal_1;\n const currVal_2:any = 'bx--dropdown bx--list-box';\n currVal_2;\n const currVal_3:any = (<any>{'bx--dropdown--light':(_decl0_37.theme === 'light'),\n 'bx--list-box--inline':_decl0_37.inline,'bx--skeleton':_decl0_37.skeleton,'bx--dropdown--disabled bx--list-box--disabled':_decl0_37.disabled,\n 'bx--dropdown--invalid':_decl0_37.invalid});\n currVal_3;\n const currVal_4:any = _decl0_37.id;\n currVal_4;\n const currVal_5:any = 'bx--list-box__field';\n currVal_5;\n const currVal_6:any = (<any>{'a':!_decl0_37.menuIsClosed});\n currVal_6;\n const currVal_7:any = !_decl0_37.menuIsClosed;\n currVal_7;\n const currVal_8:any = _decl0_37.disabled;\n currVal_8;\n const currVal_9:any = _decl0_37.disabled;\n currVal_9;\n const currVal_10:any = ((_decl0_37.type === 'multi') && (_decl0_37.getSelectedCount() > 0));\n currVal_10;\n const currVal_11:any = _decl0_37.isRenderString();\n currVal_11;\n const currVal_12:any = !_decl0_37.isRenderString();\n currVal_12;\n const currVal_13:any = _decl0_37.invalid;\n currVal_13;\n const currVal_14:any = !_decl0_37.skeleton;\n currVal_14;\n const currVal_15:any = (<any>{'drop-up':_decl0_37.dropUp});\n currVal_15;\n const currVal_16:any = !_decl0_37.menuIsClosed;\n currVal_16;\n const currVal_17:any = _decl0_37.invalid;\n currVal_17;\n const pd_18:any = ((<any>_decl0_37.toggleMenu()) !== false);\n const pd_19:any = ((<any>_decl0_37.onBlur()) !== false);\n}\nfunction _View_DropdownList_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_DropdownList_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = _decl0_38.ariaLabel;\n currVal_0;\n const currVal_1:any = _decl0_38.displayItems;\n currVal_1;\n}\n"]}
@@ -1 +1 @@
1
- {"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbol":1,"members":[]}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbol":3,"members":[]}},{"symbol":{"__symbol":4,"members":[]},"metadata":{"__symbol":5,"members":[]}},{"symbol":{"__symbol":6,"members":[]},"metadata":{"__symbol":7,"members":[]}},{"symbol":{"__symbol":8,"members":[]},"metadata":{"__symbol":9,"members":[]}},{"symbol":{"__symbol":10,"members":[]},"metadata":{"__symbol":11,"members":[]}},{"symbol":{"__symbol":12,"members":[]},"metadata":{"__symbolic":"class"},"type":{"summaryKind":2,"type":{"reference":{"__symbol":12,"members":[]},"diDeps":[],"lifecycleHooks":[]},"entryComponents":[],"providers":[{"provider":{"token":{"identifier":{"reference":{"__symbol":13,"members":[]}}},"useClass":{"reference":{"__symbol":14,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":15,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":16,"members":[]}}}}],"lifecycleHooks":[]},"useFactory":null,"deps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":15,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":16,"members":[]}}}}],"multi":false},"module":{"reference":{"__symbol":17,"members":[]},"diDeps":[],"lifecycleHooks":[]}},{"provider":{"token":{"identifier":{"reference":{"__symbol":18,"members":[]},"diDeps":[],"lifecycleHooks":[]}},"useClass":{"reference":{"__symbol":18,"members":[]},"diDeps":[],"lifecycleHooks":[]},"useFactory":null,"deps":[],"multi":false},"module":{"reference":{"__symbol":19,"members":[]},"diDeps":[],"lifecycleHooks":[]}},{"provider":{"token":{"identifier":{"reference":{"__symbol":20,"members":[]},"diDeps":[],"lifecycleHooks":[]}},"useClass":{"reference":{"__symbol":20,"members":[]},"diDeps":[],"lifecycleHooks":[]},"useFactory":null,"deps":[],"multi":false},"module":{"reference":{"__symbol":21,"members":[]},"diDeps":[],"lifecycleHooks":[]}},{"provider":{"token":{"identifier":{"reference":{"__symbol":20,"members":[]}}},"useClass":null,"useFactory":{"reference":{"__symbol":22,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":true,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":20,"members":[]}}}}]},"deps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":true,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":20,"members":[]}}}}],"multi":false},"module":{"reference":{"__symbol":21,"members":[]},"diDeps":[],"lifecycleHooks":[]}},{"provider":{"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}},"useClass":null,"useFactory":{"reference":{"__symbol":24,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":true,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}}}]},"deps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":true,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}}}],"multi":false},"module":{"reference":{"__symbol":25,"members":[]},"diDeps":[],"lifecycleHooks":[]}},{"provider":{"token":{"identifier":{"reference":{"__symbol":11,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}}}],"lifecycleHooks":[]}},"useClass":{"reference":{"__symbol":11,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}}}],"lifecycleHooks":[]},"useFactory":null,"deps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}}}],"multi":false},"module":{"reference":{"__symbol":12,"members":[]},"diDeps":[],"lifecycleHooks":[]}}],"modules":[{"reference":{"__symbol":17,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":26,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":19,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":21,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":25,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":27,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":12,"members":[]},"diDeps":[],"lifecycleHooks":[]}],"exportedDirectives":[{"reference":{"__symbol":1,"members":[]}},{"reference":{"__symbol":3,"members":[]}},{"reference":{"__symbol":5,"members":[]}}],"exportedPipes":[]}}],"symbols":[{"__symbol":0,"name":"Dropdown","filePath":"./dropdown.module"},{"__symbol":1,"name":"Dropdown","filePath":"./dropdown.component"},{"__symbol":2,"name":"DropdownList","filePath":"./dropdown.module"},{"__symbol":3,"name":"DropdownList","filePath":"./list/dropdown-list.component"},{"__symbol":4,"name":"ScrollableList","filePath":"./dropdown.module"},{"__symbol":5,"name":"ScrollableList","filePath":"./scrollable-list.directive"},{"__symbol":6,"name":"AbstractDropdownView","filePath":"./dropdown.module"},{"__symbol":7,"name":"AbstractDropdownView","filePath":"./abstract-dropdown-view.class"},{"__symbol":8,"name":"ListItem","filePath":"./dropdown.module"},{"__symbol":9,"name":"ListItem","filePath":"./list-item.interface"},{"__symbol":10,"name":"DropdownService","filePath":"./dropdown.module"},{"__symbol":11,"name":"DropdownService","filePath":"./dropdown.service"},{"__symbol":12,"name":"DropdownModule","filePath":"./dropdown.module"},{"__symbol":13,"name":"NgLocalization","filePath":"@angular/common"},{"__symbol":14,"name":"NgLocaleLocalization","filePath":"@angular/common"},{"__symbol":15,"name":"LOCALE_ID","filePath":"@angular/core"},{"__symbol":16,"name":"ɵangular_packages_common_common_a","filePath":"@angular/common"},{"__symbol":17,"name":"CommonModule","filePath":"@angular/common"},{"__symbol":18,"name":"ɵangular_packages_forms_forms_i","filePath":"@angular/forms"},{"__symbol":19,"name":"FormsModule","filePath":"@angular/forms"},{"__symbol":20,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":21,"name":"I18nModule","filePath":"../i18n/i18n.module"},{"__symbol":22,"name":"I18N_SERVICE_PROVIDER_FACTORY","filePath":"../i18n/i18n.module"},{"__symbol":23,"name":"PlaceholderService","filePath":"../placeholder/placeholder.service"},{"__symbol":24,"name":"PLACEHOLDER_SERVICE_PROVIDER_FACTORY","filePath":"../placeholder/placeholder.module"},{"__symbol":25,"name":"PlaceholderModule","filePath":"../placeholder/placeholder.module"},{"__symbol":26,"name":"ɵangular_packages_forms_forms_bb","filePath":"@angular/forms"},{"__symbol":27,"name":"ChevronDown16Module","filePath":"@carbon/icons-angular/lib/chevron--down/16"}]}
1
+ {"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbol":1,"members":[]}},{"symbol":{"__symbol":2,"members":[]},"metadata":{"__symbol":3,"members":[]}},{"symbol":{"__symbol":4,"members":[]},"metadata":{"__symbol":5,"members":[]}},{"symbol":{"__symbol":6,"members":[]},"metadata":{"__symbol":7,"members":[]}},{"symbol":{"__symbol":8,"members":[]},"metadata":{"__symbol":9,"members":[]}},{"symbol":{"__symbol":10,"members":[]},"metadata":{"__symbol":11,"members":[]}},{"symbol":{"__symbol":12,"members":[]},"metadata":{"__symbolic":"class"},"type":{"summaryKind":2,"type":{"reference":{"__symbol":12,"members":[]},"diDeps":[],"lifecycleHooks":[]},"entryComponents":[],"providers":[{"provider":{"token":{"identifier":{"reference":{"__symbol":13,"members":[]}}},"useClass":{"reference":{"__symbol":14,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":15,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":16,"members":[]}}}}],"lifecycleHooks":[]},"useFactory":null,"deps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":15,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":16,"members":[]}}}}],"multi":false},"module":{"reference":{"__symbol":17,"members":[]},"diDeps":[],"lifecycleHooks":[]}},{"provider":{"token":{"identifier":{"reference":{"__symbol":18,"members":[]},"diDeps":[],"lifecycleHooks":[]}},"useClass":{"reference":{"__symbol":18,"members":[]},"diDeps":[],"lifecycleHooks":[]},"useFactory":null,"deps":[],"multi":false},"module":{"reference":{"__symbol":19,"members":[]},"diDeps":[],"lifecycleHooks":[]}},{"provider":{"token":{"identifier":{"reference":{"__symbol":20,"members":[]},"diDeps":[],"lifecycleHooks":[]}},"useClass":{"reference":{"__symbol":20,"members":[]},"diDeps":[],"lifecycleHooks":[]},"useFactory":null,"deps":[],"multi":false},"module":{"reference":{"__symbol":21,"members":[]},"diDeps":[],"lifecycleHooks":[]}},{"provider":{"token":{"identifier":{"reference":{"__symbol":20,"members":[]}}},"useClass":null,"useFactory":{"reference":{"__symbol":22,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":true,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":20,"members":[]}}}}]},"deps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":true,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":20,"members":[]}}}}],"multi":false},"module":{"reference":{"__symbol":21,"members":[]},"diDeps":[],"lifecycleHooks":[]}},{"provider":{"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}},"useClass":null,"useFactory":{"reference":{"__symbol":24,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":true,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}}}]},"deps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":true,"isOptional":true,"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}}}],"multi":false},"module":{"reference":{"__symbol":25,"members":[]},"diDeps":[],"lifecycleHooks":[]}},{"provider":{"token":{"identifier":{"reference":{"__symbol":11,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}}}],"lifecycleHooks":[]}},"useClass":{"reference":{"__symbol":11,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}}}],"lifecycleHooks":[]},"useFactory":null,"deps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":23,"members":[]}}}}],"multi":false},"module":{"reference":{"__symbol":12,"members":[]},"diDeps":[],"lifecycleHooks":[]}}],"modules":[{"reference":{"__symbol":17,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":26,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":19,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":21,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":25,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":27,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":28,"members":[]},"diDeps":[],"lifecycleHooks":[]},{"reference":{"__symbol":12,"members":[]},"diDeps":[],"lifecycleHooks":[]}],"exportedDirectives":[{"reference":{"__symbol":1,"members":[]}},{"reference":{"__symbol":3,"members":[]}},{"reference":{"__symbol":5,"members":[]}}],"exportedPipes":[]}}],"symbols":[{"__symbol":0,"name":"Dropdown","filePath":"./dropdown.module"},{"__symbol":1,"name":"Dropdown","filePath":"./dropdown.component"},{"__symbol":2,"name":"DropdownList","filePath":"./dropdown.module"},{"__symbol":3,"name":"DropdownList","filePath":"./list/dropdown-list.component"},{"__symbol":4,"name":"ScrollableList","filePath":"./dropdown.module"},{"__symbol":5,"name":"ScrollableList","filePath":"./scrollable-list.directive"},{"__symbol":6,"name":"AbstractDropdownView","filePath":"./dropdown.module"},{"__symbol":7,"name":"AbstractDropdownView","filePath":"./abstract-dropdown-view.class"},{"__symbol":8,"name":"ListItem","filePath":"./dropdown.module"},{"__symbol":9,"name":"ListItem","filePath":"./list-item.interface"},{"__symbol":10,"name":"DropdownService","filePath":"./dropdown.module"},{"__symbol":11,"name":"DropdownService","filePath":"./dropdown.service"},{"__symbol":12,"name":"DropdownModule","filePath":"./dropdown.module"},{"__symbol":13,"name":"NgLocalization","filePath":"@angular/common"},{"__symbol":14,"name":"NgLocaleLocalization","filePath":"@angular/common"},{"__symbol":15,"name":"LOCALE_ID","filePath":"@angular/core"},{"__symbol":16,"name":"ɵangular_packages_common_common_a","filePath":"@angular/common"},{"__symbol":17,"name":"CommonModule","filePath":"@angular/common"},{"__symbol":18,"name":"ɵangular_packages_forms_forms_i","filePath":"@angular/forms"},{"__symbol":19,"name":"FormsModule","filePath":"@angular/forms"},{"__symbol":20,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":21,"name":"I18nModule","filePath":"../i18n/i18n.module"},{"__symbol":22,"name":"I18N_SERVICE_PROVIDER_FACTORY","filePath":"../i18n/i18n.module"},{"__symbol":23,"name":"PlaceholderService","filePath":"../placeholder/placeholder.service"},{"__symbol":24,"name":"PLACEHOLDER_SERVICE_PROVIDER_FACTORY","filePath":"../placeholder/placeholder.module"},{"__symbol":25,"name":"PlaceholderModule","filePath":"../placeholder/placeholder.module"},{"__symbol":26,"name":"ɵangular_packages_forms_forms_bb","filePath":"@angular/forms"},{"__symbol":27,"name":"ChevronDown16Module","filePath":"@carbon/icons-angular/lib/chevron--down/16"},{"__symbol":28,"name":"WarningFilled16Module","filePath":"@carbon/icons-angular/lib/warning--filled/16"}]}
@@ -26,6 +26,7 @@ export interface NotificationContent {
26
26
  smart?: boolean;
27
27
  closeLabel?: any;
28
28
  message?: string;
29
+ showClose?: boolean;
29
30
  lowContrast?: boolean;
30
31
  }
31
32
  export interface ToastContent extends NotificationContent {
@@ -1 +1 @@
1
- {"version":3,"file":"notification-content.interface.js","sourceRoot":"","sources":["../src/notification/notification-content.interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface NotificationContent {\n\ttype: string;\n\ttitle: string;\n\ttarget?: string;\n\tduration?: number;\n\tsmart?: boolean;\n\tcloseLabel?: any;\n\tmessage?: string;\n\tlowContrast?: boolean;\n}\n\nexport interface ToastContent extends NotificationContent {\n\tsubtitle: string;\n\tcaption: string;\n}\n"]}
1
+ {"version":3,"file":"notification-content.interface.js","sourceRoot":"","sources":["../src/notification/notification-content.interface.ts"],"names":[],"mappings":"","sourcesContent":["export interface NotificationContent {\n\ttype: string;\n\ttitle: string;\n\ttarget?: string;\n\tduration?: number;\n\tsmart?: boolean;\n\tcloseLabel?: any;\n\tmessage?: string;\n\tshowClose?: boolean;\n\tlowContrast?: boolean;\n}\n\nexport interface ToastContent extends NotificationContent {\n\tsubtitle: string;\n\tcaption: string;\n}\n"]}
@@ -54,10 +54,12 @@ export declare class Notification {
54
54
  readonly isSuccess: boolean;
55
55
  readonly isWarning: boolean;
56
56
  readonly isLowContrast: boolean;
57
+ readonly showClose: boolean;
57
58
  protected defaultNotificationObj: {
58
59
  title: string;
59
60
  message: string;
60
61
  type: string;
62
+ showClose: boolean;
61
63
  closeLabel: any;
62
64
  };
63
65
  protected _notificationObj: NotificationContent;
@@ -44,6 +44,7 @@ var Notification = /** @class */ (function () {
44
44
  title: "",
45
45
  message: "",
46
46
  type: "info",
47
+ showClose: true,
47
48
  closeLabel: this.i18n.get("NOTIFICATION.CLOSE_BUTTON")
48
49
  };
49
50
  this._notificationObj = Object.assign({}, this.defaultNotificationObj);
@@ -93,6 +94,13 @@ var Notification = /** @class */ (function () {
93
94
  enumerable: true,
94
95
  configurable: true
95
96
  });
97
+ Object.defineProperty(Notification.prototype, "showClose", {
98
+ get: function () {
99
+ return this._notificationObj.showClose;
100
+ },
101
+ enumerable: true,
102
+ configurable: true
103
+ });
96
104
  /**
97
105
  * Emits close event.
98
106
  */
@@ -105,7 +113,7 @@ var Notification = /** @class */ (function () {
105
113
  Notification.decorators = [
106
114
  { type: Component, args: [{
107
115
  selector: "ibm-notification",
108
- template: "\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"
116
+ template: "\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t*ngIf=\"showClose\"\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"
109
117
  },] },
110
118
  ];
111
119
  /** @nocollapse */
@@ -1 +1 @@
1
- {"version":3,"file":"notification.component.js","sourceRoot":"","sources":["../src/notification/notification.component.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,SAAS,EACT,KAAK,EACL,MAAM,EACN,YAAY,EAEZ,SAAS,EACT,WAAW,EACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAC7C,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,EAAE,EAAE,MAAM,MAAM,CAAC;AAE1B;;;;;;GAMG;AACH;IA2EC,sBAAsB,0BAAsD,EAAY,IAAU;QAA5E,+BAA0B,GAA1B,0BAA0B,CAA4B;QAAY,SAAI,GAAJ,IAAI,CAAM;QA3BlG;;WAEG;QACO,UAAK,GAAsB,IAAI,YAAY,EAAE,CAAC;QAMhC,mBAAc,GAAG,cAAc,CAAC;QACV,sBAAiB,GAAG,IAAI,CAAC;QAC7C,SAAI,GAAG,OAAO,CAAC;QAQ/B,2BAAsB,GAAG;YAClC,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,UAAU,EAAE,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,2BAA2B,CAAC;SACtD,CAAC;QACQ,qBAAgB,GAAwB,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,CAAC,CAAC;IAEI,CAAC;IArCtG,sBAAa,yCAAe;QAP5B;;;;;;WAMG;aACH;YACC,OAAO,IAAI,CAAC,gBAAgB,CAAC;QAC9B,CAAC;aACD,UAAoB,GAAwB;YAC3C,IAAI,GAAG,CAAC,UAAU,EAAE;gBACnB,GAAG,CAAC,UAAU,GAAG,EAAE,CAAC,GAAG,CAAC,UAAU,CAAC,CAAC;aACpC;YACD,IAAI,CAAC,gBAAgB,GAAG,MAAM,CAAC,MAAM,CAAC,EAAE,EAAE,IAAI,CAAC,sBAAsB,EAAE,GAAG,CAAC,CAAC;QAC7E,CAAC;;;OANA;IAqBD,sBAAyD,iCAAO;aAAhE,cAAqE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC;;;OAAA;IACpH,sBAAwD,gCAAM;aAA9D,cAAmE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC;;;OAAA;IACjH,sBAA2D,mCAAS;aAApE,cAAyE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC1H,sBAA2D,mCAAS;aAApE,cAAyE,OAAO,IAAI,CAAC,eAAe,CAAC,IAAI,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC1H,sBAAgE,uCAAa;aAA7E,cAAkF,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;;;OAAA;IAY5H;;OAEG;IACH,8BAAO,GAAP;QACC,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;IACnB,CAAC;IAED,8BAAO,GAAP;QACC,IAAI,CAAC,0BAA0B,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC;IAC7C,CAAC;;gBAtFD,SAAS,SAAC;oBACV,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE,moCA0BT;iBACD;;;;gBAvCQ,0BAA0B;gBAD1B,IAAI;;;kCAiDX,KAAK;wBAaL,MAAM;+BAIN,SAAS,SAAC,cAAc;iCAExB,WAAW,SAAC,SAAS;oCACrB,WAAW,SAAC,+BAA+B;uBAC3C,WAAW,SAAC,WAAW;0BAEvB,WAAW,SAAC,sCAAsC;yBAClD,WAAW,SAAC,qCAAqC;4BACjD,WAAW,SAAC,wCAAwC;4BACpD,WAAW,SAAC,wCAAwC;gCACpD,WAAW,SAAC,6CAA6C;;IAsB3D,mBAAC;CAAA,AAvFD,IAuFC;SAzDY,YAAY","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tComponentRef,\n\tViewChild,\n\tHostBinding\n} from \"@angular/core\";\n\nimport { NotificationContent } from \"./notification-content.interface\";\nimport { I18n } from \"./../i18n/i18n.module\";\nimport { NotificationDisplayService } from \"./notification-display.service\";\nimport { of } from \"rxjs\";\n\n/**\n * Notification messages are displayed toward the top of the UI and do not interrupt user’s work.\n *\n * [See demo](../../?path=/story/notification--basic)\n *\n * <example-url>../../iframe.html?id=notification--basic</example-url>\n */\n@Component({\n\tselector: \"ibm-notification\",\n\ttemplate: `\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t`\n})\nexport class Notification {\n\t/**\n\t * Can have `type`, `title`, and `message` members.\n\t *\n\t * `type` can be one of `\"info\"`, `\"warning\"`, `\"error\"`, `\"success\"`\n\t *\n\t * `message` is the message to display\n\t */\n\t@Input() get notificationObj(): NotificationContent {\n\t\treturn this._notificationObj;\n\t}\n\tset notificationObj(obj: NotificationContent) {\n\t\tif (obj.closeLabel) {\n\t\t\tobj.closeLabel = of(obj.closeLabel);\n\t\t}\n\t\tthis._notificationObj = Object.assign({}, this.defaultNotificationObj, obj);\n\t}\n\n\t/**\n\t * Emits on close.\n\t */\n\t@Output() close: EventEmitter<any> = new EventEmitter();\n\n\tcomponentRef: ComponentRef<Notification>;\n\n\t@ViewChild(\"notification\") notification;\n\n\t@HostBinding(\"attr.id\") notificationID = \"notification\";\n\t@HostBinding(\"class.bx--inline-notification\") notificationClass = true;\n\t@HostBinding(\"attr.role\") role = \"alert\";\n\n\t@HostBinding(\"class.bx--inline-notification--error\") get isError() { return this.notificationObj.type === \"error\"; }\n\t@HostBinding(\"class.bx--inline-notification--info\") get isInfo() { return this.notificationObj.type === \"info\"; }\n\t@HostBinding(\"class.bx--inline-notification--success\") get isSuccess() { return this.notificationObj.type === \"success\"; }\n\t@HostBinding(\"class.bx--inline-notification--warning\") get isWarning() { return this.notificationObj.type === \"warning\"; }\n\t@HostBinding(\"class.bx--inline-notification--low-contrast\") get isLowContrast() { return this.notificationObj.lowContrast; }\n\n\tprotected defaultNotificationObj = {\n\t\ttitle: \"\",\n\t\tmessage: \"\",\n\t\ttype: \"info\",\n\t\tcloseLabel: this.i18n.get(\"NOTIFICATION.CLOSE_BUTTON\")\n\t};\n\tprotected _notificationObj: NotificationContent = Object.assign({}, this.defaultNotificationObj);\n\n\tconstructor(protected notificationDisplayService: NotificationDisplayService, protected i18n: I18n) {}\n\n\t/**\n\t * Emits close event.\n\t */\n\tonClose() {\n\t\tthis.close.emit();\n\t}\n\n\tdestroy() {\n\t\tthis.notificationDisplayService.close(this);\n\t}\n}\n"]}
1
+ {"version":3,"file":"notification.component.js","sourceRoot":"","sources":["../src/notification/notification.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOutput,\n\tEventEmitter,\n\tComponentRef,\n\tViewChild,\n\tHostBinding\n} from \"@angular/core\";\n\nimport { NotificationContent } from \"./notification-content.interface\";\nimport { I18n } from \"./../i18n/i18n.module\";\nimport { NotificationDisplayService } from \"./notification-display.service\";\nimport { of } from \"rxjs\";\n\n/**\n * Notification messages are displayed toward the top of the UI and do not interrupt user’s work.\n *\n * [See demo](../../?path=/story/notification--basic)\n *\n * <example-url>../../iframe.html?id=notification--basic</example-url>\n */\n@Component({\n\tselector: \"ibm-notification\",\n\ttemplate: `\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t*ngIf=\"showClose\"\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t`\n})\nexport class Notification {\n\t/**\n\t * Can have `type`, `title`, and `message` members.\n\t *\n\t * `type` can be one of `\"info\"`, `\"warning\"`, `\"error\"`, `\"success\"`\n\t *\n\t * `message` is the message to display\n\t */\n\t@Input() get notificationObj(): NotificationContent {\n\t\treturn this._notificationObj;\n\t}\n\tset notificationObj(obj: NotificationContent) {\n\t\tif (obj.closeLabel) {\n\t\t\tobj.closeLabel = of(obj.closeLabel);\n\t\t}\n\t\tthis._notificationObj = Object.assign({}, this.defaultNotificationObj, obj);\n\t}\n\n\t/**\n\t * Emits on close.\n\t */\n\t@Output() close: EventEmitter<any> = new EventEmitter();\n\n\tcomponentRef: ComponentRef<Notification>;\n\n\t@ViewChild(\"notification\") notification;\n\n\t@HostBinding(\"attr.id\") notificationID = \"notification\";\n\t@HostBinding(\"class.bx--inline-notification\") notificationClass = true;\n\t@HostBinding(\"attr.role\") role = \"alert\";\n\n\t@HostBinding(\"class.bx--inline-notification--error\") get isError() { return this.notificationObj.type === \"error\"; }\n\t@HostBinding(\"class.bx--inline-notification--info\") get isInfo() { return this.notificationObj.type === \"info\"; }\n\t@HostBinding(\"class.bx--inline-notification--success\") get isSuccess() { return this.notificationObj.type === \"success\"; }\n\t@HostBinding(\"class.bx--inline-notification--warning\") get isWarning() { return this.notificationObj.type === \"warning\"; }\n\t@HostBinding(\"class.bx--inline-notification--low-contrast\") get isLowContrast() { return this.notificationObj.lowContrast; }\n\n\tget showClose() {\n\t\treturn this._notificationObj.showClose;\n\t}\n\n\tprotected defaultNotificationObj = {\n\t\ttitle: \"\",\n\t\tmessage: \"\",\n\t\ttype: \"info\",\n\t\tshowClose: true,\n\t\tcloseLabel: this.i18n.get(\"NOTIFICATION.CLOSE_BUTTON\")\n\t};\n\tprotected _notificationObj: NotificationContent = Object.assign({}, this.defaultNotificationObj);\n\n\tconstructor(protected notificationDisplayService: NotificationDisplayService, protected i18n: I18n) {}\n\n\t/**\n\t * Emits close event.\n\t */\n\tonClose() {\n\t\tthis.close.emit();\n\t}\n\n\tdestroy() {\n\t\tthis.notificationDisplayService.close(this);\n\t}\n}\n"]}
@@ -1 +1 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"Notification":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"ibm-notification","template":"\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"}]}],"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":60,"character":2}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":73,"character":2}}]}],"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":77,"character":2},"arguments":["notification"]}]}],"notificationID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":79,"character":2},"arguments":["attr.id"]}]}],"notificationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":2},"arguments":["class.bx--inline-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":81,"character":2},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":83,"character":2},"arguments":["class.bx--inline-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":2},"arguments":["class.bx--inline-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":2},"arguments":["class.bx--inline-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":2},"arguments":["class.bx--inline-notification--warning"]}]}],"isLowContrast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":87,"character":2},"arguments":["class.bx--inline-notification--low-contrast"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./notification-display.service","name":"NotificationDisplayService","line":97,"character":51},{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":97,"character":95}]}],"onClose":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}}}}]
1
+ [{"__symbolic":"module","version":4,"metadata":{"Notification":{"__symbolic":"class","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":22,"character":1},"arguments":[{"selector":"ibm-notification","template":"\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t*ngIf=\"showClose\"\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"}]}],"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":61,"character":2}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Output","line":74,"character":2}}]}],"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"ViewChild","line":78,"character":2},"arguments":["notification"]}]}],"notificationID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":80,"character":2},"arguments":["attr.id"]}]}],"notificationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":81,"character":2},"arguments":["class.bx--inline-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":82,"character":2},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":84,"character":2},"arguments":["class.bx--inline-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":85,"character":2},"arguments":["class.bx--inline-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":86,"character":2},"arguments":["class.bx--inline-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":87,"character":2},"arguments":["class.bx--inline-notification--warning"]}]}],"isLowContrast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":88,"character":2},"arguments":["class.bx--inline-notification--low-contrast"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./notification-display.service","name":"NotificationDisplayService","line":103,"character":51},{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":103,"character":95}]}],"onClose":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}}}}]
@@ -43,10 +43,11 @@ export { RenderType_Notification as RenderType_Notification };
43
43
  function View_Notification_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-icon-error-filled16", [["class", "bx--inline-notification__icon"]], null, null, null, i1.View_ErrorFilled16_0, i1.RenderType_ErrorFilled16)), i0.ɵdid(1, 49152, null, 0, i2.ErrorFilled16, [], null, null)], null, null); }
44
44
  function View_Notification_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-icon-warning-filled16", [["class", "bx--inline-notification__icon"]], null, null, null, i3.View_WarningFilled16_0, i3.RenderType_WarningFilled16)), i0.ɵdid(1, 49152, null, 0, i4.WarningFilled16, [], null, null)], null, null); }
45
45
  function View_Notification_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-icon-checkmark-filled16", [["class", "bx--inline-notification__icon"]], null, null, null, i5.View_CheckmarkFilled16_0, i5.RenderType_CheckmarkFilled16)), i0.ɵdid(1, 49152, null, 0, i6.CheckmarkFilled16, [], null, null)], null, null); }
46
- export function View_Notification_0(_l) { return i0.ɵvid(0, [i0.ɵqud(402653184, 1, { notification: 0 }), (_l()(), i0.ɵeld(1, 0, null, null, 9, "div", [["class", "bx--inline-notification__details"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Notification_1)), i0.ɵdid(3, 16384, null, 0, i7.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Notification_2)), i0.ɵdid(5, 16384, null, 0, i7.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Notification_3)), i0.ɵdid(7, 16384, null, 0, i7.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(8, 0, null, null, 2, "div", [["class", "bx--inline-notification__text-wrapper"]], null, null, null, null, null)), (_l()(), i0.ɵeld(9, 0, null, null, 0, "p", [["class", "bx--inline-notification__title"]], [[8, "innerHTML", 1]], null, null, null, null)), (_l()(), i0.ɵeld(10, 0, null, null, 0, "p", [["class", "bx--inline-notification__subtitle"]], [[8, "innerHTML", 1]], null, null, null, null)), (_l()(), i0.ɵeld(11, 0, null, null, 3, "button", [["class", "bx--inline-notification__close-button"], ["type", "button"]], [[1, "aria-label", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
46
+ function View_Notification_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 3, "button", [["class", "bx--inline-notification__close-button"], ["type", "button"]], [[1, "aria-label", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
47
47
  var pd_0 = (_co.onClose() !== false);
48
48
  ad = (pd_0 && ad);
49
- } return ad; }, null, null)), i0.ɵpid(131072, i7.AsyncPipe, [i0.ChangeDetectorRef]), (_l()(), i0.ɵeld(13, 0, null, null, 1, "ibm-icon-close16", [["class", "bx--inline-notification__close-icon"]], null, null, null, i8.View_Close16_0, i8.RenderType_Close16)), i0.ɵdid(14, 49152, null, 0, i9.Close16, [], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.notificationObj.type === "error"); _ck(_v, 3, 0, currVal_0); var currVal_1 = (_co.notificationObj.type === "warning"); _ck(_v, 5, 0, currVal_1); var currVal_2 = (_co.notificationObj.type === "success"); _ck(_v, 7, 0, currVal_2); }, function (_ck, _v) { var _co = _v.component; var currVal_3 = _co.notificationObj.title; _ck(_v, 9, 0, currVal_3); var currVal_4 = _co.notificationObj.message; _ck(_v, 10, 0, currVal_4); var currVal_5 = i0.ɵunv(_v, 11, 0, i0.ɵnov(_v, 12).transform(_co.notificationObj.closeLabel)); _ck(_v, 11, 0, currVal_5); }); }
49
+ } return ad; }, null, null)), i0.ɵpid(131072, i7.AsyncPipe, [i0.ChangeDetectorRef]), (_l()(), i0.ɵeld(2, 0, null, null, 1, "ibm-icon-close16", [["class", "bx--inline-notification__close-icon"]], null, null, null, i8.View_Close16_0, i8.RenderType_Close16)), i0.ɵdid(3, 49152, null, 0, i9.Close16, [], null, null)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = i0.ɵunv(_v, 0, 0, i0.ɵnov(_v, 1).transform(_co.notificationObj.closeLabel)); _ck(_v, 0, 0, currVal_0); }); }
50
+ export function View_Notification_0(_l) { return i0.ɵvid(0, [i0.ɵqud(402653184, 1, { notification: 0 }), (_l()(), i0.ɵeld(1, 0, null, null, 9, "div", [["class", "bx--inline-notification__details"]], null, null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Notification_1)), i0.ɵdid(3, 16384, null, 0, i7.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Notification_2)), i0.ɵdid(5, 16384, null, 0, i7.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Notification_3)), i0.ɵdid(7, 16384, null, 0, i7.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(8, 0, null, null, 2, "div", [["class", "bx--inline-notification__text-wrapper"]], null, null, null, null, null)), (_l()(), i0.ɵeld(9, 0, null, null, 0, "p", [["class", "bx--inline-notification__title"]], [[8, "innerHTML", 1]], null, null, null, null)), (_l()(), i0.ɵeld(10, 0, null, null, 0, "p", [["class", "bx--inline-notification__subtitle"]], [[8, "innerHTML", 1]], null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Notification_4)), i0.ɵdid(12, 16384, null, 0, i7.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.notificationObj.type === "error"); _ck(_v, 3, 0, currVal_0); var currVal_1 = (_co.notificationObj.type === "warning"); _ck(_v, 5, 0, currVal_1); var currVal_2 = (_co.notificationObj.type === "success"); _ck(_v, 7, 0, currVal_2); var currVal_5 = _co.showClose; _ck(_v, 12, 0, currVal_5); }, function (_ck, _v) { var _co = _v.component; var currVal_3 = _co.notificationObj.title; _ck(_v, 9, 0, currVal_3); var currVal_4 = _co.notificationObj.message; _ck(_v, 10, 0, currVal_4); }); }
50
51
  export function View_Notification_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-notification", [], [[1, "id", 0], [2, "bx--inline-notification", null], [1, "role", 0], [2, "bx--inline-notification--error", null], [2, "bx--inline-notification--info", null], [2, "bx--inline-notification--success", null], [2, "bx--inline-notification--warning", null], [2, "bx--inline-notification--low-contrast", null]], null, null, View_Notification_0, RenderType_Notification)), i0.ɵdid(1, 49152, null, 0, i10.Notification, [i11.NotificationDisplayService, i12.I18n], null, null)], null, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).notificationID; var currVal_1 = i0.ɵnov(_v, 1).notificationClass; var currVal_2 = i0.ɵnov(_v, 1).role; var currVal_3 = i0.ɵnov(_v, 1).isError; var currVal_4 = i0.ɵnov(_v, 1).isInfo; var currVal_5 = i0.ɵnov(_v, 1).isSuccess; var currVal_6 = i0.ɵnov(_v, 1).isWarning; var currVal_7 = i0.ɵnov(_v, 1).isLowContrast; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7); }); }
51
52
  var NotificationNgFactory = i0.ɵccf("ibm-notification", i10.Notification, View_Notification_Host_0, { notificationObj: "notificationObj" }, { close: "close" }, []);
52
53
  export { NotificationNgFactory as NotificationNgFactory };
@@ -1 +1 @@
1
- {"version":3,"file":"notification.component.ngfactory.js","sourceRoot":"","sources":["../src/notification/notification.component.ngfactory.ts","../src/notification/notification.component.ts.Notification.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;uDCEG,mPAEuC;uDAEvC,2PAEuC;uDAEvC,mQAEuC;0GAXxC,yHAA8C,KAC7C,4KAEuC,IAEvC,4KAEuC,IAEvC,4KAEuC,IAEvC,8HAAmD,KAClD,sIAA8E,KAC9E,0IAAmF,KAGrF,4NAIe,YAHd;;wBAAmB;MADpB,wBAIe,IADd,mDAAsD,KAEtD,kOAA8D,iDArB7D,qDAAwC,GADzC,YAEuC,EADtC,SAAwC,GAIxC,uDAA0C,GAD3C,YAEuC,EADtC,SAA0C,GAI1C,uDAA0C,GAD3C,YAEuC,EADtC,SAA0C,mDAIvC,mBAAmC,wBAAtC,YAA8E,EAA3E,SAAmC,GACnC,mBAAqC,0BAAxC,aAAmF,EAAhF,SAAqC,GAMzC,gEAAsD,+BAHvD,aAIe,EADd,SAAsD","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"]}
1
+ {"version":3,"file":"notification.component.ngfactory.js","sourceRoot":"","sources":["../src/notification/notification.component.ngfactory.ts","../src/notification/notification.component.ts.Notification.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;uDCEG,mPAEuC;uDAEvC,2PAEuC;uDAEvC,mQAEuC;uDAOxC,2NAKe,YAHd;;wBAAmB;MAFpB,wBAKe,IADd,mDAAsD,KAEtD,gOAA8D,uDAF9D,8DAAsD,+BAJvD,YAKe,EADd,SAAsD;0GAtBvD,yHAA8C,KAC7C,4KAEuC,IAEvC,4KAEuC,IAEvC,4KAEuC,IAEvC,8HAAmD,KAClD,sIAA8E,KAC9E,0IAAmF,KAGrF,6KAKe,iDArBb,qDAAwC,GADzC,YAEuC,EADtC,SAAwC,GAIxC,uDAA0C,GAD3C,YAEuC,EADtC,SAA0C,GAI1C,uDAA0C,GAD3C,YAEuC,EADtC,SAA0C,GAS3C,mBAAiB,YADlB,aAKe,EAJd,SAAiB,mDALb,mBAAmC,wBAAtC,YAA8E,EAA3E,SAAmC,GACnC,mBAAqC,0BAAxC,aAAmF,EAAhF,SAAqC","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<div class=\"bx--inline-notification__details\">\n\t\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--inline-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t\t<div class=\"bx--inline-notification__text-wrapper\">\n\t\t\t\t<p [innerHTML]=\"notificationObj.title\" class=\"bx--inline-notification__title\"></p>\n\t\t\t\t<p [innerHTML]=\"notificationObj.message\" class=\"bx--inline-notification__subtitle\"></p>\n\t\t\t</div>\n\t\t</div>\n\t\t<button\n\t\t\t*ngIf=\"showClose\"\n\t\t\t(click)=\"onClose()\"\n\t\t\tclass=\"bx--inline-notification__close-button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel | async\"\n\t\t\ttype=\"button\">\n\t\t\t<ibm-icon-close16 class=\"bx--inline-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"]}
@@ -1 +1 @@
1
- {"version":3,"file":"notification.module.ngfactory.js","sourceRoot":"","sources":["../src/notification/notification.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './notification.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@carbon/icons-angular/lib/close/16';\nimport * as i4 from '@carbon/icons-angular/lib/error--filled/16';\nimport * as i5 from '@carbon/icons-angular/lib/checkmark--filled/16';\nimport * as i6 from '@carbon/icons-angular/lib/warning--filled/16';\nimport * as i7 from './notification.component';\nimport * as i8 from './toast.component';\nimport * as i9 from '../i18n/replace.pipe';\nimport * as i10 from '../i18n/i18n.module';\nimport * as i11 from '../experimental.module';\nexport const NotificationModuleNgFactory:i0.NgModuleFactory<i1.NotificationModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Close16 = (<any>(null as any));\nvar _decl0_12:i3.Close16Directive = (<any>(null as any));\nvar _decl0_13:i4.ErrorFilled16 = (<any>(null as any));\nvar _decl0_14:i4.ErrorFilled16Directive = (<any>(null as any));\nvar _decl0_15:i5.CheckmarkFilled16 = (<any>(null as any));\nvar _decl0_16:i5.CheckmarkFilled16Directive = (<any>(null as any));\nvar _decl0_17:i6.WarningFilled16 = (<any>(null as any));\nvar _decl0_18:i6.WarningFilled16Directive = (<any>(null as any));\nvar _decl0_19:i7.Notification = (<any>(null as any));\nvar _decl0_20:i8.Toast = (<any>(null as any));\nvar _decl0_21:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_22:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_23:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_24:i2.JsonPipe = (<any>(null as any));\nvar _decl0_25:i2.SlicePipe = (<any>(null as any));\nvar _decl0_26:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_27:i2.PercentPipe = (<any>(null as any));\nvar _decl0_28:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_29:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_30:i2.DatePipe = (<any>(null as any));\nvar _decl0_31:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_32:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_33:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_34:i9.ReplacePipe = (<any>(null as any));\nvar _decl0_35:i2.CommonModule = (<any>(null as any));\nvar _decl0_36:i10.I18nModule = (<any>(null as any));\nvar _decl0_37:i11.ExperimentalModule = (<any>(null as any));\nvar _decl0_38:i3.Close16Module = (<any>(null as any));\nvar _decl0_39:i4.ErrorFilled16Module = (<any>(null as any));\nvar _decl0_40:i5.CheckmarkFilled16Module = (<any>(null as any));\nvar _decl0_41:i6.WarningFilled16Module = (<any>(null as any));\nvar _decl0_42:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_43:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Notification_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Notification_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_19.notificationObj.type === 'error');\n currVal_0;\n const currVal_1:any = (_decl0_19.notificationObj.type === 'warning');\n currVal_1;\n const currVal_2:any = (_decl0_19.notificationObj.type === 'success');\n currVal_2;\n const currVal_3:any = _decl0_19.notificationObj.title;\n currVal_3;\n const currVal_4:any = _decl0_19.notificationObj.message;\n currVal_4;\n const currVal_5:any = _any.transform(_decl0_19.notificationObj.closeLabel);\n currVal_5;\n const pd_6:any = ((<any>_decl0_19.onClose()) !== false);\n}\nfunction _View_Toast_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Toast_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_20.notificationObj.type === 'error');\n currVal_0;\n const currVal_1:any = (_decl0_20.notificationObj.type === 'warning');\n currVal_1;\n const currVal_2:any = (_decl0_20.notificationObj.type === 'success');\n currVal_2;\n const currVal_3:any = _decl0_20.notificationObj.title;\n currVal_3;\n const currVal_4:any = _decl0_20.notificationObj.subtitle;\n currVal_4;\n const currVal_5:any = _decl0_20.notificationObj.caption;\n currVal_5;\n const currVal_6:any = _decl0_20.notificationObj.closeLabel;\n currVal_6;\n const pd_7:any = ((<any>_decl0_20.onClose()) !== false);\n}\n"]}
1
+ {"version":3,"file":"notification.module.ngfactory.js","sourceRoot":"","sources":["../src/notification/notification.module.ngfactory.ts"],"names":[],"mappings":"","sourcesContent":["import * as i0 from '@angular/core';\nimport * as i1 from './notification.module';\nimport * as i2 from '@angular/common';\nimport * as i3 from '@carbon/icons-angular/lib/close/16';\nimport * as i4 from '@carbon/icons-angular/lib/error--filled/16';\nimport * as i5 from '@carbon/icons-angular/lib/checkmark--filled/16';\nimport * as i6 from '@carbon/icons-angular/lib/warning--filled/16';\nimport * as i7 from './notification.component';\nimport * as i8 from './toast.component';\nimport * as i9 from '../i18n/replace.pipe';\nimport * as i10 from '../i18n/i18n.module';\nimport * as i11 from '../experimental.module';\nexport const NotificationModuleNgFactory:i0.NgModuleFactory<i1.NotificationModule> = (null as any);\nvar _decl0_0:i2.NgClass = (<any>(null as any));\nvar _decl0_1:i2.NgComponentOutlet = (<any>(null as any));\nvar _decl0_2:i2.NgForOf<any> = (<any>(null as any));\nvar _decl0_3:i2.NgIf = (<any>(null as any));\nvar _decl0_4:i2.NgTemplateOutlet = (<any>(null as any));\nvar _decl0_5:i2.NgStyle = (<any>(null as any));\nvar _decl0_6:i2.NgSwitch = (<any>(null as any));\nvar _decl0_7:i2.NgSwitchCase = (<any>(null as any));\nvar _decl0_8:i2.NgSwitchDefault = (<any>(null as any));\nvar _decl0_9:i2.NgPlural = (<any>(null as any));\nvar _decl0_10:i2.NgPluralCase = (<any>(null as any));\nvar _decl0_11:i3.Close16 = (<any>(null as any));\nvar _decl0_12:i3.Close16Directive = (<any>(null as any));\nvar _decl0_13:i4.ErrorFilled16 = (<any>(null as any));\nvar _decl0_14:i4.ErrorFilled16Directive = (<any>(null as any));\nvar _decl0_15:i5.CheckmarkFilled16 = (<any>(null as any));\nvar _decl0_16:i5.CheckmarkFilled16Directive = (<any>(null as any));\nvar _decl0_17:i6.WarningFilled16 = (<any>(null as any));\nvar _decl0_18:i6.WarningFilled16Directive = (<any>(null as any));\nvar _decl0_19:i7.Notification = (<any>(null as any));\nvar _decl0_20:i8.Toast = (<any>(null as any));\nvar _decl0_21:i2.AsyncPipe = (<any>(null as any));\nvar _decl0_22:i2.UpperCasePipe = (<any>(null as any));\nvar _decl0_23:i2.LowerCasePipe = (<any>(null as any));\nvar _decl0_24:i2.JsonPipe = (<any>(null as any));\nvar _decl0_25:i2.SlicePipe = (<any>(null as any));\nvar _decl0_26:i2.DecimalPipe = (<any>(null as any));\nvar _decl0_27:i2.PercentPipe = (<any>(null as any));\nvar _decl0_28:i2.TitleCasePipe = (<any>(null as any));\nvar _decl0_29:i2.CurrencyPipe = (<any>(null as any));\nvar _decl0_30:i2.DatePipe = (<any>(null as any));\nvar _decl0_31:i2.I18nPluralPipe = (<any>(null as any));\nvar _decl0_32:i2.I18nSelectPipe = (<any>(null as any));\nvar _decl0_33:i2.KeyValuePipe = (<any>(null as any));\nvar _decl0_34:i9.ReplacePipe = (<any>(null as any));\nvar _decl0_35:i2.CommonModule = (<any>(null as any));\nvar _decl0_36:i10.I18nModule = (<any>(null as any));\nvar _decl0_37:i11.ExperimentalModule = (<any>(null as any));\nvar _decl0_38:i3.Close16Module = (<any>(null as any));\nvar _decl0_39:i4.ErrorFilled16Module = (<any>(null as any));\nvar _decl0_40:i5.CheckmarkFilled16Module = (<any>(null as any));\nvar _decl0_41:i6.WarningFilled16Module = (<any>(null as any));\nvar _decl0_42:i0.TemplateRef<any> = (<any>(null as any));\nvar _decl0_43:i0.ElementRef<any> = (<any>(null as any));\nfunction _View_Notification_Host_1_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Notification_1_0():void {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_19.notificationObj.type === 'error');\n currVal_0;\n const currVal_1:any = (_decl0_19.notificationObj.type === 'warning');\n currVal_1;\n const currVal_2:any = (_decl0_19.notificationObj.type === 'success');\n currVal_2;\n const currVal_3:any = _decl0_19.notificationObj.title;\n currVal_3;\n const currVal_4:any = _decl0_19.notificationObj.message;\n currVal_4;\n const currVal_5:any = _decl0_19.showClose;\n currVal_5;\n}\nfunction _View_Toast_Host_2_0():void {\n var _any:any = (null as any);\n}\nfunction _View_Toast_2_0():void {\n var _any:any = (null as any);\n const currVal_0:any = (_decl0_20.notificationObj.type === 'error');\n currVal_0;\n const currVal_1:any = (_decl0_20.notificationObj.type === 'warning');\n currVal_1;\n const currVal_2:any = (_decl0_20.notificationObj.type === 'success');\n currVal_2;\n const currVal_3:any = _decl0_20.notificationObj.title;\n currVal_3;\n const currVal_4:any = _decl0_20.notificationObj.subtitle;\n currVal_4;\n const currVal_5:any = _decl0_20.notificationObj.caption;\n currVal_5;\n const currVal_6:any = _decl0_20.showClose;\n currVal_6;\n}\n"]}
@@ -50,6 +50,8 @@ var Toast = /** @class */ (function (_super) {
50
50
  _this.toastID = "notification";
51
51
  _this.toastClass = true;
52
52
  _this.role = "alert";
53
+ // disable inline notification styles
54
+ _this.notificationClass = false;
53
55
  return _this;
54
56
  }
55
57
  Object.defineProperty(Toast.prototype, "isError", {
@@ -92,7 +94,7 @@ var Toast = /** @class */ (function (_super) {
92
94
  Toast.decorators = [
93
95
  { type: Component, args: [{
94
96
  selector: "ibm-toast",
95
- template: "\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"
97
+ template: "\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\t*ngIf=\"showClose\"\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"
96
98
  },] },
97
99
  ];
98
100
  /** @nocollapse */
@@ -1 +1 @@
1
- {"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../src/notification/toast.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EACN,SAAS,EACT,KAAK,EAEL,WAAW,EACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C;;;;;;GAMG;AACH;IA6B2B,yBAAY;IAuBtC,eACW,0BAAsD,EACtD,IAAU,EACV,YAAiC;QAH5C,YAIC,kBAAM,0BAA0B,EAAE,IAAI,CAAC,SACvC;QAJU,gCAA0B,GAA1B,0BAA0B,CAA4B;QACtD,UAAI,GAAJ,IAAI,CAAM;QACV,kBAAY,GAAZ,YAAY,CAAqB;QAlBpB,aAAO,GAAG,cAAc,CAAC;QACJ,gBAAU,GAAG,IAAI,CAAC;QACrC,UAAI,GAAG,OAAO,CAAC;;IAkBzC,CAAC;IAhBD,sBAAwD,0BAAO;aAA/D,cAAoE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;;;OAAA;IACtH,sBAAuD,yBAAM;aAA7D,cAAkE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;;;OAAA;IACnH,sBAA0D,4BAAS;aAAnE,cAAwE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC5H,sBAA0D,4BAAS;aAAnE,cAAwE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC5H,sBAA+D,gCAAa;aAA5E,cAAiF,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;;;OAAA;IAG3H,sBAAI,iCAAc;aAAlB;YACC,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;QACzC,CAAC;;;OAAA;IASD,wBAAQ,GAAR;QACC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE;YACrC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC;SAC5E;IACF,CAAC;;gBA/DD,SAAS,SAAC;oBACV,QAAQ,EAAE,WAAW;oBACrB,QAAQ,EAAE,soCAyBT;iBACD;;;;gBAtCQ,0BAA0B;gBAC1B,IAAI;gBAFJ,mBAAmB;;;kCA8C1B,KAAK;0BAEL,WAAW,SAAC,SAAS;6BACrB,WAAW,SAAC,8BAA8B;uBAC1C,WAAW,SAAC,WAAW;0BAEvB,WAAW,SAAC,qCAAqC;yBACjD,WAAW,SAAC,oCAAoC;4BAChD,WAAW,SAAC,uCAAuC;4BACnD,WAAW,SAAC,uCAAuC;gCACnD,WAAW,SAAC,4CAA4C;;IAmB1D,YAAC;CAAA,AAhED,CA6B2B,YAAY,GAmCtC;SAnCY,KAAK","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOnInit,\n\tHostBinding\n} from \"@angular/core\";\n\nimport { ToastContent } from \"./notification-content.interface\";\nimport { Notification } from \"./notification.component\";\nimport { ExperimentalService } from \"./../experimental.module\";\nimport { NotificationDisplayService } from \"./notification-display.service\";\nimport { I18n } from \"./../i18n/i18n.module\";\n\n/**\n * Toast messages are displayed toward the top of the UI and do not interrupt user’s work.\n *\n * [See demo](../../?path=/story/notification--toast)\n *\n * <example-url>../../iframe.html?id=notification--toast</example-url>\n */\n@Component({\n\tselector: \"ibm-toast\",\n\ttemplate: `\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t`\n})\nexport class Toast extends Notification implements OnInit {\n\t/**\n\t * Can have `type`, `title`, `subtitle`, and `caption` members.\n\t *\n\t * `type` can be one of `\"error\"`, `\"info\"`, `\"warning\"`, or `\"success\"`\n\t */\n\t@Input() notificationObj: ToastContent;\n\n\t@HostBinding(\"attr.id\") toastID = \"notification\";\n\t@HostBinding(\"class.bx--toast-notification\") toastClass = true;\n\t@HostBinding(\"attr.role\") role = \"alert\";\n\n\t@HostBinding(\"class.bx--toast-notification--error\") get isError() { return this.notificationObj[\"type\"] === \"error\"; }\n\t@HostBinding(\"class.bx--toast-notification--info\") get isInfo() { return this.notificationObj[\"type\"] === \"info\"; }\n\t@HostBinding(\"class.bx--toast-notification--success\") get isSuccess() { return this.notificationObj[\"type\"] === \"success\"; }\n\t@HostBinding(\"class.bx--toast-notification--warning\") get isWarning() { return this.notificationObj[\"type\"] === \"warning\"; }\n\t@HostBinding(\"class.bx--toast-notification--low-contrast\") get isLowContrast() { return this.notificationObj.lowContrast; }\n\n\n\tget isExperimental() {\n\t\treturn this.experimental.isExperimental;\n\t}\n\n\tconstructor(\n\t\tprotected notificationDisplayService: NotificationDisplayService,\n\t\tprotected i18n: I18n,\n\t\tprotected experimental: ExperimentalService) {\n\t\tsuper(notificationDisplayService, i18n);\n\t}\n\n\tngOnInit() {\n\t\tif (!this.notificationObj.closeLabel) {\n\t\t\tthis.notificationObj.closeLabel = this.i18n.get().NOTIFICATION.CLOSE_BUTTON;\n\t\t}\n\t}\n}\n"]}
1
+ {"version":3,"file":"toast.component.js","sourceRoot":"","sources":["../src/notification/toast.component.ts"],"names":[],"mappings":";;;;;;;;;;AAAA,OAAO,EACN,SAAS,EACT,KAAK,EAEL,WAAW,EACX,MAAM,eAAe,CAAC;AAGvB,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,0BAA0B,EAAE,MAAM,gCAAgC,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAuB,CAAC;AAE7C;;;;;;GAMG;AACH;IA8B2B,yBAAY;IAuBtC,eACW,0BAAsD,EACtD,IAAU,EACV,YAAiC;QAH5C,YAIC,kBAAM,0BAA0B,EAAE,IAAI,CAAC,SAGvC;QANU,gCAA0B,GAA1B,0BAA0B,CAA4B;QACtD,UAAI,GAAJ,IAAI,CAAM;QACV,kBAAY,GAAZ,YAAY,CAAqB;QAlBpB,aAAO,GAAG,cAAc,CAAC;QACJ,gBAAU,GAAG,IAAI,CAAC;QACrC,UAAI,GAAG,OAAO,CAAC;QAkBxC,qCAAqC;QACrC,KAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;;IAChC,CAAC;IAlBD,sBAAwD,0BAAO;aAA/D,cAAoE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,OAAO,CAAC,CAAC,CAAC;;;OAAA;IACtH,sBAAuD,yBAAM;aAA7D,cAAkE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,MAAM,CAAC,CAAC,CAAC;;;OAAA;IACnH,sBAA0D,4BAAS;aAAnE,cAAwE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC5H,sBAA0D,4BAAS;aAAnE,cAAwE,OAAO,IAAI,CAAC,eAAe,CAAC,MAAM,CAAC,KAAK,SAAS,CAAC,CAAC,CAAC;;;OAAA;IAC5H,sBAA+D,gCAAa;aAA5E,cAAiF,OAAO,IAAI,CAAC,eAAe,CAAC,WAAW,CAAC,CAAC,CAAC;;;OAAA;IAG3H,sBAAI,iCAAc;aAAlB;YACC,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;QACzC,CAAC;;;OAAA;IAWD,wBAAQ,GAAR;QACC,IAAI,CAAC,IAAI,CAAC,eAAe,CAAC,UAAU,EAAE;YACrC,IAAI,CAAC,eAAe,CAAC,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,YAAY,CAAC;SAC5E;IACF,CAAC;;gBAlED,SAAS,SAAC;oBACV,QAAQ,EAAE,WAAW;oBACrB,QAAQ,EAAE,iqCA0BT;iBACD;;;;gBAvCQ,0BAA0B;gBAC1B,IAAI;gBAFJ,mBAAmB;;;kCA+C1B,KAAK;0BAEL,WAAW,SAAC,SAAS;6BACrB,WAAW,SAAC,8BAA8B;uBAC1C,WAAW,SAAC,WAAW;0BAEvB,WAAW,SAAC,qCAAqC;yBACjD,WAAW,SAAC,oCAAoC;4BAChD,WAAW,SAAC,uCAAuC;4BACnD,WAAW,SAAC,uCAAuC;gCACnD,WAAW,SAAC,4CAA4C;;IAqB1D,YAAC;CAAA,AAnED,CA8B2B,YAAY,GAqCtC;SArCY,KAAK","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tOnInit,\n\tHostBinding\n} from \"@angular/core\";\n\nimport { ToastContent } from \"./notification-content.interface\";\nimport { Notification } from \"./notification.component\";\nimport { ExperimentalService } from \"./../experimental.module\";\nimport { NotificationDisplayService } from \"./notification-display.service\";\nimport { I18n } from \"./../i18n/i18n.module\";\n\n/**\n * Toast messages are displayed toward the top of the UI and do not interrupt user’s work.\n *\n * [See demo](../../?path=/story/notification--toast)\n *\n * <example-url>../../iframe.html?id=notification--toast</example-url>\n */\n@Component({\n\tselector: \"ibm-toast\",\n\ttemplate: `\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\t*ngIf=\"showClose\"\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t`\n})\nexport class Toast extends Notification implements OnInit {\n\t/**\n\t * Can have `type`, `title`, `subtitle`, and `caption` members.\n\t *\n\t * `type` can be one of `\"error\"`, `\"info\"`, `\"warning\"`, or `\"success\"`\n\t */\n\t@Input() notificationObj: ToastContent;\n\n\t@HostBinding(\"attr.id\") toastID = \"notification\";\n\t@HostBinding(\"class.bx--toast-notification\") toastClass = true;\n\t@HostBinding(\"attr.role\") role = \"alert\";\n\n\t@HostBinding(\"class.bx--toast-notification--error\") get isError() { return this.notificationObj[\"type\"] === \"error\"; }\n\t@HostBinding(\"class.bx--toast-notification--info\") get isInfo() { return this.notificationObj[\"type\"] === \"info\"; }\n\t@HostBinding(\"class.bx--toast-notification--success\") get isSuccess() { return this.notificationObj[\"type\"] === \"success\"; }\n\t@HostBinding(\"class.bx--toast-notification--warning\") get isWarning() { return this.notificationObj[\"type\"] === \"warning\"; }\n\t@HostBinding(\"class.bx--toast-notification--low-contrast\") get isLowContrast() { return this.notificationObj.lowContrast; }\n\n\n\tget isExperimental() {\n\t\treturn this.experimental.isExperimental;\n\t}\n\n\tconstructor(\n\t\tprotected notificationDisplayService: NotificationDisplayService,\n\t\tprotected i18n: I18n,\n\t\tprotected experimental: ExperimentalService) {\n\t\tsuper(notificationDisplayService, i18n);\n\t\t// disable inline notification styles\n\t\tthis.notificationClass = false;\n\t}\n\n\tngOnInit() {\n\t\tif (!this.notificationObj.closeLabel) {\n\t\t\tthis.notificationObj.closeLabel = this.i18n.get().NOTIFICATION.CLOSE_BUTTON;\n\t\t}\n\t}\n}\n"]}
@@ -1 +1 @@
1
- [{"__symbolic":"module","version":4,"metadata":{"Toast":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./notification.component","name":"Notification","line":49,"character":27},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ibm-toast","template":"\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"}]}],"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":55,"character":2}}]}],"toastID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":57,"character":2},"arguments":["attr.id"]}]}],"toastClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":2},"arguments":["class.bx--toast-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":59,"character":2},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":61,"character":2},"arguments":["class.bx--toast-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":62,"character":2},"arguments":["class.bx--toast-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":2},"arguments":["class.bx--toast-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":2},"arguments":["class.bx--toast-notification--warning"]}]}],"isLowContrast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":2},"arguments":["class.bx--toast-notification--low-contrast"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./notification-display.service","name":"NotificationDisplayService","line":73,"character":40},{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":74,"character":18},{"__symbolic":"reference","module":"./../experimental.module","name":"ExperimentalService","line":75,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
1
+ [{"__symbolic":"module","version":4,"metadata":{"Toast":{"__symbolic":"class","extends":{"__symbolic":"reference","module":"./notification.component","name":"Notification","line":50,"character":27},"decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Component","line":20,"character":1},"arguments":[{"selector":"ibm-toast","template":"\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\t*ngIf=\"showClose\"\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"}]}],"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"Input","line":56,"character":2}}]}],"toastID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":58,"character":2},"arguments":["attr.id"]}]}],"toastClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":59,"character":2},"arguments":["class.bx--toast-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":60,"character":2},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":62,"character":2},"arguments":["class.bx--toast-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":63,"character":2},"arguments":["class.bx--toast-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":64,"character":2},"arguments":["class.bx--toast-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":65,"character":2},"arguments":["class.bx--toast-notification--warning"]}]}],"isLowContrast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbolic":"reference","module":"@angular/core","name":"HostBinding","line":66,"character":2},"arguments":["class.bx--toast-notification--low-contrast"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./notification-display.service","name":"NotificationDisplayService","line":74,"character":40},{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":75,"character":18},{"__symbolic":"reference","module":"./../experimental.module","name":"ExperimentalService","line":76,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
@@ -31,9 +31,9 @@ import * as i3 from "../../../node_modules/@carbon/icons-angular/lib/warning--fi
31
31
  import * as i4 from "@carbon/icons-angular/lib/warning--filled/16";
32
32
  import * as i5 from "../../../node_modules/@carbon/icons-angular/lib/checkmark--filled/16.ngfactory";
33
33
  import * as i6 from "@carbon/icons-angular/lib/checkmark--filled/16";
34
- import * as i7 from "@angular/common";
35
- import * as i8 from "../../../node_modules/@carbon/icons-angular/lib/close/16.ngfactory";
36
- import * as i9 from "@carbon/icons-angular/lib/close/16";
34
+ import * as i7 from "../../../node_modules/@carbon/icons-angular/lib/close/16.ngfactory";
35
+ import * as i8 from "@carbon/icons-angular/lib/close/16";
36
+ import * as i9 from "@angular/common";
37
37
  import * as i10 from "./toast.component";
38
38
  import * as i11 from "./notification-display.service";
39
39
  import * as i12 from "../i18n/i18n.service";
@@ -44,10 +44,11 @@ export { RenderType_Toast as RenderType_Toast };
44
44
  function View_Toast_1(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-icon-error-filled16", [["class", "bx--toast-notification__icon"]], null, null, null, i1.View_ErrorFilled16_0, i1.RenderType_ErrorFilled16)), i0.ɵdid(1, 49152, null, 0, i2.ErrorFilled16, [], null, null)], null, null); }
45
45
  function View_Toast_2(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-icon-warning-filled16", [["class", "bx--toast-notification__icon"]], null, null, null, i3.View_WarningFilled16_0, i3.RenderType_WarningFilled16)), i0.ɵdid(1, 49152, null, 0, i4.WarningFilled16, [], null, null)], null, null); }
46
46
  function View_Toast_3(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-icon-checkmark-filled16", [["class", "bx--toast-notification__icon"]], null, null, null, i5.View_CheckmarkFilled16_0, i5.RenderType_CheckmarkFilled16)), i0.ɵdid(1, 49152, null, 0, i6.CheckmarkFilled16, [], null, null)], null, null); }
47
- export function View_Toast_0(_l) { return i0.ɵvid(0, [i0.ɵqud(402653184, 1, { notification: 0 }), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Toast_1)), i0.ɵdid(2, 16384, null, 0, i7.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Toast_2)), i0.ɵdid(4, 16384, null, 0, i7.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Toast_3)), i0.ɵdid(6, 16384, null, 0, i7.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(7, 0, null, null, 3, "div", [["class", "bx--toast-notification__details"]], null, null, null, null, null)), (_l()(), i0.ɵeld(8, 0, null, null, 0, "h3", [["class", "bx--toast-notification__title"]], [[8, "innerHTML", 1]], null, null, null, null)), (_l()(), i0.ɵeld(9, 0, null, null, 0, "p", [["class", "bx--toast-notification__subtitle"]], [[8, "innerHTML", 1]], null, null, null, null)), (_l()(), i0.ɵeld(10, 0, null, null, 0, "p", [["class", "bx--toast-notification__caption"]], [[8, "innerHTML", 1]], null, null, null, null)), (_l()(), i0.ɵeld(11, 0, null, null, 2, "button", [["class", "bx--toast-notification__close-button"], ["type", "button"]], [[1, "aria-label", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
47
+ function View_Toast_4(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 2, "button", [["class", "bx--toast-notification__close-button"], ["type", "button"]], [[1, "aria-label", 0]], [[null, "click"]], function (_v, en, $event) { var ad = true; var _co = _v.component; if (("click" === en)) {
48
48
  var pd_0 = (_co.onClose() !== false);
49
49
  ad = (pd_0 && ad);
50
- } return ad; }, null, null)), (_l()(), i0.ɵeld(12, 0, null, null, 1, "ibm-icon-close16", [["class", "bx--toast-notification__close-icon"]], null, null, null, i8.View_Close16_0, i8.RenderType_Close16)), i0.ɵdid(13, 49152, null, 0, i9.Close16, [], null, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.notificationObj.type === "error"); _ck(_v, 2, 0, currVal_0); var currVal_1 = (_co.notificationObj.type === "warning"); _ck(_v, 4, 0, currVal_1); var currVal_2 = (_co.notificationObj.type === "success"); _ck(_v, 6, 0, currVal_2); }, function (_ck, _v) { var _co = _v.component; var currVal_3 = _co.notificationObj.title; _ck(_v, 8, 0, currVal_3); var currVal_4 = _co.notificationObj.subtitle; _ck(_v, 9, 0, currVal_4); var currVal_5 = _co.notificationObj.caption; _ck(_v, 10, 0, currVal_5); var currVal_6 = _co.notificationObj.closeLabel; _ck(_v, 11, 0, currVal_6); }); }
50
+ } return ad; }, null, null)), (_l()(), i0.ɵeld(1, 0, null, null, 1, "ibm-icon-close16", [["class", "bx--toast-notification__close-icon"]], null, null, null, i7.View_Close16_0, i7.RenderType_Close16)), i0.ɵdid(2, 49152, null, 0, i8.Close16, [], null, null)], null, function (_ck, _v) { var _co = _v.component; var currVal_0 = _co.notificationObj.closeLabel; _ck(_v, 0, 0, currVal_0); }); }
51
+ export function View_Toast_0(_l) { return i0.ɵvid(0, [i0.ɵqud(402653184, 1, { notification: 0 }), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Toast_1)), i0.ɵdid(2, 16384, null, 0, i9.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Toast_2)), i0.ɵdid(4, 16384, null, 0, i9.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Toast_3)), i0.ɵdid(6, 16384, null, 0, i9.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null), (_l()(), i0.ɵeld(7, 0, null, null, 3, "div", [["class", "bx--toast-notification__details"]], null, null, null, null, null)), (_l()(), i0.ɵeld(8, 0, null, null, 0, "h3", [["class", "bx--toast-notification__title"]], [[8, "innerHTML", 1]], null, null, null, null)), (_l()(), i0.ɵeld(9, 0, null, null, 0, "p", [["class", "bx--toast-notification__subtitle"]], [[8, "innerHTML", 1]], null, null, null, null)), (_l()(), i0.ɵeld(10, 0, null, null, 0, "p", [["class", "bx--toast-notification__caption"]], [[8, "innerHTML", 1]], null, null, null, null)), (_l()(), i0.ɵand(16777216, null, null, 1, null, View_Toast_4)), i0.ɵdid(12, 16384, null, 0, i9.NgIf, [i0.ViewContainerRef, i0.TemplateRef], { ngIf: [0, "ngIf"] }, null)], function (_ck, _v) { var _co = _v.component; var currVal_0 = (_co.notificationObj.type === "error"); _ck(_v, 2, 0, currVal_0); var currVal_1 = (_co.notificationObj.type === "warning"); _ck(_v, 4, 0, currVal_1); var currVal_2 = (_co.notificationObj.type === "success"); _ck(_v, 6, 0, currVal_2); var currVal_6 = _co.showClose; _ck(_v, 12, 0, currVal_6); }, function (_ck, _v) { var _co = _v.component; var currVal_3 = _co.notificationObj.title; _ck(_v, 8, 0, currVal_3); var currVal_4 = _co.notificationObj.subtitle; _ck(_v, 9, 0, currVal_4); var currVal_5 = _co.notificationObj.caption; _ck(_v, 10, 0, currVal_5); }); }
51
52
  export function View_Toast_Host_0(_l) { return i0.ɵvid(0, [(_l()(), i0.ɵeld(0, 0, null, null, 1, "ibm-toast", [], [[1, "id", 0], [2, "bx--inline-notification", null], [1, "role", 0], [2, "bx--inline-notification--error", null], [2, "bx--toast-notification--error", null], [2, "bx--inline-notification--info", null], [2, "bx--toast-notification--info", null], [2, "bx--inline-notification--success", null], [2, "bx--toast-notification--success", null], [2, "bx--inline-notification--warning", null], [2, "bx--toast-notification--warning", null], [2, "bx--inline-notification--low-contrast", null], [2, "bx--toast-notification--low-contrast", null], [2, "bx--toast-notification", null]], null, null, View_Toast_0, RenderType_Toast)), i0.ɵdid(1, 114688, null, 0, i10.Toast, [i11.NotificationDisplayService, i12.I18n, i13.ExperimentalService], null, null)], function (_ck, _v) { _ck(_v, 1, 0); }, function (_ck, _v) { var currVal_0 = i0.ɵnov(_v, 1).toastID; var currVal_1 = i0.ɵnov(_v, 1).notificationClass; var currVal_2 = i0.ɵnov(_v, 1).role; var currVal_3 = i0.ɵnov(_v, 1).isError; var currVal_4 = i0.ɵnov(_v, 1).isError; var currVal_5 = i0.ɵnov(_v, 1).isInfo; var currVal_6 = i0.ɵnov(_v, 1).isInfo; var currVal_7 = i0.ɵnov(_v, 1).isSuccess; var currVal_8 = i0.ɵnov(_v, 1).isSuccess; var currVal_9 = i0.ɵnov(_v, 1).isWarning; var currVal_10 = i0.ɵnov(_v, 1).isWarning; var currVal_11 = i0.ɵnov(_v, 1).isLowContrast; var currVal_12 = i0.ɵnov(_v, 1).isLowContrast; var currVal_13 = i0.ɵnov(_v, 1).toastClass; _ck(_v, 0, 1, [currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6, currVal_7, currVal_8, currVal_9, currVal_10, currVal_11, currVal_12, currVal_13]); }); }
52
53
  var ToastNgFactory = i0.ɵccf("ibm-toast", i10.Toast, View_Toast_Host_0, { notificationObj: "notificationObj" }, { close: "close" }, []);
53
54
  export { ToastNgFactory as ToastNgFactory };
@@ -1 +1 @@
1
- {"version":3,"file":"toast.component.ngfactory.js","sourceRoot":"","sources":["../src/notification/toast.component.ngfactory.ts","../src/notification/toast.component.ts.Toast.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;gDCCE,kPAEuC;gDAEtC,0PAEsC;gDAEtC,kQAEsC;mGAVvC,qKAEuC,IAEtC,qKAEsC,IAEtC,qKAEsC,IAEvC,wHAA6C,KAC5C,sIAA8E,KAC9E,wIAAmF,KACnF,wIAAiF,KAElF,2NAIqB,YAApB;;wBAAmB;MAJpB,wBAIqB,KACpB,iOAA6D,iDArB5D,qDAAwC,GAD1C,YAEuC,EADrC,SAAwC,GAIxC,uDAA0C,GAD3C,YAEsC,EADrC,SAA0C,GAI1C,uDAA0C,GAD3C,YAEsC,EADrC,SAA0C,mDAID,mBAAmC,wBAA7E,YAA8E,EAApC,SAAmC,GACjC,mBAAsC,2BAAlF,YAAmF,EAAvC,SAAsC,GACvC,mBAAqC,0BAAhF,aAAiF,EAAtC,SAAqC,GAKhF,mBAA8C,6BAH/C,aAIqB,EADpB,SAA8C","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"]}
1
+ {"version":3,"file":"toast.component.ngfactory.js","sourceRoot":"","sources":["../src/notification/toast.component.ngfactory.ts","../src/notification/toast.component.ts.Toast.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;gDCCE,kPAEuC;gDAEtC,0PAEsC;gDAEtC,kQAEsC;gDAOvC,0NAKqB,YAApB;;wBAAmB;MALpB,wBAKqB,KACpB,+NAA6D,uDAF7D,mBAA8C,6BAJ/C,YAKqB,EADpB,SAA8C;mGArB/C,qKAEuC,IAEtC,qKAEsC,IAEtC,qKAEsC,IAEvC,wHAA6C,KAC5C,sIAA8E,KAC9E,wIAAmF,KACnF,wIAAiF,KAElF,sKAKqB,iDArBnB,qDAAwC,GAD1C,YAEuC,EADrC,SAAwC,GAIxC,uDAA0C,GAD3C,YAEsC,EADrC,SAA0C,GAI1C,uDAA0C,GAD3C,YAEsC,EADrC,SAA0C,GAS3C,mBAAiB,YADlB,aAKqB,EAJpB,SAAiB,mDALyB,mBAAmC,wBAA7E,YAA8E,EAApC,SAAmC,GACjC,mBAAsC,2BAAlF,YAAmF,EAAvC,SAAsC,GACvC,mBAAqC,0BAAhF,aAAiF,EAAtC,SAAqC","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<ibm-icon-error-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'error'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-error-filled16>\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'warning'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\t*ngIf=\"notificationObj.type === 'success'\"\n\t\t\t\tclass=\"bx--toast-notification__icon\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t<div class=\"bx--toast-notification__details\">\n\t\t\t<h3 class=\"bx--toast-notification__title\" [innerHTML]=\"notificationObj.title\"></h3>\n\t\t\t<p class=\"bx--toast-notification__subtitle\" [innerHTML]=\"notificationObj.subtitle\"></p>\n\t\t\t<p class=\"bx--toast-notification__caption\" [innerHTML]=\"notificationObj.caption\"></p>\n\t\t</div>\n\t\t<button\n\t\t\t*ngIf=\"showClose\"\n\t\t\tclass=\"bx--toast-notification__close-button\"\n\t\t\ttype=\"button\"\n\t\t\t[attr.aria-label]=\"notificationObj.closeLabel\"\n\t\t\t(click)=\"onClose()\">\n\t\t\t<ibm-icon-close16 class=\"bx--toast-notification__close-icon\"></ibm-icon-close16>\n\t\t</button>\n\t"]}
@@ -158,7 +158,7 @@ var NumberComponent = /** @class */ (function () {
158
158
  providers: [
159
159
  {
160
160
  provide: NG_VALUE_ACCESSOR,
161
- useExisting: Number,
161
+ useExisting: NumberComponent,
162
162
  multi: true
163
163
  }
164
164
  ]
@@ -1 +1 @@
1
- {"version":3,"file":"number.component.js","sourceRoot":"","sources":["../src/number-input/number.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tHostBinding,\n\tEventEmitter,\n\tOutput,\n\tTemplateRef\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from \"@angular/forms\";\n\n/**\n * Used to emit changes performed on number input components.\n */\nexport class NumberChange {\n\t/**\n\t * Contains the `Number` that has been changed.\n\t */\n\tsource: NumberComponent;\n\t/**\n\t * The value of the `Number` field encompassed in the `NumberChange` class.\n\t */\n\tvalue: number;\n}\n\n/**\n * [See demo](../../?path=/story/number--basic)\n *\n * <example-url>../../iframe.html?id=number--basic</example-url>\n */\n@Component({\n\tselector: \"ibm-number\",\n\ttemplate: `\n\t\t<label *ngIf=\"skeleton && label\" class=\"bx--label bx--skeleton\"></label>\n\t\t<label *ngIf=\"!skeleton && label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t\t<div\n\t\t\tdata-numberinput\n\t\t\t[attr.data-invalid]=\"(invalid ? true : null)\"\n\t\t\tclass=\"bx--number\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--number--light': theme === 'light',\n\t\t\t\t'bx--number--nolabel': !label,\n\t\t\t\t'bx--number--helpertext': helperText,\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--number__input-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t[attr.min]=\"min\"\n\t\t\t\t\t[attr.max]=\"max\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[required]=\"required\"\n\t\t\t\t\t(input)=\"onNumberInputChange($event)\"/>\n\t\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t\t*ngIf=\"!skeleton && invalid\"\n\t\t\t\t\tclass=\"bx--number__invalid\"\n\t\t\t\t\tstyle=\"display: inherit;\">\n\t\t\t\t</ibm-icon-warning-filled16>\n\t\t\t\t<div *ngIf=\"!skeleton\" class=\"bx--number__controls\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn up-icon\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onIncrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-up16></ibm-icon-caret-up16>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn down-icon\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onDecrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-down16></ibm-icon-caret-down16>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: Number,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class NumberComponent implements ControlValueAccessor {\n\t/**\n\t * Variable used for creating unique ids for number input components.\n\t */\n\tstatic numberCount = 0;\n\n\t@HostBinding(\"class.bx--form-item\") containerClass = true;\n\n\t/**\n\t * `light` or `dark` number input theme.\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\t/**\n\t * Set to `true` for a disabled number input.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for a loading number component.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` for an invalid number component.\n\t */\n\t@Input() invalid = false;\n\t/**\n\t * The unique id for the number component.\n\t */\n\t@Input() id = `number-${NumberComponent.numberCount}`;\n\t/**\n\t * Reflects the required attribute of the `input` element.\n\t */\n\t@Input() required: boolean;\n\t/**\n\t * Sets the value attribute on the `input` element.\n\t */\n\t@Input() value = 0;\n\t/**\n\t * Sets the min attribute on the `input` element.\n\t */\n\t@Input() min = null;\n\t/**\n\t * Sets the max attribute on the `input` element.\n\t */\n\t@Input() max = null;\n\t/**\n\t * Sets the text inside the `label` tag.\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\t/**\n\t * Sets the optional helper text.\n\t */\n\t@Input() helperText: string | TemplateRef<any>;\n\t/**\n\t * Sets the invalid text.\n\t */\n\t@Input() invalidText: string | TemplateRef<any>;\n\t/**\n\t * Emits event notifying other classes when a change in state occurs in the input.\n\t */\n\t@Output() change = new EventEmitter<NumberChange>();\n\n\t/**\n\t * Creates an instance of `Number`.\n\t */\n\tconstructor() {\n\t\tNumberComponent.numberCount++;\n\t}\n\n\t/**\n\t * This is the initial value set to the component\n\t * @param value The input value.\n\t */\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t */\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\t/**\n\t * Registers a callback to be triggered when the control has been touched.\n\t * @param fn Callback to be triggered when the number input is touched.\n\t */\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\t/**\n\t * Sets the disabled state through the model\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t}\n\n\t/**\n\t * Called when number input is blurred. Needed to properly implement `ControlValueAccessor`.\n\t */\n\tonTouched: () => any = () => { };\n\n\t/**\n\t * Method set in `registerOnChange` to propagate changes back to the form.\n\t */\n\tpropagateChange = (_: any) => { };\n\n\t/**\n\t * Adds 1 to the current `value`.\n\t */\n\tonIncrement(): void {\n\t\tif (this.max === null || this.value < this.max) {\n\t\t\tthis.value++;\n\t\t\tthis.emitChangeEvent();\n\t\t}\n\t}\n\n\t/**\n\t * Subtracts 1 to the current `value`.\n\t */\n\tonDecrement(): void {\n\t\tif (this.min === null || this.value > this.min) {\n\t\t\tthis.value--;\n\t\t\tthis.emitChangeEvent();\n\t\t}\n\t}\n\n\t/**\n\t * Creates a class of `NumberChange` to emit the change in the `Number`.\n\t */\n\temitChangeEvent(): void {\n\t\tlet event = new NumberChange();\n\t\tevent.source = this;\n\t\tevent.value = Number(this.value);\n\t\tthis.change.emit(event);\n\t\tthis.propagateChange(this.value);\n\t}\n\n\tonNumberInputChange(event) {\n\t\tthis.value = event.target.value;\n\t\tthis.emitChangeEvent();\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\nexport { NumberComponent as Number };\n"]}
1
+ {"version":3,"file":"number.component.js","sourceRoot":"","sources":["../src/number-input/number.component.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n\tComponent,\n\tInput,\n\tHostBinding,\n\tEventEmitter,\n\tOutput,\n\tTemplateRef\n} from \"@angular/core\";\nimport { NG_VALUE_ACCESSOR, ControlValueAccessor } from \"@angular/forms\";\n\n/**\n * Used to emit changes performed on number input components.\n */\nexport class NumberChange {\n\t/**\n\t * Contains the `Number` that has been changed.\n\t */\n\tsource: NumberComponent;\n\t/**\n\t * The value of the `Number` field encompassed in the `NumberChange` class.\n\t */\n\tvalue: number;\n}\n\n/**\n * [See demo](../../?path=/story/number--basic)\n *\n * <example-url>../../iframe.html?id=number--basic</example-url>\n */\n@Component({\n\tselector: \"ibm-number\",\n\ttemplate: `\n\t\t<label *ngIf=\"skeleton && label\" class=\"bx--label bx--skeleton\"></label>\n\t\t<label *ngIf=\"!skeleton && label\" [for]=\"id\" class=\"bx--label\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(label)\">{{label}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(label)\" [ngTemplateOutlet]=\"label\"></ng-template>\n\t\t</label>\n\t\t<div *ngIf=\"helperText\" class=\"bx--form__helper-text\">\n\t\t\t<ng-container *ngIf=\"!isTemplate(helperText)\">{{helperText}}</ng-container>\n\t\t\t<ng-template *ngIf=\"isTemplate(helperText)\" [ngTemplateOutlet]=\"helperText\"></ng-template>\n\t\t</div>\n\t\t<div\n\t\t\tdata-numberinput\n\t\t\t[attr.data-invalid]=\"(invalid ? true : null)\"\n\t\t\tclass=\"bx--number\"\n\t\t\t[ngClass]=\"{\n\t\t\t\t'bx--number--light': theme === 'light',\n\t\t\t\t'bx--number--nolabel': !label,\n\t\t\t\t'bx--number--helpertext': helperText,\n\t\t\t\t'bx--skeleton' : skeleton\n\t\t\t}\">\n\t\t\t<div class=\"bx--number__input-wrapper\">\n\t\t\t\t<input\n\t\t\t\t\ttype=\"number\"\n\t\t\t\t\t[id]=\"id\"\n\t\t\t\t\t[value]=\"value\"\n\t\t\t\t\t[attr.min]=\"min\"\n\t\t\t\t\t[attr.max]=\"max\"\n\t\t\t\t\t[disabled]=\"disabled\"\n\t\t\t\t\t[required]=\"required\"\n\t\t\t\t\t(input)=\"onNumberInputChange($event)\"/>\n\t\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t\t*ngIf=\"!skeleton && invalid\"\n\t\t\t\t\tclass=\"bx--number__invalid\"\n\t\t\t\t\tstyle=\"display: inherit;\">\n\t\t\t\t</ibm-icon-warning-filled16>\n\t\t\t\t<div *ngIf=\"!skeleton\" class=\"bx--number__controls\">\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn up-icon\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onIncrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-up16></ibm-icon-caret-up16>\n\t\t\t\t\t</button>\n\t\t\t\t\t<button\n\t\t\t\t\t\tclass=\"bx--number__control-btn down-icon\"\n\t\t\t\t\t\ttype=\"button\"\n\t\t\t\t\t\taria-live=\"polite\"\n\t\t\t\t\t\taria-atomic=\"true\"\n\t\t\t\t\t\t(click)=\"onDecrement()\">\n\t\t\t\t\t\t<ibm-icon-caret-down16></ibm-icon-caret-down16>\n\t\t\t\t\t</button>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t\t<div *ngIf=\"invalid\" class=\"bx--form-requirement\">\n\t\t\t\t<ng-container *ngIf=\"!isTemplate(invalidText)\">{{invalidText}}</ng-container>\n\t\t\t\t<ng-template *ngIf=\"isTemplate(invalidText)\" [ngTemplateOutlet]=\"invalidText\"></ng-template>\n\t\t\t</div>\n\t\t</div>\n\t`,\n\tproviders: [\n\t\t{\n\t\t\tprovide: NG_VALUE_ACCESSOR,\n\t\t\tuseExisting: NumberComponent,\n\t\t\tmulti: true\n\t\t}\n\t]\n})\nexport class NumberComponent implements ControlValueAccessor {\n\t/**\n\t * Variable used for creating unique ids for number input components.\n\t */\n\tstatic numberCount = 0;\n\n\t@HostBinding(\"class.bx--form-item\") containerClass = true;\n\n\t/**\n\t * `light` or `dark` number input theme.\n\t */\n\t@Input() theme: \"light\" | \"dark\" = \"dark\";\n\t/**\n\t * Set to `true` for a disabled number input.\n\t */\n\t@Input() disabled = false;\n\t/**\n\t * Set to `true` for a loading number component.\n\t */\n\t@Input() skeleton = false;\n\t/**\n\t * Set to `true` for an invalid number component.\n\t */\n\t@Input() invalid = false;\n\t/**\n\t * The unique id for the number component.\n\t */\n\t@Input() id = `number-${NumberComponent.numberCount}`;\n\t/**\n\t * Reflects the required attribute of the `input` element.\n\t */\n\t@Input() required: boolean;\n\t/**\n\t * Sets the value attribute on the `input` element.\n\t */\n\t@Input() value = 0;\n\t/**\n\t * Sets the min attribute on the `input` element.\n\t */\n\t@Input() min = null;\n\t/**\n\t * Sets the max attribute on the `input` element.\n\t */\n\t@Input() max = null;\n\t/**\n\t * Sets the text inside the `label` tag.\n\t */\n\t@Input() label: string | TemplateRef<any>;\n\t/**\n\t * Sets the optional helper text.\n\t */\n\t@Input() helperText: string | TemplateRef<any>;\n\t/**\n\t * Sets the invalid text.\n\t */\n\t@Input() invalidText: string | TemplateRef<any>;\n\t/**\n\t * Emits event notifying other classes when a change in state occurs in the input.\n\t */\n\t@Output() change = new EventEmitter<NumberChange>();\n\n\t/**\n\t * Creates an instance of `Number`.\n\t */\n\tconstructor() {\n\t\tNumberComponent.numberCount++;\n\t}\n\n\t/**\n\t * This is the initial value set to the component\n\t * @param value The input value.\n\t */\n\tpublic writeValue(value: any) {\n\t\tthis.value = value;\n\t}\n\n\t/**\n\t * Sets a method in order to propagate changes back to the form.\n\t */\n\tpublic registerOnChange(fn: any) {\n\t\tthis.propagateChange = fn;\n\t}\n\n\t/**\n\t * Registers a callback to be triggered when the control has been touched.\n\t * @param fn Callback to be triggered when the number input is touched.\n\t */\n\tpublic registerOnTouched(fn: any) {\n\t\tthis.onTouched = fn;\n\t}\n\n\t/**\n\t * Sets the disabled state through the model\n\t */\n\tsetDisabledState(isDisabled: boolean) {\n\t\tthis.disabled = isDisabled;\n\t}\n\n\t/**\n\t * Called when number input is blurred. Needed to properly implement `ControlValueAccessor`.\n\t */\n\tonTouched: () => any = () => { };\n\n\t/**\n\t * Method set in `registerOnChange` to propagate changes back to the form.\n\t */\n\tpropagateChange = (_: any) => { };\n\n\t/**\n\t * Adds 1 to the current `value`.\n\t */\n\tonIncrement(): void {\n\t\tif (this.max === null || this.value < this.max) {\n\t\t\tthis.value++;\n\t\t\tthis.emitChangeEvent();\n\t\t}\n\t}\n\n\t/**\n\t * Subtracts 1 to the current `value`.\n\t */\n\tonDecrement(): void {\n\t\tif (this.min === null || this.value > this.min) {\n\t\t\tthis.value--;\n\t\t\tthis.emitChangeEvent();\n\t\t}\n\t}\n\n\t/**\n\t * Creates a class of `NumberChange` to emit the change in the `Number`.\n\t */\n\temitChangeEvent(): void {\n\t\tlet event = new NumberChange();\n\t\tevent.source = this;\n\t\tevent.value = Number(this.value);\n\t\tthis.change.emit(event);\n\t\tthis.propagateChange(this.value);\n\t}\n\n\tonNumberInputChange(event) {\n\t\tthis.value = event.target.value;\n\t\tthis.emitChangeEvent();\n\t}\n\n\tpublic isTemplate(value) {\n\t\treturn value instanceof TemplateRef;\n\t}\n}\nexport { NumberComponent as Number };\n"]}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "carbon-components-angular",
3
- "version": "3.17.3",
3
+ "version": "3.17.4",
4
4
  "description": "Next generation components",
5
5
  "main": "index.js",
6
6
  "scripts": {
@@ -94,7 +94,6 @@
94
94
  "@storybook/angular": "5.1.8",
95
95
  "@types/jasmine": "2.8.2",
96
96
  "@types/node": "11.13.0",
97
- "ng-packagr": "5.3.0",
98
97
  "angular2-template-loader": "0.6.2",
99
98
  "babel-loader": "8.0.5",
100
99
  "carbon-components": "10.4.1",
@@ -119,10 +118,11 @@
119
118
  "karma-coverage-istanbul-reporter": "2.0.5",
120
119
  "karma-jasmine": "2.0.1",
121
120
  "karma-jasmine-html-reporter": "1.4.2",
122
- "node-sass": "4.11.0",
121
+ "ng-packagr": "5.3.0",
123
122
  "postcss-loader": "3.0.0",
124
123
  "raw-loader": "1.0.0",
125
124
  "rxjs": "6.4.0",
125
+ "sass": "1.22.12",
126
126
  "sass-loader": "7.1.0",
127
127
  "semantic-release": "16.0.0-beta.18",
128
128
  "style-loader": "0.23.1",
@@ -1 +0,0 @@
1
- (window.webpackJsonp=window.webpackJsonp||[]).push([[0],{1124:function(n,o,c){"use strict";c.r(o);c(559),c(702),c(703),c(828),c(849),c(852),c(955),c(1072)},464:function(n,o,c){c(465),c(1124),n.exports=c(1075)},487:function(n,o){}},[[464,1,2]]]);