{{altText}}
\r\n\r\n component-library works!\r\n
\r\n `,\r\n styles: ``\r\n})\r\nexport class TestLibraryComponent {\r\n\r\n}\r\n","import { Component, Output } from '@angular/core';\r\nimport { Input } from '@angular/core';\r\nimport { EventEmitter } from '@angular/core';\r\nimport { NgIf } from '@angular/common';\r\nimport { NgStyle } from '@angular/common';\r\n\r\nlet nextId = 0; // used to give unique ids to inputs used in html\r\n\r\n@Component({\r\n selector: 'sa-button',\r\n standalone: true,\r\n imports: [NgIf, NgStyle],\r\n templateUrl: './button.component.html',\r\n styleUrl: './button.component.css'\r\n})\r\n\r\nexport class ButtonComponent {\r\n @Input() id: string | number;\r\n @Input() type: string;\r\n @Input() state: string;\r\n @Input() size: string;\r\n @Input() text: string | number;\r\n @Input() ImagePath: string;\r\n @Input() iconPosition: string;\r\n @Input() href: string;\r\n @Input() hrefTarget: string;\r\n @Input() isSubmit: boolean = false;\r\n\r\n @Output() onClickEvent = new EventEmitter();\r\n @Output() onMouseInEvent = new EventEmitter();\r\n @Output() onMouseOutEvent = new EventEmitter();\r\n\r\n svgStyle = {}\r\n eventEmitObject = {}\r\n uuid: number = nextId++;\r\n\r\n ngOnChanges(): void {\r\n this.svgStyle = {\r\n '-webkit-mask-image': `url(${this.ImagePath})`,\r\n 'mask-image': `url(${this.ImagePath})`,\r\n }\r\n this.eventEmitObject = {\r\n id: this.id\r\n }\r\n }\r\n\r\n buttonClicked(evt: Event) {\r\n if (this.state == \"disabled\") return;\r\n this.onClickEvent.emit({\r\n ...this.eventEmitObject,\r\n evt\r\n });\r\n if (this.href != \"\") {\r\n if (this.hrefTarget == \"blank\") window.open(this.href);\r\n else if (this.hrefTarget == \"self\") location.href = this.href;\r\n }\r\n }\r\n\r\n mouseIn() {\r\n if (this.state == \"disabled\") return;\r\n this.onMouseInEvent.emit();\r\n }\r\n\r\n mouseOut() {\r\n if (this.state == \"disabled\") return;\r\n this.onMouseOutEvent.emit();\r\n }\r\n}\r\n","\r\n\r\n\r\n","import { CommonModule } from '@angular/common';\r\nimport { Component, input } from '@angular/core';\r\nimport { Input } from '@angular/core';\r\nimport { Output } from '@angular/core';\r\nimport { EventEmitter } from '@angular/core';\r\nimport { v4 as uuidv4 } from 'uuid';\r\n\r\nlet nextId = 0; // used to give unique ids to inputs used in html\r\n\r\n@Component({\r\n selector: 'sa-chip',\r\n standalone: true,\r\n imports: [CommonModule],\r\n templateUrl: './chips.component.html',\r\n styleUrl: './chips.component.css'\r\n})\r\nexport class ChipsComponent {\r\n @Input() id: string | number;\r\n @Input() iconPath: string;\r\n @Input() text: string | number;\r\n @Input() type: string;\r\n @Input() state: string;\r\n @Input() filling: string;\r\n @Input() iconPosition: string;\r\n @Input() largeStateIcon: string;\r\n @Input() largeStateText: string;\r\n\r\n @Output() onClickEvent = new EventEmitter();\r\n\r\n svgStyle = {}\r\n secondSvgStyle = {}\r\n eventEmitObject = {}\r\n uuid: number = nextId++;\r\n\r\n ngOnChanges(): void {\r\n this.svgStyle = {\r\n '-webkit-mask-image': `url(${this.iconPath})`,\r\n 'mask-image': `url(${this.iconPath})`,\r\n }\r\n this.secondSvgStyle = {\r\n '-webkit-mask-image': `url(${this.largeStateIcon})`,\r\n 'mask-image': `url(${this.largeStateIcon})`,\r\n }\r\n this.eventEmitObject = {\r\n id: this.id\r\n }\r\n }\r\n\r\n buttonClicked(evt: Event) {\r\n this.onClickEvent.emit({\r\n ...this.eventEmitObject,\r\n evt\r\n });\r\n }\r\n}\r\n","{{altText}}
\r\n{{heading}}
\r\n{{subHeading}}
\r\n