carbon-components-angular 3.17.0 → 3.17.4

package/file-uploader/file.component.ngfactory.js.map

@@ -1 +1 @@
-{"version":3,"file":"file.component.ngfactory.js","sourceRoot":"","sources":["../src/file-uploader/file.component.ngfactory.ts","../src/file-uploader/file.component.ts.File.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;+CCEE,wOAMc,YAHb;;wBAAuB;MACvB;;wBAA6B;MAC7B;;wBAA6B;MAL9B,wBAMc,KACb,sOAE0C,iDAAzC,mBAAwC,6BAFzC,YAE0C,EAAzC,SAAwC;+CAG1C,6EAA0C,KACzC,+OAAuB,yBAAV,oBAAS,EAAtB,YAAuB,EAAV,SAAS,2BAAtB,+DAAuB;+CAExB,sIAGc,KACb,kRAEsC,iDAArC,mBAAoC,yBAFrC,YAEsC,EAArC,SAAoC;sDAtBtC,wGAA6B,KAAA,gCAAsB,MACnD,oKAMc,IAMd,oKAA0C,IAG1C,oKAGc,iDAjBb,8CAAiC,GADlC,YAMc,EALb,SAAiC,GAW5B,gDAAmC,GAAzC,YAA0C,EAApC,SAAmC,GAIxC,kDAAqC,GADtC,YAGc,EAFb,SAAqC,mDAjBT,+DAAsB","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<p class=\"bx--file-filename\">{{fileItem.file.name}}</p>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'edit'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\t(click)=\"remove.emit()\"\n\t\t\t(keyup.enter)=\"remove.emit()\"\n\t\t\t(keyup.space)=\"remove.emit()\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-close16\n\t\t\t\tclass=\"bx--file-close\"\n\t\t\t\t[ariaLabel]=\"translations.REMOVE_BUTTON\">\n\t\t\t</ibm-icon-close16>\n\t\t</span>\n\t\t<span *ngIf=\"fileItem.state === 'upload'\">\n\t\t\t<ibm-loading size=\"sm\"></ibm-loading>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'complete'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\tclass=\"bx--file-complete\"\n\t\t\t\t[ariaLabel]=\"translations.CHECKMARK\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t</span>\n\t"]}
+{"version":3,"file":"file.component.ngfactory.js","sourceRoot":"","sources":["../src/file-uploader/file.component.ngfactory.ts","../src/file-uploader/file.component.ts.File.html"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;+CCSG,+OAE2B;+CAT5B,wOAMc,YAHb;;wBAAuB;MACvB;;wBAA6B;MAC7B;;wBAA6B;MAL9B,wBAMc,KACb,oKAE2B,IAE3B,sOAE0C,iDALzC,mBAAqB,gBADtB,YAE2B,EAD1B,SAAqB,GAKrB,mBAAwC,6BAFzC,YAE0C,EAAzC,SAAwC;+CAG1C,6EAA0C,KACzC,+OAAuB,yBAAV,oBAAS,EAAtB,YAAuB,EAAV,SAAS,2BAAtB,+DAAuB;+CAExB,sIAGc,KACb,mRAEsC,iDAArC,mBAAoC,yBAFrC,YAEsC,EAArC,SAAoC;sDA1BtC,wGAA6B,KAAA,gCAAsB,MACnD,oKAMc,IAUd,oKAA0C,IAG1C,oKAGc,iDArBb,8CAAiC,GADlC,YAMc,EALb,SAAiC,GAe5B,gDAAmC,GAAzC,YAA0C,EAApC,SAAmC,GAIxC,kDAAqC,GADtC,YAGc,EAFb,SAAqC,mDArBT,+DAAsB","sourcesContent":["import * as i0 from '@angular/core';\ni0.ComponentFactory;\n","\n\t\t<p class=\"bx--file-filename\">{{fileItem.file.name}}</p>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'edit'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\t(click)=\"remove.emit()\"\n\t\t\t(keyup.enter)=\"remove.emit()\"\n\t\t\t(keyup.space)=\"remove.emit()\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-warning-filled16\n\t\t\t\t*ngIf=\"isInvalidText\"\n\t\t\t\tclass=\"bx--file--invalid\">\n\t\t\t</ibm-icon-warning-filled16>\n\t\t\t<ibm-icon-close16\n\t\t\t\tclass=\"bx--file-close\"\n\t\t\t\t[ariaLabel]=\"translations.REMOVE_BUTTON\">\n\t\t\t</ibm-icon-close16>\n\t\t</span>\n\t\t<span *ngIf=\"fileItem.state === 'upload'\">\n\t\t\t<ibm-loading size=\"sm\"></ibm-loading>\n\t\t</span>\n\t\t<span\n\t\t\t*ngIf=\"fileItem.state === 'complete'\"\n\t\t\tclass=\"bx--file__state-container\"\n\t\t\ttabindex=\"0\">\n\t\t\t<ibm-icon-checkmark-filled16\n\t\t\t\tclass=\"bx--file-complete\"\n\t\t\t\t[ariaLabel]=\"translations.CHECKMARK\">\n\t\t\t</ibm-icon-checkmark-filled16>\n\t\t</span>\n\t"]}

package/file-uploader/file.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"translations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"fileItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"selectedFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--file__selected-file"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":4,"members":[]}]}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-file","exportAs":null,"inputs":{"translations":"translations","fileItem":"fileItem"},"outputs":{"remove":"remove"},"hostListeners":{},"hostProperties":{"class.bx--file__selected-file":"selectedFile"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":6,"members":[]},"rendererType":{"__symbol":7,"members":[]},"componentFactory":{"__symbol":8,"members":[]}}}],"symbols":[{"__symbol":0,"name":"File","filePath":"./file.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":5,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":6,"name":"View_File_0","filePath":"./file.component.ngfactory"},{"__symbol":7,"name":"RenderType_File","filePath":"./file.component.ngfactory"},{"__symbol":8,"name":"FileNgFactory","filePath":"./file.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"translations":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"fileItem":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"remove":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"selectedFile":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--file__selected-file"]}]}],"isInvalidText":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--file__selected-file--invalid"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":4,"members":[]}]}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-file","exportAs":null,"inputs":{"translations":"translations","fileItem":"fileItem"},"outputs":{"remove":"remove"},"hostListeners":{},"hostProperties":{"class.bx--file__selected-file":"selectedFile","class.bx--file__selected-file--invalid":"isInvalidText"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":6,"members":[]},"rendererType":{"__symbol":7,"members":[]},"componentFactory":{"__symbol":8,"members":[]}}}],"symbols":[{"__symbol":0,"name":"File","filePath":"./file.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":5,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":6,"name":"View_File_0","filePath":"./file.component.ngfactory"},{"__symbol":7,"name":"RenderType_File","filePath":"./file.component.ngfactory"},{"__symbol":8,"name":"FileNgFactory","filePath":"./file.component.ngfactory"}]}

package/notification/notification-content.interface.d.ts

@@ -26,6 +26,8 @@ export interface NotificationContent {
     smart?: boolean;
     closeLabel?: any;
     message?: string;
+    showClose?: boolean;
+    lowContrast?: boolean;
 }
 export interface ToastContent extends NotificationContent {
     subtitle: string;

package/notification/notification-content.interface.js.map

@@ -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}\n\nexport interface ToastContent extends NotificationContent {\n\tsubtitle: string;\n\tcaption: string;\n}\n"]}
+{"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"]}

package/notification/notification.component.d.ts

@@ -53,10 +53,13 @@ export declare class Notification {
     readonly isInfo: boolean;
     readonly isSuccess: boolean;
     readonly isWarning: boolean;
+    readonly isLowContrast: boolean;
+    readonly showClose: boolean;
     protected defaultNotificationObj: {
         title: string;
         message: string;
         type: string;
+        showClose: boolean;
         closeLabel: any;
     };
     protected _notificationObj: NotificationContent;

package/notification/notification.component.js

@@ -44,6 +44,7 @@ var Notification = /** @class */ (function () {
             title: "",
             message: "",
             type: "info",
+            showClose: true,
             closeLabel: this.i18n.get("NOTIFICATION.CLOSE_BUTTON")
         };
         this._notificationObj = Object.assign({}, this.defaultNotificationObj);
@@ -88,6 +89,18 @@ var Notification = /** @class */ (function () {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(Notification.prototype, "isLowContrast", {
+        get: function () { return this.notificationObj.lowContrast; },
+        enumerable: true,
+        configurable: true
+    });
+    Object.defineProperty(Notification.prototype, "showClose", {
+        get: function () {
+            return this._notificationObj.showClose;
+        },
+        enumerable: true,
+        configurable: true
+    });
     /**
      * Emits close event.
      */
@@ -100,7 +113,7 @@ var Notification = /** @class */ (function () {
     Notification.decorators = [
         { type: Component, args: [{
                     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"
+                    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"
                 },] },
     ];
     /** @nocollapse */
@@ -118,7 +131,8 @@ var Notification = /** @class */ (function () {
         isError: [{ type: HostBinding, args: ["class.bx--inline-notification--error",] }],
         isInfo: [{ type: HostBinding, args: ["class.bx--inline-notification--info",] }],
         isSuccess: [{ type: HostBinding, args: ["class.bx--inline-notification--success",] }],
-        isWarning: [{ type: HostBinding, args: ["class.bx--inline-notification--warning",] }]
+        isWarning: [{ type: HostBinding, args: ["class.bx--inline-notification--warning",] }],
+        isLowContrast: [{ type: HostBinding, args: ["class.bx--inline-notification--low-contrast",] }]
     };
     return Notification;
 }());

package/notification/notification.component.js.map

@@ -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;IA0EC,sBAAsB,0BAAsD,EAAY,IAAU;QAA5E,+BAA0B,GAA1B,0BAA0B,CAA4B;QAAY,SAAI,GAAJ,IAAI,CAAM;QA1BlG;;WAEG;QACO,UAAK,GAAsB,IAAI,YAAY,EAAE,CAAC;QAMhC,mBAAc,GAAG,cAAc,CAAC;QACV,sBAAiB,GAAG,IAAI,CAAC;QAC7C,SAAI,GAAG,OAAO,CAAC;QAO/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;IApCtG,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;IAY1H;;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;;gBArFD,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;;IAsBtD,mBAAC;CAAA,AAtFD,IAsFC;SAxDY,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\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"]}
+{"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;IAiFC,sBAAsB,0BAAsD,EAAY,IAAU;QAA5E,+BAA0B,GAA1B,0BAA0B,CAA4B;QAAY,SAAI,GAAJ,IAAI,CAAM;QAhClG;;WAEG;QACO,UAAK,GAAsB,IAAI,YAAY,EAAE,CAAC;QAMhC,mBAAc,GAAG,cAAc,CAAC;QACV,sBAAiB,GAAG,IAAI,CAAC;QAC7C,SAAI,GAAG,OAAO,CAAC;QAY/B,2BAAsB,GAAG;YAClC,KAAK,EAAE,EAAE;YACT,OAAO,EAAE,EAAE;YACX,IAAI,EAAE,MAAM;YACZ,SAAS,EAAE,IAAI;YACf,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;IA1CtG,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;IAE5H,sBAAI,mCAAS;aAAb;YACC,OAAO,IAAI,CAAC,gBAAgB,CAAC,SAAS,CAAC;QACxC,CAAC;;;OAAA;IAaD;;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;;gBA5FD,SAAS,SAAC;oBACV,QAAQ,EAAE,kBAAkB;oBAC5B,QAAQ,EAAE,8pCA2BT;iBACD;;;;gBAxCQ,0BAA0B;gBAD1B,IAAI;;;kCAkDX,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;;IA2B3D,mBAAC;CAAA,AA7FD,IA6FC;SA9DY,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*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"]}

package/notification/notification.component.metadata.json

@@ -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"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./notification-display.service","name":"NotificationDisplayService","line":96,"character":51},{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":96,"character":95}]}],"onClose":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}}}}]
+[{"__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"}]}}}}]

package/notification/notification.component.ngfactory.js

@@ -43,11 +43,12 @@ export { RenderType_Notification as RenderType_Notification };
 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); }
 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); }
 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); }
-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)) {
+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)) {
         var pd_0 = (_co.onClose() !== false);
         ad = (pd_0 && ad);
-    } 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); }); }
-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]], 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; _ck(_v, 0, 0, currVal_0, currVal_1, currVal_2, currVal_3, currVal_4, currVal_5, currVal_6); }); }
+    } 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); }); }
+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); }); }
+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); }); }
 var NotificationNgFactory = i0.ɵccf("ibm-notification", i10.Notification, View_Notification_Host_0, { notificationObj: "notificationObj" }, { close: "close" }, []);
 export { NotificationNgFactory as NotificationNgFactory };
 //# sourceMappingURL=notification.component.ngfactory.js.map

package/notification/notification.component.ngfactory.js.map

@@ -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"]}
+{"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"]}

package/notification/notification.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["notification"]}]}],"notificationID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["attr.id"]}]}],"notificationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--warning"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":5,"members":[]},{"__symbol":6,"members":[]}]}],"onClose":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-notification","exportAs":null,"inputs":{"notificationObj":"notificationObj"},"outputs":{"close":"close"},"hostListeners":{},"hostProperties":{"attr.id":"notificationID","class.bx--inline-notification":"notificationClass","attr.role":"role","class.bx--inline-notification--error":"isError","class.bx--inline-notification--info":"isInfo","class.bx--inline-notification--success":"isSuccess","class.bx--inline-notification--warning":"isWarning"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"notification"}],"first":true,"descendants":true,"propertyName":"notification","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":8,"members":[]},"rendererType":{"__symbol":9,"members":[]},"componentFactory":{"__symbol":10,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Notification","filePath":"./notification.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"ViewChild","filePath":"@angular/core"},{"__symbol":4,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":5,"name":"NotificationDisplayService","filePath":"./notification-display.service"},{"__symbol":6,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":7,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":8,"name":"View_Notification_0","filePath":"./notification.component.ngfactory"},{"__symbol":9,"name":"RenderType_Notification","filePath":"./notification.component.ngfactory"},{"__symbol":10,"name":"NotificationNgFactory","filePath":"./notification.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":1,"members":[]}}]}],"close":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"notification":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["notification"]}]}],"notificationID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["attr.id"]}]}],"notificationClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--warning"]}]}],"isLowContrast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":4,"members":[]},"arguments":["class.bx--inline-notification--low-contrast"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":5,"members":[]},{"__symbol":6,"members":[]}]}],"onClose":[{"__symbolic":"method"}],"destroy":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":5,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}}}],"lifecycleHooks":[]},"isComponent":true,"selector":"ibm-notification","exportAs":null,"inputs":{"notificationObj":"notificationObj"},"outputs":{"close":"close"},"hostListeners":{},"hostProperties":{"attr.id":"notificationID","class.bx--inline-notification":"notificationClass","attr.role":"role","class.bx--inline-notification--error":"isError","class.bx--inline-notification--info":"isInfo","class.bx--inline-notification--success":"isSuccess","class.bx--inline-notification--warning":"isWarning","class.bx--inline-notification--low-contrast":"isLowContrast"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"notification"}],"first":true,"descendants":true,"propertyName":"notification","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":8,"members":[]},"rendererType":{"__symbol":9,"members":[]},"componentFactory":{"__symbol":10,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Notification","filePath":"./notification.component"},{"__symbol":1,"name":"Input","filePath":"@angular/core"},{"__symbol":2,"name":"Output","filePath":"@angular/core"},{"__symbol":3,"name":"ViewChild","filePath":"@angular/core"},{"__symbol":4,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":5,"name":"NotificationDisplayService","filePath":"./notification-display.service"},{"__symbol":6,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":7,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":8,"name":"View_Notification_0","filePath":"./notification.component.ngfactory"},{"__symbol":9,"name":"RenderType_Notification","filePath":"./notification.component.ngfactory"},{"__symbol":10,"name":"NotificationNgFactory","filePath":"./notification.component.ngfactory"}]}

package/notification/notification.module.ngfactory.js.map

@@ -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"]}
+{"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"]}

package/notification/toast.component.d.ts

@@ -48,6 +48,7 @@ export declare class Toast extends Notification implements OnInit {
     readonly isInfo: boolean;
     readonly isSuccess: boolean;
     readonly isWarning: boolean;
+    readonly isLowContrast: boolean;
     readonly isExperimental: boolean;
     constructor(notificationDisplayService: NotificationDisplayService, i18n: I18n, experimental: ExperimentalService);
     ngOnInit(): void;

package/notification/toast.component.js

@@ -50,6 +50,8 @@ var Toast = /** @class */ (function (_super) {
         _this.toastID = "notification";
         _this.toastClass = true;
         _this.role = "alert";
+        // disable inline notification styles
+        _this.notificationClass = false;
         return _this;
     }
     Object.defineProperty(Toast.prototype, "isError", {
@@ -72,6 +74,11 @@ var Toast = /** @class */ (function (_super) {
         enumerable: true,
         configurable: true
     });
+    Object.defineProperty(Toast.prototype, "isLowContrast", {
+        get: function () { return this.notificationObj.lowContrast; },
+        enumerable: true,
+        configurable: true
+    });
     Object.defineProperty(Toast.prototype, "isExperimental", {
         get: function () {
             return this.experimental.isExperimental;
@@ -87,7 +94,7 @@ var Toast = /** @class */ (function (_super) {
     Toast.decorators = [
         { type: Component, args: [{
                     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"
+                    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"
                 },] },
     ];
     /** @nocollapse */
@@ -104,7 +111,8 @@ var Toast = /** @class */ (function (_super) {
         isError: [{ type: HostBinding, args: ["class.bx--toast-notification--error",] }],
         isInfo: [{ type: HostBinding, args: ["class.bx--toast-notification--info",] }],
         isSuccess: [{ type: HostBinding, args: ["class.bx--toast-notification--success",] }],
-        isWarning: [{ type: HostBinding, args: ["class.bx--toast-notification--warning",] }]
+        isWarning: [{ type: HostBinding, args: ["class.bx--toast-notification--warning",] }],
+        isLowContrast: [{ type: HostBinding, args: ["class.bx--toast-notification--low-contrast",] }]
     };
     return Toast;
 }(Notification));

package/notification/toast.component.js.map

@@ -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;IAqBtC,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;QAhBpB,aAAO,GAAG,cAAc,CAAC;QACJ,gBAAU,GAAG,IAAI,CAAC;QACrC,UAAI,GAAG,OAAO,CAAC;;IAgBzC,CAAC;IAdD,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;IAE5H,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;;gBA7DD,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;;IAkBrD,YAAC;CAAA,AA9DD,CA6B2B,YAAY,GAiCtC;SAjCY,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\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"]}
+{"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"]}

package/notification/toast.component.metadata.json

@@ -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"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbolic":"reference","module":"./notification-display.service","name":"NotificationDisplayService","line":71,"character":40},{"__symbolic":"reference","module":"./../i18n/i18n.module","name":"I18n","line":72,"character":18},{"__symbolic":"reference","module":"./../experimental.module","name":"ExperimentalService","line":73,"character":26}]}],"ngOnInit":[{"__symbolic":"method"}]}}}}]
+[{"__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"}]}}}}]

package/notification/toast.component.ngfactory.js

@@ -31,9 +31,9 @@ import * as i3 from "../../../node_modules/@carbon/icons-angular/lib/warning--fi
 import * as i4 from "@carbon/icons-angular/lib/warning--filled/16";
 import * as i5 from "../../../node_modules/@carbon/icons-angular/lib/checkmark--filled/16.ngfactory";
 import * as i6 from "@carbon/icons-angular/lib/checkmark--filled/16";
-import * as i7 from "@angular/common";
-import * as i8 from "../../../node_modules/@carbon/icons-angular/lib/close/16.ngfactory";
-import * as i9 from "@carbon/icons-angular/lib/close/16";
+import * as i7 from "../../../node_modules/@carbon/icons-angular/lib/close/16.ngfactory";
+import * as i8 from "@carbon/icons-angular/lib/close/16";
+import * as i9 from "@angular/common";
 import * as i10 from "./toast.component";
 import * as i11 from "./notification-display.service";
 import * as i12 from "../i18n/i18n.service";
@@ -44,11 +44,12 @@ export { RenderType_Toast as RenderType_Toast };
 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); }
 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); }
 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); }
-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)) {
+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)) {
         var pd_0 = (_co.onClose() !== false);
         ad = (pd_0 && ad);
-    } 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); }); }
-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--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).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]); }); }
+    } 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); }); }
+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); }); }
+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]); }); }
 var ToastNgFactory = i0.ɵccf("ibm-toast", i10.Toast, View_Toast_Host_0, { notificationObj: "notificationObj" }, { close: "close" }, []);
 export { ToastNgFactory as ToastNgFactory };
 //# sourceMappingURL=toast.component.ngfactory.js.map

package/notification/toast.component.ngfactory.js.map

@@ -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"]}
+{"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"]}

package/notification/toast.component.ngsummary.json

@@ -1 +1 @@
-{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","extends":{"__symbol":1,"members":[]},"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"toastID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.id"]}]}],"toastClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--warning"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":4,"members":[]},{"__symbol":5,"members":[]},{"__symbol":6,"members":[]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":8,"members":[]}}}}],"lifecycleHooks":[0]},"isComponent":true,"selector":"ibm-toast","exportAs":null,"inputs":{"notificationObj":"notificationObj"},"outputs":{"close":"close"},"hostListeners":{},"hostProperties":{"attr.id":"toastID","class.bx--inline-notification":"notificationClass","attr.role":"role","class.bx--inline-notification--error":"isError","class.bx--toast-notification--error":"isError","class.bx--inline-notification--info":"isInfo","class.bx--toast-notification--info":"isInfo","class.bx--inline-notification--success":"isSuccess","class.bx--toast-notification--success":"isSuccess","class.bx--inline-notification--warning":"isWarning","class.bx--toast-notification--warning":"isWarning","class.bx--toast-notification":"toastClass"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"notification"}],"first":true,"descendants":true,"propertyName":"notification","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":9,"members":[]},"rendererType":{"__symbol":10,"members":[]},"componentFactory":{"__symbol":11,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Toast","filePath":"./toast.component"},{"__symbol":1,"name":"Notification","filePath":"./notification.component"},{"__symbol":2,"name":"Input","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"NotificationDisplayService","filePath":"./notification-display.service"},{"__symbol":5,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":6,"name":"ExperimentalService","filePath":"../experimental.module"},{"__symbol":7,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":8,"name":"ExperimentalService","filePath":"../experimental.service"},{"__symbol":9,"name":"View_Toast_0","filePath":"./toast.component.ngfactory"},{"__symbol":10,"name":"RenderType_Toast","filePath":"./toast.component.ngfactory"},{"__symbol":11,"name":"ToastNgFactory","filePath":"./toast.component.ngfactory"}]}
+{"moduleName":null,"summaries":[{"symbol":{"__symbol":0,"members":[]},"metadata":{"__symbolic":"class","extends":{"__symbol":1,"members":[]},"members":{"notificationObj":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":2,"members":[]}}]}],"toastID":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.id"]}]}],"toastClass":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification"]}]}],"role":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["attr.role"]}]}],"isError":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--error"]}]}],"isInfo":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--info"]}]}],"isSuccess":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--success"]}]}],"isWarning":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--warning"]}]}],"isLowContrast":[{"__symbolic":"property","decorators":[{"__symbolic":"call","expression":{"__symbol":3,"members":[]},"arguments":["class.bx--toast-notification--low-contrast"]}]}],"__ctor__":[{"__symbolic":"constructor","parameters":[{"__symbol":4,"members":[]},{"__symbol":5,"members":[]},{"__symbol":6,"members":[]}]}],"ngOnInit":[{"__symbolic":"method"}]}},"type":{"summaryKind":1,"type":{"reference":{"__symbol":0,"members":[]},"diDeps":[{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":4,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":7,"members":[]}}}},{"isAttribute":false,"isHost":false,"isSelf":false,"isSkipSelf":false,"isOptional":false,"token":{"identifier":{"reference":{"__symbol":8,"members":[]}}}}],"lifecycleHooks":[0]},"isComponent":true,"selector":"ibm-toast","exportAs":null,"inputs":{"notificationObj":"notificationObj"},"outputs":{"close":"close"},"hostListeners":{},"hostProperties":{"attr.id":"toastID","class.bx--inline-notification":"notificationClass","attr.role":"role","class.bx--inline-notification--error":"isError","class.bx--toast-notification--error":"isError","class.bx--inline-notification--info":"isInfo","class.bx--toast-notification--info":"isInfo","class.bx--inline-notification--success":"isSuccess","class.bx--toast-notification--success":"isSuccess","class.bx--inline-notification--warning":"isWarning","class.bx--toast-notification--warning":"isWarning","class.bx--inline-notification--low-contrast":"isLowContrast","class.bx--toast-notification--low-contrast":"isLowContrast","class.bx--toast-notification":"toastClass"},"hostAttributes":{},"providers":[],"viewProviders":[],"queries":[],"guards":{},"viewQueries":[{"selectors":[{"value":"notification"}],"first":true,"descendants":true,"propertyName":"notification","read":null}],"entryComponents":[],"changeDetection":1,"template":{"ngContentSelectors":[],"encapsulation":2},"componentViewType":{"__symbol":9,"members":[]},"rendererType":{"__symbol":10,"members":[]},"componentFactory":{"__symbol":11,"members":[]}}}],"symbols":[{"__symbol":0,"name":"Toast","filePath":"./toast.component"},{"__symbol":1,"name":"Notification","filePath":"./notification.component"},{"__symbol":2,"name":"Input","filePath":"@angular/core"},{"__symbol":3,"name":"HostBinding","filePath":"@angular/core"},{"__symbol":4,"name":"NotificationDisplayService","filePath":"./notification-display.service"},{"__symbol":5,"name":"I18n","filePath":"../i18n/i18n.module"},{"__symbol":6,"name":"ExperimentalService","filePath":"../experimental.module"},{"__symbol":7,"name":"I18n","filePath":"../i18n/i18n.service"},{"__symbol":8,"name":"ExperimentalService","filePath":"../experimental.service"},{"__symbol":9,"name":"View_Toast_0","filePath":"./toast.component.ngfactory"},{"__symbol":10,"name":"RenderType_Toast","filePath":"./toast.component.ngfactory"},{"__symbol":11,"name":"ToastNgFactory","filePath":"./toast.component.ngfactory"}]}

package/number-input/number.component.d.ts

@@ -27,7 +27,7 @@ export declare class NumberChange {
     /**
      * Contains the `Number` that has been changed.
      */
-    source: Number;
+    source: NumberComponent;
     /**
      * The value of the `Number` field encompassed in the `NumberChange` class.
      */
@@ -38,7 +38,7 @@ export declare class NumberChange {
  *
  * <example-url>../../iframe.html?id=number--basic</example-url>
  */
-export declare class Number implements ControlValueAccessor {
+export declare class NumberComponent implements ControlValueAccessor {
     /**
      * Variable used for creating unique ids for number input components.
      */
@@ -141,3 +141,4 @@ export declare class Number implements ControlValueAccessor {
     onNumberInputChange(event: any): void;
     isTemplate(value: any): boolean;
 }
+export { NumberComponent as Number };