{"ast":null,"code":"import { __rest } from \"tslib\";\nimport { Observable } from 'rxjs';\nimport { SnotifyPosition } from 'ng-snotify';\nimport * as i0 from \"@angular/core\";\nimport * as i1 from \"ng-snotify\";\nimport * as i2 from \"@angular/forms\";\nexport let AppComponent = /*#__PURE__*/(() => {\n  class AppComponent {\n    constructor(snotifyService) {\n      this.snotifyService = snotifyService;\n      this.style = 'material';\n      this.title = 'Snotify title!';\n      this.body = 'Lorem ipsum dolor sit amet!';\n      this.timeout = 3000;\n      this.position = SnotifyPosition.rightBottom;\n      this.progressBar = true;\n      this.closeClick = true;\n      this.newTop = true;\n      this.filterDuplicates = false;\n      this.backdrop = -1;\n      this.dockMax = 8;\n      this.blockMax = 6;\n      this.pauseHover = true;\n      this.titleMaxLength = 15;\n      this.bodyMaxLength = 80;\n    }\n    /*\n    Change global configuration\n     */\n\n\n    getConfig() {\n      this.snotifyService.setDefaults({\n        global: {\n          newOnTop: this.newTop,\n          maxAtPosition: this.blockMax,\n          maxOnScreen: this.dockMax,\n          // @ts-ignore\n          filterDuplicates: this.filterDuplicates\n        }\n      });\n      return {\n        bodyMaxLength: this.bodyMaxLength,\n        titleMaxLength: this.titleMaxLength,\n        backdrop: this.backdrop,\n        position: this.position,\n        timeout: this.timeout,\n        showProgressBar: this.progressBar,\n        closeOnClick: this.closeClick,\n        pauseOnHover: this.pauseHover\n      };\n    }\n\n    onSuccess() {\n      this.snotifyService.success(this.body, this.title, this.getConfig());\n    }\n\n    onInfo() {\n      this.snotifyService.info(this.body, this.title, this.getConfig());\n    }\n\n    onError() {\n      this.snotifyService.error(this.body, this.title, this.getConfig());\n    }\n\n    onWarning() {\n      this.snotifyService.warning(this.body, this.title, this.getConfig());\n    }\n\n    onSimple() {\n      // const icon = `assets/custom-svg.svg`;\n      const icon = `https://placehold.it/48x100`;\n      this.snotifyService.simple(this.body, this.title, Object.assign(Object.assign({}, this.getConfig()), {\n        icon\n      }));\n    }\n\n    onAsyncLoading() {\n      const errorAction = new Observable(observer => {\n        setTimeout(() => {\n          observer.error({\n            title: 'Error',\n            body: 'Example. Error 404. Service not found'\n          });\n        }, 2000);\n      });\n      const successAction = new Observable(observer => {\n        setTimeout(() => {\n          observer.next({\n            body: 'Still loading.....'\n          });\n        }, 2000);\n        setTimeout(() => {\n          observer.next({\n            title: 'Success',\n            body: 'Example. Data loaded!',\n            config: {\n              closeOnClick: true,\n              timeout: 5000,\n              showProgressBar: true\n            }\n          });\n          observer.complete();\n        }, 5000);\n      });\n      /*\n        You should pass Promise or Observable of type Snotify to change some data or do some other actions\n        More information how to work with observables:\n        https://github.com/Reactive-Extensions/RxJS/blob/master/doc/api/core/operators/create.md\n       */\n\n      const _a = this.getConfig(),\n            {\n        timeout\n      } = _a,\n            config = __rest(_a, [\"timeout\"]); // Omit timeout\n\n\n      this.snotifyService.async('This will resolve with error', 'Async', errorAction, config);\n      this.snotifyService.async('This will resolve with success', successAction, config);\n      this.snotifyService.async('Called with promise', 'Error async', new Promise((resolve, reject) => {\n        setTimeout(() => reject({\n          title: 'Error!!!',\n          body: 'We got an example error!',\n          config: {\n            closeOnClick: true\n          }\n        }), 1000);\n        setTimeout(() => resolve({}), 1500);\n      }), config);\n    }\n\n    onConfirmation() {\n      /*\n      Here we pass an buttons array, which contains of 2 element of type SnotifyButton\n       */\n      const _a = this.getConfig(),\n            {\n        timeout,\n        closeOnClick\n      } = _a,\n            config = __rest(_a, [\"timeout\", \"closeOnClick\"]); // Omit props what i don't need\n\n\n      this.snotifyService.confirm(this.body, this.title, Object.assign(Object.assign({}, config), {\n        buttons: [{\n          text: 'Yes',\n          action: () => console.log('Clicked: Yes'),\n          bold: false\n        }, {\n          text: 'No',\n          action: () => console.log('Clicked: No')\n        }, {\n          text: 'Later',\n          action: toast => {\n            console.log('Clicked: Later');\n            this.snotifyService.remove(toast.id);\n          }\n        }, {\n          text: 'Close',\n          action: toast => {\n            console.log('Clicked: Close');\n            this.snotifyService.remove(toast.id);\n          },\n          bold: true\n        }]\n      }));\n    }\n\n    onPrompt() {\n      /*\n       Here we pass an buttons array, which contains of 2 element of type SnotifyButton\n       At the action of the first buttons we can get what user entered into input field.\n       At the second we can't get it. But we can remove this toast\n       */\n      const _a = this.getConfig(),\n            {\n        timeout,\n        closeOnClick\n      } = _a,\n            config = __rest(_a, [\"timeout\", \"closeOnClick\"]); // Omit props what i don't need\n\n\n      this.snotifyService.prompt(this.body, this.title, Object.assign(Object.assign({}, config), {\n        buttons: [{\n          text: 'Yes',\n          action: toast => console.log('Said Yes: ' + toast.value)\n        }, {\n          text: 'No',\n          action: toast => {\n            console.log('Said No: ' + toast.value);\n            this.snotifyService.remove(toast.id);\n          }\n        }],\n        placeholder: 'Enter \"ng-snotify\" to validate this input' // Max-length = 40\n\n      })).on('input', toast => {\n        console.log(toast.value);\n        toast.valid = !!toast.value.match('ng-snotify');\n      });\n    }\n\n    onHtml() {\n      const html = `<div class=\"snotifyToast__title\"><b>Html Bold Title</b></div>\n    <div class=\"snotifyToast__body\"><i>Html</i> <b>toast</b> <u>content</u></div>`;\n      this.snotifyService.html(html, this.getConfig());\n    }\n\n    onClear() {\n      this.snotifyService.clear();\n    }\n\n  }\n\n  AppComponent.ɵfac = function AppComponent_Factory(t) {\n    return new (t || AppComponent)(i0.ɵɵdirectiveInject(i1.SnotifyService));\n  };\n\n  AppComponent.ɵcmp = /*@__PURE__*/i0.ɵɵdefineComponent({\n    type: AppComponent,\n    selectors: [[\"app-root\"]],\n    decls: 162,\n    vars: 30,\n    consts: [[1, \"wrapper\"], [1, \"text-center\"], [1, \"form-group\"], [\"for\", \"title\"], [\"type\", \"text\", \"id\", \"title\", 1, \"form-control\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"body\"], [\"id\", \"body\", \"rows\", \"2\", 1, \"form-control\", 3, \"ngModel\", \"ngModelChange\"], [1, \"row\"], [1, \"col-xs-6\"], [\"for\", \"titlemaxlen\"], [\"type\", \"text\", \"id\", \"titlemaxlen\", 1, \"form-control\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"bodymaxlen\"], [\"type\", \"text\", \"id\", \"bodymaxlen\", 1, \"form-control\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"timeout\"], [\"type\", \"number\", \"id\", \"timeout\", 1, \"form-control\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"backdrop\"], [\"type\", \"number\", \"id\", \"backdrop\", \"min\", \"-1\", \"max\", \"1\", 1, \"form-control\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"position\"], [1, \"col-sm-12\"], [\"id\", \"position\", 1, \"form-control\", 3, \"ngModel\", \"ngModelChange\"], [3, \"ngValue\"], [1, \"switch-group-wrapper\"], [1, \"switch-wrapper\"], [1, \"switch\"], [\"id\", \"progressBar\", \"type\", \"checkbox\", 1, \"cmn-toggle\", \"cmn-toggle-yes-no\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"progressBar\", \"data-on\", \"On\", \"data-off\", \"Off\"], [\"id\", \"closeClick\", \"type\", \"checkbox\", 1, \"cmn-toggle\", \"cmn-toggle-yes-no\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"closeClick\", \"data-on\", \"On\", \"data-off\", \"Off\"], [\"id\", \"pauseHover\", \"type\", \"checkbox\", 1, \"cmn-toggle\", \"cmn-toggle-yes-no\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"pauseHover\", \"data-on\", \"On\", \"data-off\", \"Off\"], [\"id\", \"newTop\", \"type\", \"checkbox\", 1, \"cmn-toggle\", \"cmn-toggle-yes-no\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"newTop\", \"data-on\", \"On\", \"data-off\", \"Off\"], [\"id\", \"filterDuplicates\", \"type\", \"checkbox\", 1, \"cmn-toggle\", \"cmn-toggle-yes-no\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"filterDuplicates\", \"data-on\", \"On\", \"data-off\", \"Off\"], [\"for\", \"dockMax\"], [\"type\", \"number\", \"id\", \"dockMax\", \"min\", \"1\", 1, \"form-control\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"blockMax\"], [\"type\", \"number\", \"id\", \"blockMax\", \"min\", \"1\", 1, \"form-control\", 3, \"ngModel\", \"ngModelChange\"], [\"for\", \"style\"], [\"id\", \"style\", 1, \"form-control\", 3, \"ngModel\", \"ngModelChange\"], [1, \"buttons\"], [1, \"btn-group\", \"btn-group-justified\"], [1, \"btn\", \"btn-success\", 3, \"click\"], [1, \"btn\", \"btn-info\", 3, \"click\"], [1, \"btn\", \"btn-danger\", 3, \"click\"], [1, \"btn\", \"btn-warning\", 3, \"click\"], [1, \"btn\", \"btn-default\", 3, \"click\"], [1, \"btn\", \"btn-blue\", 3, \"click\"], [1, \"btn\", \"btn-teal\", 3, \"click\"], [1, \"btn\", \"btn-black\", 3, \"click\"], [1, \"btn\", \"btn-block\", \"btn-primary\", 3, \"click\"], [1, \"content\"], [1, \"brand\"], [1, \"footer\"], [\"href\", \"documentation/index.html\", \"target\", \"_blank\"], [\"href\", \"compodoc/index.html\", \"target\", \"_blank\"], [\"href\", \"https://github.com/artemsky/ng-snotify\", \"target\", \"_blank\"], [\"href\", \"https://www.npmjs.com/package/ng-snotify\", \"target\", \"_blank\"], [\"href\", \"https://github.com/artemsky/\"]],\n    template: function AppComponent_Template(rf, ctx) {\n      if (rf & 1) {\n        i0.ɵɵelementStart(0, \"div\", 0);\n        i0.ɵɵelementStart(1, \"aside\");\n        i0.ɵɵelementStart(2, \"h3\", 1);\n        i0.ɵɵtext(3, \"Toast config\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(4, \"div\", 2);\n        i0.ɵɵelementStart(5, \"label\", 3);\n        i0.ɵɵtext(6, \"Title\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(7, \"input\", 4);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_7_listener($event) {\n          return ctx.title = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(8, \"div\", 2);\n        i0.ɵɵelementStart(9, \"label\", 5);\n        i0.ɵɵtext(10, \"Body\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(11, \"textarea\", 6);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_textarea_ngModelChange_11_listener($event) {\n          return ctx.body = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(12, \"div\", 7);\n        i0.ɵɵelementStart(13, \"div\", 8);\n        i0.ɵɵelementStart(14, \"div\", 2);\n        i0.ɵɵelementStart(15, \"label\", 9);\n        i0.ɵɵtext(16, \"Title max-length\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(17, \"input\", 10);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_17_listener($event) {\n          return ctx.titleMaxLength = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(18, \"div\", 8);\n        i0.ɵɵelementStart(19, \"div\", 2);\n        i0.ɵɵelementStart(20, \"label\", 11);\n        i0.ɵɵtext(21, \"Body max-length\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(22, \"input\", 12);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_22_listener($event) {\n          return ctx.bodyMaxLength = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(23, \"div\", 7);\n        i0.ɵɵelementStart(24, \"div\", 8);\n        i0.ɵɵelementStart(25, \"div\", 2);\n        i0.ɵɵelementStart(26, \"label\", 13);\n        i0.ɵɵtext(27, \"Timeout\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(28, \"input\", 14);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_28_listener($event) {\n          return ctx.timeout = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(29, \"div\", 8);\n        i0.ɵɵelementStart(30, \"div\", 2);\n        i0.ɵɵelementStart(31, \"label\", 15);\n        i0.ɵɵtext(32, \" Backdrop (0.0 - 1.0) \");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(33, \"input\", 16);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_33_listener($event) {\n          return ctx.backdrop = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(34, \"div\", 2);\n        i0.ɵɵelementStart(35, \"label\", 17);\n        i0.ɵɵtext(36, \"Position\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(37, \"div\", 7);\n        i0.ɵɵelementStart(38, \"div\", 18);\n        i0.ɵɵelementStart(39, \"select\", 19);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_select_ngModelChange_39_listener($event) {\n          return ctx.position = $event;\n        });\n        i0.ɵɵelementStart(40, \"option\", 20);\n        i0.ɵɵtext(41, \"LEFT - TOP\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(42, \"option\", 20);\n        i0.ɵɵtext(43, \"LEFT - CENTER\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(44, \"option\", 20);\n        i0.ɵɵtext(45, \"LEFT - BOTTOM\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(46, \"option\", 20);\n        i0.ɵɵtext(47, \"RIGHT - TOP\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(48, \"option\", 20);\n        i0.ɵɵtext(49, \"RIGHT - CENTER\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(50, \"option\", 20);\n        i0.ɵɵtext(51, \"RIGHT - BOTTOM\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(52, \"option\", 20);\n        i0.ɵɵtext(53, \"CENTER - TOP\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(54, \"option\", 20);\n        i0.ɵɵtext(55, \"CENTER - CENTER\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(56, \"option\", 20);\n        i0.ɵɵtext(57, \"CENTER - BOTTOM\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(58, \"div\", 21);\n        i0.ɵɵelementStart(59, \"div\", 22);\n        i0.ɵɵelementStart(60, \"strong\");\n        i0.ɵɵtext(61, \"Show progress bar?\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(62, \"div\", 23);\n        i0.ɵɵelementStart(63, \"input\", 24);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_63_listener($event) {\n          return ctx.progressBar = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelement(64, \"label\", 25);\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(65, \"div\", 22);\n        i0.ɵɵelementStart(66, \"strong\");\n        i0.ɵɵtext(67, \"Close on click?\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(68, \"div\", 23);\n        i0.ɵɵelementStart(69, \"input\", 26);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_69_listener($event) {\n          return ctx.closeClick = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelement(70, \"label\", 27);\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(71, \"div\", 22);\n        i0.ɵɵelementStart(72, \"strong\");\n        i0.ɵɵtext(73, \"Pause on hover?\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(74, \"div\", 23);\n        i0.ɵɵelementStart(75, \"input\", 28);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_75_listener($event) {\n          return ctx.pauseHover = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelement(76, \"label\", 29);\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(77, \"div\", 22);\n        i0.ɵɵelementStart(78, \"strong\");\n        i0.ɵɵtext(79, \"New items on top?\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(80, \"div\", 23);\n        i0.ɵɵelementStart(81, \"input\", 30);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_81_listener($event) {\n          return ctx.newTop = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelement(82, \"label\", 31);\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(83, \"div\", 22);\n        i0.ɵɵelementStart(84, \"strong\");\n        i0.ɵɵtext(85, \"Filter duplicates?\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(86, \"div\", 23);\n        i0.ɵɵelementStart(87, \"input\", 32);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_87_listener($event) {\n          return ctx.filterDuplicates = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelement(88, \"label\", 33);\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(89, \"div\", 7);\n        i0.ɵɵelementStart(90, \"div\", 8);\n        i0.ɵɵelementStart(91, \"div\", 2);\n        i0.ɵɵelementStart(92, \"label\", 34);\n        i0.ɵɵtext(93, \" Max on screen \");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(94, \"input\", 35);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_94_listener($event) {\n          return ctx.dockMax = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(95, \"div\", 8);\n        i0.ɵɵelementStart(96, \"div\", 2);\n        i0.ɵɵelementStart(97, \"label\", 36);\n        i0.ɵɵtext(98, \" Max at position \");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(99, \"input\", 37);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_input_ngModelChange_99_listener($event) {\n          return ctx.blockMax = $event;\n        });\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(100, \"div\", 2);\n        i0.ɵɵelementStart(101, \"label\", 38);\n        i0.ɵɵtext(102, \"Toast Style\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(103, \"div\", 7);\n        i0.ɵɵelementStart(104, \"div\", 18);\n        i0.ɵɵelementStart(105, \"select\", 39);\n        i0.ɵɵlistener(\"ngModelChange\", function AppComponent_Template_select_ngModelChange_105_listener($event) {\n          return ctx.style = $event;\n        });\n        i0.ɵɵelementStart(106, \"option\", 20);\n        i0.ɵɵtext(107, \"Material\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(108, \"option\", 20);\n        i0.ɵɵtext(109, \"Dark\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(110, \"option\", 20);\n        i0.ɵɵtext(111, \"Simple\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(112, \"div\", 2);\n        i0.ɵɵelementStart(113, \"div\", 40);\n        i0.ɵɵelementStart(114, \"div\", 41);\n        i0.ɵɵelementStart(115, \"div\", 42);\n        i0.ɵɵlistener(\"click\", function AppComponent_Template_div_click_115_listener() {\n          return ctx.onSuccess();\n        });\n        i0.ɵɵtext(116, \"Success\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(117, \"div\", 43);\n        i0.ɵɵlistener(\"click\", function AppComponent_Template_div_click_117_listener() {\n          return ctx.onInfo();\n        });\n        i0.ɵɵtext(118, \"Info\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(119, \"div\", 44);\n        i0.ɵɵlistener(\"click\", function AppComponent_Template_div_click_119_listener() {\n          return ctx.onError();\n        });\n        i0.ɵɵtext(120, \"Error\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(121, \"div\", 45);\n        i0.ɵɵlistener(\"click\", function AppComponent_Template_div_click_121_listener() {\n          return ctx.onWarning();\n        });\n        i0.ɵɵtext(122, \"Warning\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(123, \"div\", 41);\n        i0.ɵɵelementStart(124, \"div\", 46);\n        i0.ɵɵlistener(\"click\", function AppComponent_Template_div_click_124_listener() {\n          return ctx.onSimple();\n        });\n        i0.ɵɵtext(125, \"Simple\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(126, \"div\", 47);\n        i0.ɵɵlistener(\"click\", function AppComponent_Template_div_click_126_listener() {\n          return ctx.onAsyncLoading();\n        });\n        i0.ɵɵtext(127, \"Async\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(128, \"div\", 48);\n        i0.ɵɵlistener(\"click\", function AppComponent_Template_div_click_128_listener() {\n          return ctx.onConfirmation();\n        });\n        i0.ɵɵtext(129, \"Confirm\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(130, \"div\", 49);\n        i0.ɵɵlistener(\"click\", function AppComponent_Template_div_click_130_listener() {\n          return ctx.onPrompt();\n        });\n        i0.ɵɵtext(131, \"Prompt\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(132, \"div\", 41);\n        i0.ɵɵelementStart(133, \"div\", 46);\n        i0.ɵɵlistener(\"click\", function AppComponent_Template_div_click_133_listener() {\n          return ctx.onHtml();\n        });\n        i0.ɵɵtext(134, \"HTML\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(135, \"div\", 50);\n        i0.ɵɵlistener(\"click\", function AppComponent_Template_div_click_135_listener() {\n          return ctx.onClear();\n        });\n        i0.ɵɵtext(136, \"Clear all\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(137, \"div\", 51);\n        i0.ɵɵelementStart(138, \"main\");\n        i0.ɵɵelementStart(139, \"div\", 52);\n        i0.ɵɵelementStart(140, \"h1\");\n        i0.ɵɵtext(141, \"Ng-Snotify\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(142, \"p\");\n        i0.ɵɵtext(143, \"Angular 2+ Notification Center\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(144, \"footer\");\n        i0.ɵɵelementStart(145, \"div\", 53);\n        i0.ɵɵelementStart(146, \"a\", 54);\n        i0.ɵɵtext(147, \"Documentation\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵtext(148, \" \\u25C9 \");\n        i0.ɵɵelementStart(149, \"a\", 55);\n        i0.ɵɵtext(150, \"Compodoc\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵtext(151, \" \\u25C9 \");\n        i0.ɵɵelementStart(152, \"a\", 56);\n        i0.ɵɵtext(153, \"GitHub\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵtext(154, \" \\u25C9 \");\n        i0.ɵɵelementStart(155, \"a\", 57);\n        i0.ɵɵtext(156, \"NPM\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementStart(157, \"h6\");\n        i0.ɵɵtext(158, \"MIT \\u00A9 2018 \");\n        i0.ɵɵelementStart(159, \"a\", 58);\n        i0.ɵɵtext(160, \"artemsky\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n        i0.ɵɵelement(161, \"ng-snotify\");\n        i0.ɵɵelementEnd();\n        i0.ɵɵelementEnd();\n      }\n\n      if (rf & 2) {\n        i0.ɵɵadvance(7);\n        i0.ɵɵproperty(\"ngModel\", ctx.title);\n        i0.ɵɵadvance(4);\n        i0.ɵɵproperty(\"ngModel\", ctx.body);\n        i0.ɵɵadvance(6);\n        i0.ɵɵproperty(\"ngModel\", ctx.titleMaxLength);\n        i0.ɵɵadvance(5);\n        i0.ɵɵproperty(\"ngModel\", ctx.bodyMaxLength);\n        i0.ɵɵadvance(6);\n        i0.ɵɵproperty(\"ngModel\", ctx.timeout);\n        i0.ɵɵadvance(5);\n        i0.ɵɵproperty(\"ngModel\", ctx.backdrop);\n        i0.ɵɵadvance(6);\n        i0.ɵɵproperty(\"ngModel\", ctx.position);\n        i0.ɵɵadvance(1);\n        i0.ɵɵproperty(\"ngValue\", \"leftTop\");\n        i0.ɵɵadvance(2);\n        i0.ɵɵproperty(\"ngValue\", \"leftCenter\");\n        i0.ɵɵadvance(2);\n        i0.ɵɵproperty(\"ngValue\", \"leftBottom\");\n        i0.ɵɵadvance(2);\n        i0.ɵɵproperty(\"ngValue\", \"rightTop\");\n        i0.ɵɵadvance(2);\n        i0.ɵɵproperty(\"ngValue\", \"rightCenter\");\n        i0.ɵɵadvance(2);\n        i0.ɵɵproperty(\"ngValue\", \"rightBottom\");\n        i0.ɵɵadvance(2);\n        i0.ɵɵproperty(\"ngValue\", \"centerTop\");\n        i0.ɵɵadvance(2);\n        i0.ɵɵproperty(\"ngValue\", \"centerCenter\");\n        i0.ɵɵadvance(2);\n        i0.ɵɵproperty(\"ngValue\", \"centerBottom\");\n        i0.ɵɵadvance(7);\n        i0.ɵɵproperty(\"ngModel\", ctx.progressBar);\n        i0.ɵɵadvance(6);\n        i0.ɵɵproperty(\"ngModel\", ctx.closeClick);\n        i0.ɵɵadvance(6);\n        i0.ɵɵproperty(\"ngModel\", ctx.pauseHover);\n        i0.ɵɵadvance(6);\n        i0.ɵɵproperty(\"ngModel\", ctx.newTop);\n        i0.ɵɵadvance(6);\n        i0.ɵɵproperty(\"ngModel\", ctx.filterDuplicates);\n        i0.ɵɵadvance(7);\n        i0.ɵɵproperty(\"ngModel\", ctx.dockMax);\n        i0.ɵɵadvance(5);\n        i0.ɵɵproperty(\"ngModel\", ctx.blockMax);\n        i0.ɵɵadvance(6);\n        i0.ɵɵproperty(\"ngModel\", ctx.style);\n        i0.ɵɵadvance(1);\n        i0.ɵɵproperty(\"ngValue\", \"material\");\n        i0.ɵɵadvance(2);\n        i0.ɵɵproperty(\"ngValue\", \"dark\");\n        i0.ɵɵadvance(2);\n        i0.ɵɵproperty(\"ngValue\", \"simple\");\n        i0.ɵɵadvance(51);\n        i0.ɵɵclassMap(ctx.style);\n      }\n    },\n    directives: [i2.DefaultValueAccessor, i2.NgControlStatus, i2.NgModel, i2.NumberValueAccessor, i2.MinValidator, i2.MaxValidator, i2.SelectControlValueAccessor, i2.NgSelectOption, i2.ɵNgSelectMultipleOption, i2.CheckboxControlValueAccessor, i1.SnotifyComponent],\n    styles: [\"@import\\\"https://fonts.googleapis.com/css?family=Audiowide\\\";.wrapper[_ngcontent-%COMP%]{display:flex;height:100vh;width:100vw;overflow:hidden}@media (max-width: 767px){.wrapper[_ngcontent-%COMP%]{flex-flow:column nowrap;height:auto;font-size:12px}}.wrapper[_ngcontent-%COMP%]   aside[_ngcontent-%COMP%]{flex:0 0 350px;padding:10px 15px;overflow-y:auto;z-index:5}.wrapper[_ngcontent-%COMP%]   aside[_ngcontent-%COMP%]   .btn-group[_ngcontent-%COMP%]   .btn[_ngcontent-%COMP%]{padding:6px 9px}.wrapper[_ngcontent-%COMP%]   aside[_ngcontent-%COMP%]   h3[_ngcontent-%COMP%]{margin:0}@media (max-width: 767px){.wrapper[_ngcontent-%COMP%]   aside[_ngcontent-%COMP%]{order:1;overflow:visible;overflow:initial}}.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]{position:relative;width:100%;display:flex;flex-flow:column nowrap;background:#ea5c54;background:linear-gradient(135deg,#ea5c54 0%,#bb6dec 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=\\\"#EA5C54 \\\",endColorstr=\\\"#bb6dec\\\",GradientType=1)}.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   main[_ngcontent-%COMP%]{height:100%;display:flex;justify-content:center;align-items:center}.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   main[_ngcontent-%COMP%]   .brand[_ngcontent-%COMP%]{position:absolute;color:#fff}.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   main[_ngcontent-%COMP%]   .brand[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-family:Audiowide,cursive;font-display:swap;font-size:6em}.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   main[_ngcontent-%COMP%]   .brand[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:2em;text-align:center}@media (max-width: 992px){.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   main[_ngcontent-%COMP%]   .brand[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:4.5em}.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   main[_ngcontent-%COMP%]   .brand[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:1.8em}}@media (max-width: 992px) and (max-width: 767px){.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   main[_ngcontent-%COMP%]   .brand[_ngcontent-%COMP%]   h1[_ngcontent-%COMP%]{font-size:4em}.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   main[_ngcontent-%COMP%]   .brand[_ngcontent-%COMP%]   p[_ngcontent-%COMP%]{font-size:1.5em}}@media (max-width: 767px){.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   main[_ngcontent-%COMP%]{flex-flow:column nowrap;order:0;height:110px}}.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   footer[_ngcontent-%COMP%]{flex:0 0 65px;text-align:center;color:#fff;font-size:1em}.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   footer[_ngcontent-%COMP%]   a[_ngcontent-%COMP%]{color:#fff}.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   footer[_ngcontent-%COMP%]   h6[_ngcontent-%COMP%]{font-size:.9em}@media (max-width: 767px){.wrapper[_ngcontent-%COMP%]   .content[_ngcontent-%COMP%]   footer[_ngcontent-%COMP%]{flex:0 0 40px}}.buttons[_ngcontent-%COMP%]{margin:20px 0}.btn-group[_ngcontent-%COMP%]{margin:5px 0 0}.btn-black[_ngcontent-%COMP%]{color:#f8f8f8;background-color:#2d2d2d;border-color:#000}.btn-black[_ngcontent-%COMP%]:hover{color:#fff;background-color:#000;border-color:#000}.btn-blue[_ngcontent-%COMP%]{color:#f8f8f8;background-color:#2095f2;border-color:#1a80d1}.btn-blue[_ngcontent-%COMP%]:hover{color:#fff;background-color:#1a80d1;border-color:#1a80d1}.btn-teal[_ngcontent-%COMP%]{color:#f8f8f8;background-color:#009587;border-color:#018175}.btn-teal[_ngcontent-%COMP%]:hover{color:#fff;background-color:#018175;border-color:#018175}.switch-wrapper[_ngcontent-%COMP%]{width:50%}.switch-group-wrapper[_ngcontent-%COMP%]{display:flex;flex-flow:row wrap;margin:5px 0 10px}.cmn-toggle[_ngcontent-%COMP%]{position:absolute;margin-left:-9999px;padding:2px;width:60px;height:30px;visibility:hidden}.cmn-toggle[_ngcontent-%COMP%] + label[_ngcontent-%COMP%]{display:block;position:relative;padding:2px;width:60px;height:30px;cursor:pointer;outline:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.cmn-toggle[_ngcontent-%COMP%] + label[_ngcontent-%COMP%]:before, .cmn-toggle[_ngcontent-%COMP%] + label[_ngcontent-%COMP%]:after{display:block;position:absolute;top:0;left:0;bottom:0;right:0;color:#fff;font-family:Roboto Slab,serif;font-size:20px;text-align:center;line-height:30px}.cmn-toggle[_ngcontent-%COMP%] + label[_ngcontent-%COMP%]:before{background-color:#ddd;content:attr(data-off);transition:transform .5s;-webkit-backface-visibility:hidden;backface-visibility:hidden}.cmn-toggle[_ngcontent-%COMP%] + label[_ngcontent-%COMP%]:after{background-color:#8ce196;content:attr(data-on);transition:transform .5s;transform:rotateY(180deg);-webkit-backface-visibility:hidden;backface-visibility:hidden}.cmn-toggle[_ngcontent-%COMP%]:checked + label[_ngcontent-%COMP%]:before{transform:rotateY(180deg)}.cmn-toggle[_ngcontent-%COMP%]:checked + label[_ngcontent-%COMP%]:after{transform:rotateY(0)}\"]\n  });\n  return AppComponent;\n})();","map":null,"metadata":{},"sourceType":"module"}