sdk-message
Version:
Simple to use (Angular) component for displaying messages for a brief moment.
1 lines • 7.7 kB
Source Map (JSON)
{"version":3,"file":"sdk-message.mjs","sources":["../../../projects/sdk-message/src/lib/sdk-message.component.ts","../../../projects/sdk-message/src/lib/sdk-message.component.html","../../../projects/sdk-message/src/lib/sdk-message.module.ts","../../../projects/sdk-message/src/public-api.ts","../../../projects/sdk-message/src/sdk-message.ts"],"sourcesContent":["import { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';\n\n@Component({\n\tselector: 'sdk-message',\n\ttemplateUrl: './sdk-message.component.html',\n\tstyleUrls: ['./sdk-message.component.scss']\n})\n\nexport class SDKMessageComponent {\n /**************************************************************************\n * Input/Output Parameters\n **************************************************************************/\n\t@Input() message: string = \"\";\n\t@Input() height: string = \"\";\n\t@Input() style: string = \"\";\n\t@Input() timer: number = 5;\n\t@Output() messageChange: EventEmitter<any> = new EventEmitter();\n\n /**************************************************************************\n * Component Variables\n **************************************************************************/\n\t@ViewChild('sdkmessage') sdkmessage!: ElementRef<any>;\n\n\tprotected showMessage: boolean = false;\n\tprotected _message: string = \"\";\n\n\tprivate _timer: any;\n\n /**************************************************************************\n * Component Lifecycle Methods\n **************************************************************************/\n\tprotected ngOnChanges(_args: any): void {\n\t\tif (_args.message) {\n\t\t\tthis._message = _args.message.currentValue;\n\n\t\t\tif (this._message && this._message !== \"\") {\n\t\t\t\tthis.stopTimer();\n\t\t\t\tthis.showMessage = true;\n\t\t\t\tthis.startTimer();\n\t\t\t} else {\n\t\t\t\tthis.showMessage = false;\n\t\t\t\tthis._message = \"\";\n\t\t\t\tthis.stopTimer();\n\t\t\t}\n\t\t}\n\t}\n\n\tprotected ngAfterViewInit() {\n\t\tsetTimeout(() => {\n\t\t\tif(this.sdkmessage) {\n\t\t\t\tif (this.height !== \"\") {\n\t\t\t\t\tthis.sdkmessage.nativeElement.style.setProperty(\"--message-height\", this.height);\n\t\t\t\t\tthis.sdkmessage.nativeElement.style.height = this.height;\n\t\t\t\t}\n\n\t\t\t\tif (!this.sdkmessage.nativeElement.style.height) {\n\t\t\t\t\tthis.sdkmessage.nativeElement.style.height = \"35px\";\n\t\t\t\t}\n\n\t\t\t\tlet messageHeight = parseInt(this.sdkmessage.nativeElement.style.height) * -1;\n\n\t\t\t\tthis.sdkmessage.nativeElement.style.setProperty(\"--message-top\", `${messageHeight}px`);\n\t\t\t}\n\t\t}, 1);\n\t}\n\n /**************************************************************************\n * Protected Methods\n **************************************************************************/\n\tprotected startTimer() {\n\t\tthis._timer = setInterval(() => {\n\t\t\tthis.clearMessage();\n\t\t}, (this.timer * 1000));\n\t}\n\n\tprotected stopTimer() {\n\t\tclearInterval(this._timer);\n\t}\n\n\tprotected clearMessage() {\n\t\tthis.stopTimer();\n\n\t\tthis._message = \"\";\n\t\tthis.messageChange.emit();\n\t}\n}\n","<div #sdkmessage class=\"sdk-message\" [ngClass]=\"{ show: showMessage }\" [ngStyle]=\"{ visibility: (showMessage) ? 'visible' : 'hidden' }\" [style]=\"style\" (click)=\"clearMessage()\" (mouseover)=\"stopTimer()\" (mouseout)=\"startTimer()\">\n <div class=\"message\" [innerHTML]=\"_message\"></div>\n</div>\n","import { NgModule, NO_ERRORS_SCHEMA } from '@angular/core';\nimport { CommonModule } from '@angular/common';\n\nimport { SDKMessageComponent } from './sdk-message.component';\n\n@NgModule({\n declarations: [\n SDKMessageComponent\n ],\n imports: [\n CommonModule\n ],\n exports: [\n SDKMessageComponent\n ],\n schemas: [\n NO_ERRORS_SCHEMA\n ]\n})\nexport class SDKMessageModule { }\n","/*\n * Public API Surface of sdk-loading\n */\n\nexport { SDKMessageModule } from './lib/sdk-message.module';\nexport { SDKMessageComponent } from './lib/sdk-message.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;MAQa,mBAAmB,CAAA;AANhC,IAAA,WAAA,GAAA;AAOI;;AAE2E;QACrE,IAAO,CAAA,OAAA,GAAW,EAAE,CAAC;QACrB,IAAM,CAAA,MAAA,GAAW,EAAE,CAAC;QACpB,IAAK,CAAA,KAAA,GAAW,EAAE,CAAC;QACnB,IAAK,CAAA,KAAA,GAAW,CAAC,CAAC;AACjB,QAAA,IAAA,CAAA,aAAa,GAAsB,IAAI,YAAY,EAAE,CAAC;QAOtD,IAAW,CAAA,WAAA,GAAY,KAAK,CAAC;QAC7B,IAAQ,CAAA,QAAA,GAAW,EAAE,CAAC;AA6DhC,KAAA;AAzDG;;AAE2E;AACpE,IAAA,WAAW,CAAC,KAAU,EAAA;AAC/B,QAAA,IAAI,KAAK,CAAC,OAAO,EAAE;YAClB,IAAI,CAAC,QAAQ,GAAG,KAAK,CAAC,OAAO,CAAC,YAAY,CAAC;YAE3C,IAAI,IAAI,CAAC,QAAQ,IAAI,IAAI,CAAC,QAAQ,KAAK,EAAE,EAAE;gBAC1C,IAAI,CAAC,SAAS,EAAE,CAAC;AACjB,gBAAA,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC;gBACxB,IAAI,CAAC,UAAU,EAAE,CAAC;aAClB;iBAAM;AACN,gBAAA,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;AACzB,gBAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;gBACnB,IAAI,CAAC,SAAS,EAAE,CAAC;aACjB;SACD;KACD;IAES,eAAe,GAAA;QACxB,UAAU,CAAC,MAAK;AACf,YAAA,IAAG,IAAI,CAAC,UAAU,EAAE;AACnB,gBAAA,IAAI,IAAI,CAAC,MAAM,KAAK,EAAE,EAAE;AACvB,oBAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,kBAAkB,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC;AACjF,oBAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC;iBACzD;gBAED,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,EAAE;oBAChD,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,GAAG,MAAM,CAAC;iBACpD;AAED,gBAAA,IAAI,aAAa,GAAG,QAAQ,CAAC,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC;AAE9E,gBAAA,IAAI,CAAC,UAAU,CAAC,aAAa,CAAC,KAAK,CAAC,WAAW,CAAC,eAAe,EAAE,CAAA,EAAG,aAAa,CAAA,EAAA,CAAI,CAAC,CAAC;aACvF;SACD,EAAE,CAAC,CAAC,CAAC;KACN;AAEE;;AAE2E;IACpE,UAAU,GAAA;AACnB,QAAA,IAAI,CAAC,MAAM,GAAG,WAAW,CAAC,MAAK;YAC9B,IAAI,CAAC,YAAY,EAAE,CAAC;SACpB,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,EAAE,CAAC;KACxB;IAES,SAAS,GAAA;AAClB,QAAA,aAAa,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;KAC3B;IAES,YAAY,GAAA;QACrB,IAAI,CAAC,SAAS,EAAE,CAAC;AAEjB,QAAA,IAAI,CAAC,QAAQ,GAAG,EAAE,CAAC;AACnB,QAAA,IAAI,CAAC,aAAa,CAAC,IAAI,EAAE,CAAC;KAC1B;+GA5EW,mBAAmB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA,EAAA;AAAnB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,mBAAmB,iTCRhC,2TAGA,EAAA,MAAA,EAAA,CAAA,0YAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,SAAA,CAAA,EAAA,EAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,OAAA,EAAA,QAAA,EAAA,WAAA,EAAA,MAAA,EAAA,CAAA,SAAA,CAAA,EAAA,CAAA,EAAA,CAAA,CAAA,EAAA;;4FDKa,mBAAmB,EAAA,UAAA,EAAA,CAAA;kBAN/B,SAAS;+BACC,aAAa,EAAA,QAAA,EAAA,2TAAA,EAAA,MAAA,EAAA,CAAA,0YAAA,CAAA,EAAA,CAAA;8BASd,OAAO,EAAA,CAAA;sBAAf,KAAK;gBACG,MAAM,EAAA,CAAA;sBAAd,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACG,KAAK,EAAA,CAAA;sBAAb,KAAK;gBACI,aAAa,EAAA,CAAA;sBAAtB,MAAM;gBAKkB,UAAU,EAAA,CAAA;sBAAlC,SAAS;uBAAC,YAAY,CAAA;;;MEFX,gBAAgB,CAAA;+GAAhB,gBAAgB,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA,EAAA;AAAhB,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,EAZzB,YAAA,EAAA,CAAA,mBAAmB,CAGnB,EAAA,OAAA,EAAA,CAAA,YAAY,aAGZ,mBAAmB,CAAA,EAAA,CAAA,CAAA,EAAA;AAMV,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,gBAAgB,YATzB,YAAY,CAAA,EAAA,CAAA,CAAA,EAAA;;4FASH,gBAAgB,EAAA,UAAA,EAAA,CAAA;kBAd5B,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;AACR,oBAAA,YAAY,EAAE;wBACZ,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,YAAY;AACb,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,mBAAmB;AACpB,qBAAA;AACD,oBAAA,OAAO,EAAE;wBACP,gBAAgB;AACjB,qBAAA;AACF,iBAAA,CAAA;;;AClBD;;AAEG;;ACFH;;AAEG;;;;"}