sdk-message
Version:
Simple to use (Angular) component for displaying messages for a brief moment.
1 lines • 7.63 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 { CommonModule } from '@angular/common';\nimport { Component, ElementRef, EventEmitter, Input, Output, ViewChild } from '@angular/core';\n\n@Component({\n\tselector: 'sdk-message',\n\tstandalone: true,\n\timports: [CommonModule],\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';\n\nimport { SDKMessageComponent } from './sdk-message.component';\n\n@NgModule({\n imports: [\n SDKMessageComponent\n ],\n exports: [\n SDKMessageComponent\n ],\n schemas: [\n NO_ERRORS_SCHEMA\n ]\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":"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"}