angular-hover-gradient-button/fesm2022/angular-hover-gradient-button.mjs.map

The Angular Hover Gradient Button is a customizable, easy-to-use Angular button with a hover gradient effect on hover.

{"version":3,"file":"angular-hover-gradient-button.mjs","sources":["../../../projects/angular-hover-gradient-button/src/lib/angular-hover-gradient-button.service.ts","../../../projects/angular-hover-gradient-button/src/lib/angular-hover-gradient-button.component.ts","../../../projects/angular-hover-gradient-button/src/lib/angular-hover-gradient-button.component.html","../../../projects/angular-hover-gradient-button/src/public-api.ts","../../../projects/angular-hover-gradient-button/src/angular-hover-gradient-button.ts"],"sourcesContent":["import { Injectable } from '@angular/core';\n\n@Injectable({\n  providedIn: 'root'\n})\nexport class AngularHoverGradientButtonService {\n\n  constructor() { }\n}\n","import { CommonModule } from '@angular/common';\nimport {\n  Component,\n  ElementRef,\n  HostBinding,\n  Input,\n  ViewChild,\n} from '@angular/core';\n\n@Component({\n  selector: 'angular-hover-gradient-button',\n  standalone: true,\n  imports: [CommonModule],\n  templateUrl: './angular-hover-gradient-button.component.html',\n  styleUrls: ['./angular-hover-gradient-button.component.scss'],\n})\nexport class AngularHoverGradientButton {\n  @ViewChild('button') button!: ElementRef;\n  @HostBinding('style.--background-color') get bg() {\n    return this.backgroundColor;\n  }\n  @HostBinding('style.--hover-color') get hover() {\n    return this.hoverColor;\n  }\n\n  @Input() backgroundColor: string = '#1e3799';\n  @Input() hoverColor: string = '#78e08f';\n\n  constructor() {}\n\n  onMouseMove(event: MouseEvent): void {\n    const rect = this.button.nativeElement.getBoundingClientRect();\n    const x = event.clientX - rect.left;\n    const y = event.clientY - rect.top;\n\n    this.button.nativeElement.style.setProperty('--x', `${x}px`);\n    this.button.nativeElement.style.setProperty('--y', `${y}px`);\n  }\n}\n","<button class=\"button\" (mousemove)=\"onMouseMove($event)\" #button>\n  <div class=\"icon-container\">\n    <ng-content select=\"[slot='left']\"></ng-content>\n  </div>\n  <span><ng-content></ng-content></span>\n  <div class=\"icon-container\">\n    <ng-content select=\"[slot='right']\"></ng-content>\n  </div>\n</button>\n","/*\n * Public API Surface of angular-hover-gradient-button\n */\n\nexport * from './lib/angular-hover-gradient-button.service';\nexport * from './lib/angular-hover-gradient-button.component';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}