@onemrvapublic/design-system 16.2.24 → 16.2.25

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,5 +1,5 @@
1
1
  import { CommonModule } from '@angular/common';
2
- import { Component, EventEmitter, Input, Output, ViewChild, } from '@angular/core';
2
+ import { Component, EventEmitter, HostListener, Input, Output, ViewChild, } from '@angular/core';
3
3
  import { MatIconModule } from '@angular/material/icon';
4
4
  import { TranslateModule } from "@ngx-translate/core";
5
5
  import { MatTooltipModule } from "@angular/material/tooltip";
@@ -9,7 +9,7 @@ import * as i2 from "@angular/cdk/clipboard";
9
9
  import * as i3 from "@angular/common";
10
10
  import * as i4 from "@angular/material/icon";
11
11
  import * as i5 from "@angular/material/tooltip";
12
- export class OnemrvaCopyComponent {
12
+ export class OnemrvaCopyToClipboardComponent {
13
13
  elt;
14
14
  translate;
15
15
  clipboard;
@@ -18,13 +18,29 @@ export class OnemrvaCopyComponent {
18
18
  matTooltip;
19
19
  tooltip;
20
20
  onCopy = new EventEmitter();
21
+ onClick = new EventEmitter();
22
+ onHover = new EventEmitter();
23
+ onLeave = new EventEmitter();
21
24
  constructor(elt, translate, clipboard) {
22
25
  this.elt = elt;
23
26
  this.translate = translate;
24
27
  this.clipboard = clipboard;
25
28
  this.tooltip = this.translate.instant('copied.to.clipboard');
26
29
  }
27
- copy() {
30
+ clicked(e) {
31
+ console.log('click');
32
+ this.onClick.emit(e);
33
+ }
34
+ onMouseEnter(e) {
35
+ console.log('hover');
36
+ this.onHover.emit(e);
37
+ }
38
+ onMouseLeave(e) {
39
+ console.log('leave');
40
+ this.onLeave.emit(e);
41
+ }
42
+ copy($event) {
43
+ $event.stopPropagation();
28
44
  this.matTooltip.show();
29
45
  this.clipboard.copy(this.content.nativeElement.innerHTML);
30
46
  this.onCopy.emit();
@@ -34,12 +50,12 @@ export class OnemrvaCopyComponent {
34
50
  this.matTooltip.hide();
35
51
  }, 2000);
36
52
  }
37
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OnemrvaCopyComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component });
38
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OnemrvaCopyComponent, isStandalone: true, selector: "copy-to-clipboard", inputs: { tooltip: "tooltip" }, outputs: { onCopy: "onCopy" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["clipboardCopyContent"], descendants: true }, { propertyName: "matTooltip", first: true, predicate: ["cccTooltip"], descendants: true }], ngImport: i0, template: "<span class=\"onemrva-copy-to-clipboard-container\">\n <span #clipboardCopyContent>\n <ng-content></ng-content>\n </span>\n <mat-icon class=\"small\" (click)=\"copy()\" *ngIf=\"!checked\">content_copy</mat-icon>\n <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n <span\n [matTooltip]=\"tooltip\"\n matTooltipPosition=\"above\"\n #cccTooltip=\"matTooltip\"></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
53
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OnemrvaCopyToClipboardComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component });
54
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OnemrvaCopyToClipboardComponent, isStandalone: true, selector: "copy-to-clipboard", inputs: { tooltip: "tooltip" }, outputs: { onCopy: "onCopy", onClick: "onClick", onHover: "onHover", onLeave: "onLeave" }, host: { listeners: { "click": "clicked($event.target)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["clipboardCopyContent"], descendants: true }, { propertyName: "matTooltip", first: true, predicate: ["cccTooltip"], descendants: true }], ngImport: i0, template: "<span class=\"onemrva-copy-to-clipboard-container\">\n <span #clipboardCopyContent>\n <ng-content></ng-content>\n </span>\n <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">content_copy</mat-icon>\n <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n <span\n [matTooltip]=\"tooltip\"\n matTooltipPosition=\"above\"\n #cccTooltip=\"matTooltip\"></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
39
55
  }
40
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OnemrvaCopyComponent, decorators: [{
56
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OnemrvaCopyToClipboardComponent, decorators: [{
41
57
  type: Component,
42
- args: [{ selector: 'copy-to-clipboard', standalone: true, imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule], template: "<span class=\"onemrva-copy-to-clipboard-container\">\n <span #clipboardCopyContent>\n <ng-content></ng-content>\n </span>\n <mat-icon class=\"small\" (click)=\"copy()\" *ngIf=\"!checked\">content_copy</mat-icon>\n <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n <span\n [matTooltip]=\"tooltip\"\n matTooltipPosition=\"above\"\n #cccTooltip=\"matTooltip\"></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"] }]
58
+ args: [{ selector: 'copy-to-clipboard', standalone: true, imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule], template: "<span class=\"onemrva-copy-to-clipboard-container\">\n <span #clipboardCopyContent>\n <ng-content></ng-content>\n </span>\n <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">content_copy</mat-icon>\n <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n <span\n [matTooltip]=\"tooltip\"\n matTooltipPosition=\"above\"\n #cccTooltip=\"matTooltip\"></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"] }]
43
59
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.TranslateService }, { type: i2.Clipboard }]; }, propDecorators: { content: [{
44
60
  type: ViewChild,
45
61
  args: ['clipboardCopyContent']
@@ -50,5 +66,20 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
50
66
  type: Input
51
67
  }], onCopy: [{
52
68
  type: Output
69
+ }], onClick: [{
70
+ type: Output
71
+ }], onHover: [{
72
+ type: Output
73
+ }], onLeave: [{
74
+ type: Output
75
+ }], clicked: [{
76
+ type: HostListener,
77
+ args: ['click', ['$event.target']]
78
+ }], onMouseEnter: [{
79
+ type: HostListener,
80
+ args: ['mouseenter']
81
+ }], onMouseLeave: [{
82
+ type: HostListener,
83
+ args: ['mouseleave']
53
84
  }] } });
54
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29weS10by1jbGlwYm9hcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25lbXJ2YS9kZXNpZ24tc3lzdGVtL21hdC1jb3B5LXRvLWNsaXBib2FyZC9zcmMvY29tcG9uZW50cy9jb3B5LXRvLWNsaXBib2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbmVtcnZhL2Rlc2lnbi1zeXN0ZW0vbWF0LWNvcHktdG8tY2xpcGJvYXJkL3NyYy9jb21wb25lbnRzL2NvcHktdG8tY2xpcGJvYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFBRSxLQUFLLEVBQ25CLE1BQU0sRUFBRSxTQUFTLEdBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUV2RCxPQUFPLEVBQUMsZUFBZSxFQUFtQixNQUFNLHFCQUFxQixDQUFDO0FBQ3RFLE9BQU8sRUFBYSxnQkFBZ0IsRUFBQyxNQUFNLDJCQUEyQixDQUFDOzs7Ozs7O0FBU3ZFLE1BQU0sT0FBTyxvQkFBb0I7SUFZckI7SUFDQTtJQUNBO0lBYlYsT0FBTyxHQUFZLEtBQUssQ0FBQztJQUVVLE9BQU8sQ0FBYztJQUMvQixVQUFVLENBQWM7SUFHakQsT0FBTyxDQUFTO0lBRU4sTUFBTSxHQUF1QixJQUFJLFlBQVksRUFBRSxDQUFDO0lBRTFELFlBQ1UsR0FBYyxFQUNkLFNBQTJCLEVBQzNCLFNBQW9CO1FBRnBCLFFBQUcsR0FBSCxHQUFHLENBQVc7UUFDZCxjQUFTLEdBQVQsU0FBUyxDQUFrQjtRQUMzQixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBRTVCLElBQUksQ0FBQyxPQUFPLEdBQUcsSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLENBQUMscUJBQXFCLENBQUMsQ0FBQztJQUMvRCxDQUFDO0lBRUQsSUFBSTtRQUVGLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7UUFFdkIsSUFBSSxDQUFDLFNBQVMsQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLE9BQU8sQ0FBQyxhQUFhLENBQUMsU0FBUyxDQUFDLENBQUM7UUFFMUQsSUFBSSxDQUFDLE1BQU0sQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUNuQixJQUFJLENBQUMsT0FBTyxHQUFHLElBQUksQ0FBQztRQUVwQixVQUFVLENBQUMsR0FBRyxFQUFFO1lBQ2QsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7WUFDckIsSUFBSSxDQUFDLFVBQVUsQ0FBQyxJQUFJLEVBQUUsQ0FBQztRQUN6QixDQUFDLEVBQUUsSUFBSSxDQUFDLENBQUM7SUFDWCxDQUFDO3dHQWhDVSxvQkFBb0I7NEZBQXBCLG9CQUFvQix3VkNuQmpDLHlhQVdBLG9PRE1ZLFlBQVksa0lBQUUsYUFBYSxtTEFBRSxlQUFlLDhCQUFFLGdCQUFnQjs7NEZBRTdELG9CQUFvQjtrQkFQaEMsU0FBUzsrQkFDRSxtQkFBbUIsY0FHakIsSUFBSSxXQUNQLENBQUMsWUFBWSxFQUFFLGFBQWEsRUFBRSxlQUFlLEVBQUUsZ0JBQWdCLENBQUM7d0pBS3RDLE9BQU87c0JBQXpDLFNBQVM7dUJBQUMsc0JBQXNCO2dCQUNSLFVBQVU7c0JBQWxDLFNBQVM7dUJBQUMsWUFBWTtnQkFHdkIsT0FBTztzQkFETixLQUFLO2dCQUdJLE1BQU07c0JBQWYsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbW1vbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5pbXBvcnQge1xuICBDb21wb25lbnQsXG4gIEVsZW1lbnRSZWYsXG4gIEV2ZW50RW1pdHRlciwgSW5wdXQsXG4gIE91dHB1dCwgVmlld0NoaWxkLFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7Q2xpcGJvYXJkfSBmcm9tIFwiQGFuZ3VsYXIvY2RrL2NsaXBib2FyZFwiO1xuaW1wb3J0IHtUcmFuc2xhdGVNb2R1bGUsIFRyYW5zbGF0ZVNlcnZpY2V9IGZyb20gXCJAbmd4LXRyYW5zbGF0ZS9jb3JlXCI7XG5pbXBvcnQge01hdFRvb2x0aXAsIE1hdFRvb2x0aXBNb2R1bGV9IGZyb20gXCJAYW5ndWxhci9tYXRlcmlhbC90b29sdGlwXCI7XG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2NvcHktdG8tY2xpcGJvYXJkJyxcbiAgdGVtcGxhdGVVcmw6ICdjb3B5LXRvLWNsaXBib2FyZC5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydjb3B5LXRvLWNsaXBib2FyZC5jb21wb25lbnQuc2NzcyddLFxuICBzdGFuZGFsb25lOiB0cnVlLFxuICBpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRJY29uTW9kdWxlLCBUcmFuc2xhdGVNb2R1bGUsIE1hdFRvb2x0aXBNb2R1bGVdLFxufSlcbmV4cG9ydCBjbGFzcyBPbmVtcnZhQ29weUNvbXBvbmVudCB7XG4gIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdjbGlwYm9hcmRDb3B5Q29udGVudCcpIGNvbnRlbnQhOiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCdjY2NUb29sdGlwJykgbWF0VG9vbHRpcCE6IE1hdFRvb2x0aXA7XG5cbiAgQElucHV0KClcbiAgdG9vbHRpcDogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBvbkNvcHk6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsdDpFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgIHByaXZhdGUgY2xpcGJvYXJkOiBDbGlwYm9hcmRcbiAgKSB7XG4gICAgdGhpcy50b29sdGlwID0gdGhpcy50cmFuc2xhdGUuaW5zdGFudCgnY29waWVkLnRvLmNsaXBib2FyZCcpO1xuICB9XG5cbiAgY29weSgpIHtcblxuICAgIHRoaXMubWF0VG9vbHRpcC5zaG93KCk7XG5cbiAgICB0aGlzLmNsaXBib2FyZC5jb3B5KHRoaXMuY29udGVudC5uYXRpdmVFbGVtZW50LmlubmVySFRNTCk7XG5cbiAgICB0aGlzLm9uQ29weS5lbWl0KCk7XG4gICAgdGhpcy5jaGVja2VkID0gdHJ1ZTtcblxuICAgIHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgdGhpcy5jaGVja2VkID0gZmFsc2U7XG4gICAgICB0aGlzLm1hdFRvb2x0aXAuaGlkZSgpO1xuICAgIH0sIDIwMDApO1xuICB9XG59XG4iLCI8c3BhbiBjbGFzcz1cIm9uZW1ydmEtY29weS10by1jbGlwYm9hcmQtY29udGFpbmVyXCI+XG4gIDxzcGFuICNjbGlwYm9hcmRDb3B5Q29udGVudD5cbiAgICA8bmctY29udGVudD48L25nLWNvbnRlbnQ+XG4gIDwvc3Bhbj5cbiAgPG1hdC1pY29uIGNsYXNzPVwic21hbGxcIiAoY2xpY2spPVwiY29weSgpXCIgKm5nSWY9XCIhY2hlY2tlZFwiPmNvbnRlbnRfY29weTwvbWF0LWljb24+XG4gIDxtYXQtaWNvbiBjbGFzcz1cInNtYWxsXCIgY29sb3I9XCJzdWNjZXNzXCIgKm5nSWY9XCJjaGVja2VkXCI+Y2hlY2s8L21hdC1pY29uPlxuICA8c3BhblxuICAgIFttYXRUb29sdGlwXT1cInRvb2x0aXBcIlxuICAgIG1hdFRvb2x0aXBQb3NpdGlvbj1cImFib3ZlXCJcbiAgICAjY2NjVG9vbHRpcD1cIm1hdFRvb2x0aXBcIj48L3NwYW4+XG48L3NwYW4+XG4iXX0=
85
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiY29weS10by1jbGlwYm9hcmQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvb25lbXJ2YS9kZXNpZ24tc3lzdGVtL21hdC1jb3B5LXRvLWNsaXBib2FyZC9zcmMvY29tcG9uZW50cy9jb3B5LXRvLWNsaXBib2FyZC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9vbmVtcnZhL2Rlc2lnbi1zeXN0ZW0vbWF0LWNvcHktdG8tY2xpcGJvYXJkL3NyYy9jb21wb25lbnRzL2NvcHktdG8tY2xpcGJvYXJkLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQ0wsU0FBUyxFQUVULFlBQVksRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUNqQyxNQUFNLEVBQUUsU0FBUyxHQUNsQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFFdkQsT0FBTyxFQUFDLGVBQWUsRUFBbUIsTUFBTSxxQkFBcUIsQ0FBQztBQUN0RSxPQUFPLEVBQWEsZ0JBQWdCLEVBQUMsTUFBTSwyQkFBMkIsQ0FBQzs7Ozs7OztBQVN2RSxNQUFNLE9BQU8sK0JBQStCO0lBZWhDO0lBQ0E7SUFDQTtJQWhCVixPQUFPLEdBQVksS0FBSyxDQUFDO0lBRVUsT0FBTyxDQUFjO0lBQy9CLFVBQVUsQ0FBYztJQUdqRCxPQUFPLENBQVM7SUFFTixNQUFNLEdBQXVCLElBQUksWUFBWSxFQUFFLENBQUM7SUFDaEQsT0FBTyxHQUF3QixJQUFJLFlBQVksRUFBRSxDQUFDO0lBQ2xELE9BQU8sR0FBd0IsSUFBSSxZQUFZLEVBQUUsQ0FBQztJQUNsRCxPQUFPLEdBQXdCLElBQUksWUFBWSxFQUFFLENBQUM7SUFFNUQsWUFDVSxHQUFjLEVBQ2QsU0FBMkIsRUFDM0IsU0FBb0I7UUFGcEIsUUFBRyxHQUFILEdBQUcsQ0FBVztRQUNkLGNBQVMsR0FBVCxTQUFTLENBQWtCO1FBQzNCLGNBQVMsR0FBVCxTQUFTLENBQVc7UUFFNUIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sQ0FBQyxxQkFBcUIsQ0FBQyxDQUFDO0lBQy9ELENBQUM7SUFDeUMsT0FBTyxDQUFDLENBQVM7UUFDekQsT0FBTyxDQUFDLEdBQUcsQ0FBQyxPQUFPLENBQUMsQ0FBQztRQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxDQUFDLENBQUMsQ0FBQztJQUN2QixDQUFDO0lBQzJCLFlBQVksQ0FBQyxDQUFTO1FBQ2hELE9BQU8sQ0FBQyxHQUFHLENBQUMsT0FBTyxDQUFDLENBQUM7UUFDckIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsQ0FBQyxDQUFDLENBQUM7SUFDdkIsQ0FBQztJQUUyQixZQUFZLENBQUMsQ0FBUztRQUNoRCxPQUFPLENBQUMsR0FBRyxDQUFDLE9BQU8sQ0FBQyxDQUFDO1FBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLENBQUMsQ0FBQyxDQUFDO0lBQ3ZCLENBQUM7SUFFRCxJQUFJLENBQUMsTUFBVztRQUNkLE1BQU0sQ0FBQyxlQUFlLEVBQUUsQ0FBQztRQUV6QixJQUFJLENBQUMsVUFBVSxDQUFDLElBQUksRUFBRSxDQUFDO1FBRXZCLElBQUksQ0FBQyxTQUFTLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxPQUFPLENBQUMsYUFBYSxDQUFDLFNBQVMsQ0FBQyxDQUFDO1FBRTFELElBQUksQ0FBQyxNQUFNLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDbkIsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7UUFFcEIsVUFBVSxDQUFDLEdBQUcsRUFBRTtZQUNkLElBQUksQ0FBQyxPQUFPLEdBQUcsS0FBSyxDQUFDO1lBQ3JCLElBQUksQ0FBQyxVQUFVLENBQUMsSUFBSSxFQUFFLENBQUM7UUFDekIsQ0FBQyxFQUFFLElBQUksQ0FBQyxDQUFDO0lBQ1gsQ0FBQzt3R0FqRFUsK0JBQStCOzRGQUEvQiwrQkFBK0IsZ2hCQ25CNUMsK2FBV0Esb09ETVksWUFBWSxrSUFBRSxhQUFhLG1MQUFFLGVBQWUsOEJBQUUsZ0JBQWdCOzs0RkFFN0QsK0JBQStCO2tCQVAzQyxTQUFTOytCQUNFLG1CQUFtQixjQUdqQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsYUFBYSxFQUFFLGVBQWUsRUFBRSxnQkFBZ0IsQ0FBQzt3SkFLdEMsT0FBTztzQkFBekMsU0FBUzt1QkFBQyxzQkFBc0I7Z0JBQ1IsVUFBVTtzQkFBbEMsU0FBUzt1QkFBQyxZQUFZO2dCQUd2QixPQUFPO3NCQUROLEtBQUs7Z0JBR0ksTUFBTTtzQkFBZixNQUFNO2dCQUNHLE9BQU87c0JBQWhCLE1BQU07Z0JBQ0csT0FBTztzQkFBaEIsTUFBTTtnQkFDRyxPQUFPO3NCQUFoQixNQUFNO2dCQVNtQyxPQUFPO3NCQUFoRCxZQUFZO3VCQUFDLE9BQU8sRUFBRSxDQUFDLGVBQWUsQ0FBQztnQkFJWixZQUFZO3NCQUF2QyxZQUFZO3VCQUFDLFlBQVk7Z0JBS0UsWUFBWTtzQkFBdkMsWUFBWTt1QkFBQyxZQUFZIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7XG4gIENvbXBvbmVudCxcbiAgRWxlbWVudFJlZixcbiAgRXZlbnRFbWl0dGVyLCBIb3N0TGlzdGVuZXIsIElucHV0LFxuICBPdXRwdXQsIFZpZXdDaGlsZCxcbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQge0NsaXBib2FyZH0gZnJvbSBcIkBhbmd1bGFyL2Nkay9jbGlwYm9hcmRcIjtcbmltcG9ydCB7VHJhbnNsYXRlTW9kdWxlLCBUcmFuc2xhdGVTZXJ2aWNlfSBmcm9tIFwiQG5neC10cmFuc2xhdGUvY29yZVwiO1xuaW1wb3J0IHtNYXRUb29sdGlwLCBNYXRUb29sdGlwTW9kdWxlfSBmcm9tIFwiQGFuZ3VsYXIvbWF0ZXJpYWwvdG9vbHRpcFwiO1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdjb3B5LXRvLWNsaXBib2FyZCcsXG4gIHRlbXBsYXRlVXJsOiAnY29weS10by1jbGlwYm9hcmQuY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsnY29weS10by1jbGlwYm9hcmQuY29tcG9uZW50LnNjc3MnXSxcbiAgc3RhbmRhbG9uZTogdHJ1ZSxcbiAgaW1wb3J0czogW0NvbW1vbk1vZHVsZSwgTWF0SWNvbk1vZHVsZSwgVHJhbnNsYXRlTW9kdWxlLCBNYXRUb29sdGlwTW9kdWxlXSxcbn0pXG5leHBvcnQgY2xhc3MgT25lbXJ2YUNvcHlUb0NsaXBib2FyZENvbXBvbmVudCB7XG4gIGNoZWNrZWQ6IGJvb2xlYW4gPSBmYWxzZTtcblxuICBAVmlld0NoaWxkKCdjbGlwYm9hcmRDb3B5Q29udGVudCcpIGNvbnRlbnQhOiBFbGVtZW50UmVmO1xuICBAVmlld0NoaWxkKCdjY2NUb29sdGlwJykgbWF0VG9vbHRpcCE6IE1hdFRvb2x0aXA7XG5cbiAgQElucHV0KClcbiAgdG9vbHRpcDogc3RyaW5nO1xuXG4gIEBPdXRwdXQoKSBvbkNvcHk6IEV2ZW50RW1pdHRlcjx2b2lkPiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcbiAgQE91dHB1dCgpIG9uQ2xpY2s6IEV2ZW50RW1pdHRlcjxFdmVudD4gPSBuZXcgRXZlbnRFbWl0dGVyKCk7XG4gIEBPdXRwdXQoKSBvbkhvdmVyOiBFdmVudEVtaXR0ZXI8RXZlbnQ+ID0gbmV3IEV2ZW50RW1pdHRlcigpO1xuICBAT3V0cHV0KCkgb25MZWF2ZTogRXZlbnRFbWl0dGVyPEV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXIoKTtcblxuICBjb25zdHJ1Y3RvcihcbiAgICBwcml2YXRlIGVsdDpFbGVtZW50UmVmLFxuICAgIHByaXZhdGUgdHJhbnNsYXRlOiBUcmFuc2xhdGVTZXJ2aWNlLFxuICAgIHByaXZhdGUgY2xpcGJvYXJkOiBDbGlwYm9hcmRcbiAgKSB7XG4gICAgdGhpcy50b29sdGlwID0gdGhpcy50cmFuc2xhdGUuaW5zdGFudCgnY29waWVkLnRvLmNsaXBib2FyZCcpO1xuICB9XG4gIEBIb3N0TGlzdGVuZXIoJ2NsaWNrJywgWyckZXZlbnQudGFyZ2V0J10pIGNsaWNrZWQoZTogIEV2ZW50KSB7XG4gICAgY29uc29sZS5sb2coJ2NsaWNrJyk7XG4gICAgdGhpcy5vbkNsaWNrLmVtaXQoZSk7XG4gIH1cbiAgQEhvc3RMaXN0ZW5lcignbW91c2VlbnRlcicpIG9uTW91c2VFbnRlcihlOiAgRXZlbnQpIHtcbiAgICBjb25zb2xlLmxvZygnaG92ZXInKTtcbiAgICB0aGlzLm9uSG92ZXIuZW1pdChlKTtcbiAgfVxuXG4gIEBIb3N0TGlzdGVuZXIoJ21vdXNlbGVhdmUnKSBvbk1vdXNlTGVhdmUoZTogIEV2ZW50KSB7XG4gICAgY29uc29sZS5sb2coJ2xlYXZlJyk7XG4gICAgdGhpcy5vbkxlYXZlLmVtaXQoZSk7XG4gIH1cblxuICBjb3B5KCRldmVudDogYW55KSB7XG4gICAgJGV2ZW50LnN0b3BQcm9wYWdhdGlvbigpO1xuXG4gICAgdGhpcy5tYXRUb29sdGlwLnNob3coKTtcblxuICAgIHRoaXMuY2xpcGJvYXJkLmNvcHkodGhpcy5jb250ZW50Lm5hdGl2ZUVsZW1lbnQuaW5uZXJIVE1MKTtcblxuICAgIHRoaXMub25Db3B5LmVtaXQoKTtcbiAgICB0aGlzLmNoZWNrZWQgPSB0cnVlO1xuXG4gICAgc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICB0aGlzLmNoZWNrZWQgPSBmYWxzZTtcbiAgICAgIHRoaXMubWF0VG9vbHRpcC5oaWRlKCk7XG4gICAgfSwgMjAwMCk7XG4gIH1cbn1cbiIsIjxzcGFuIGNsYXNzPVwib25lbXJ2YS1jb3B5LXRvLWNsaXBib2FyZC1jb250YWluZXJcIj5cbiAgPHNwYW4gI2NsaXBib2FyZENvcHlDb250ZW50PlxuICAgIDxuZy1jb250ZW50PjwvbmctY29udGVudD5cbiAgPC9zcGFuPlxuICA8bWF0LWljb24gY2xhc3M9XCJzbWFsbFwiIChjbGljayk9XCJjb3B5KCRldmVudClcIiAqbmdJZj1cIiFjaGVja2VkXCI+Y29udGVudF9jb3B5PC9tYXQtaWNvbj5cbiAgPG1hdC1pY29uIGNsYXNzPVwic21hbGxcIiBjb2xvcj1cInN1Y2Nlc3NcIiAqbmdJZj1cImNoZWNrZWRcIj5jaGVjazwvbWF0LWljb24+XG4gIDxzcGFuXG4gICAgW21hdFRvb2x0aXBdPVwidG9vbHRpcFwiXG4gICAgbWF0VG9vbHRpcFBvc2l0aW9uPVwiYWJvdmVcIlxuICAgICNjY2NUb29sdGlwPVwibWF0VG9vbHRpcFwiPjwvc3Bhbj5cbjwvc3Bhbj5cbiJdfQ==
@@ -1,7 +1,7 @@
1
1
  import * as i3 from '@angular/common';
2
2
  import { CommonModule } from '@angular/common';
3
3
  import * as i0 from '@angular/core';
4
- import { EventEmitter, Component, ViewChild, Input, Output } from '@angular/core';
4
+ import { EventEmitter, Component, ViewChild, Input, Output, HostListener } from '@angular/core';
5
5
  import * as i4 from '@angular/material/icon';
6
6
  import { MatIconModule } from '@angular/material/icon';
7
7
  import * as i1 from '@ngx-translate/core';
@@ -10,7 +10,7 @@ import * as i5 from '@angular/material/tooltip';
10
10
  import { MatTooltipModule } from '@angular/material/tooltip';
11
11
  import * as i2 from '@angular/cdk/clipboard';
12
12
 
13
- class OnemrvaCopyComponent {
13
+ class OnemrvaCopyToClipboardComponent {
14
14
  elt;
15
15
  translate;
16
16
  clipboard;
@@ -19,13 +19,29 @@ class OnemrvaCopyComponent {
19
19
  matTooltip;
20
20
  tooltip;
21
21
  onCopy = new EventEmitter();
22
+ onClick = new EventEmitter();
23
+ onHover = new EventEmitter();
24
+ onLeave = new EventEmitter();
22
25
  constructor(elt, translate, clipboard) {
23
26
  this.elt = elt;
24
27
  this.translate = translate;
25
28
  this.clipboard = clipboard;
26
29
  this.tooltip = this.translate.instant('copied.to.clipboard');
27
30
  }
28
- copy() {
31
+ clicked(e) {
32
+ console.log('click');
33
+ this.onClick.emit(e);
34
+ }
35
+ onMouseEnter(e) {
36
+ console.log('hover');
37
+ this.onHover.emit(e);
38
+ }
39
+ onMouseLeave(e) {
40
+ console.log('leave');
41
+ this.onLeave.emit(e);
42
+ }
43
+ copy($event) {
44
+ $event.stopPropagation();
29
45
  this.matTooltip.show();
30
46
  this.clipboard.copy(this.content.nativeElement.innerHTML);
31
47
  this.onCopy.emit();
@@ -35,12 +51,12 @@ class OnemrvaCopyComponent {
35
51
  this.matTooltip.hide();
36
52
  }, 2000);
37
53
  }
38
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OnemrvaCopyComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component });
39
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OnemrvaCopyComponent, isStandalone: true, selector: "copy-to-clipboard", inputs: { tooltip: "tooltip" }, outputs: { onCopy: "onCopy" }, viewQueries: [{ propertyName: "content", first: true, predicate: ["clipboardCopyContent"], descendants: true }, { propertyName: "matTooltip", first: true, predicate: ["cccTooltip"], descendants: true }], ngImport: i0, template: "<span class=\"onemrva-copy-to-clipboard-container\">\n <span #clipboardCopyContent>\n <ng-content></ng-content>\n </span>\n <mat-icon class=\"small\" (click)=\"copy()\" *ngIf=\"!checked\">content_copy</mat-icon>\n <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n <span\n [matTooltip]=\"tooltip\"\n matTooltipPosition=\"above\"\n #cccTooltip=\"matTooltip\"></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
54
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OnemrvaCopyToClipboardComponent, deps: [{ token: i0.ElementRef }, { token: i1.TranslateService }, { token: i2.Clipboard }], target: i0.ɵɵFactoryTarget.Component });
55
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: OnemrvaCopyToClipboardComponent, isStandalone: true, selector: "copy-to-clipboard", inputs: { tooltip: "tooltip" }, outputs: { onCopy: "onCopy", onClick: "onClick", onHover: "onHover", onLeave: "onLeave" }, host: { listeners: { "click": "clicked($event.target)", "mouseenter": "onMouseEnter()", "mouseleave": "onMouseLeave()" } }, viewQueries: [{ propertyName: "content", first: true, predicate: ["clipboardCopyContent"], descendants: true }, { propertyName: "matTooltip", first: true, predicate: ["cccTooltip"], descendants: true }], ngImport: i0, template: "<span class=\"onemrva-copy-to-clipboard-container\">\n <span #clipboardCopyContent>\n <ng-content></ng-content>\n </span>\n <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">content_copy</mat-icon>\n <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n <span\n [matTooltip]=\"tooltip\"\n matTooltipPosition=\"above\"\n #cccTooltip=\"matTooltip\"></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i3.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i4.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "ngmodule", type: TranslateModule }, { kind: "ngmodule", type: MatTooltipModule }, { kind: "directive", type: i5.MatTooltip, selector: "[matTooltip]", exportAs: ["matTooltip"] }] });
40
56
  }
41
- i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OnemrvaCopyComponent, decorators: [{
57
+ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: OnemrvaCopyToClipboardComponent, decorators: [{
42
58
  type: Component,
43
- args: [{ selector: 'copy-to-clipboard', standalone: true, imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule], template: "<span class=\"onemrva-copy-to-clipboard-container\">\n <span #clipboardCopyContent>\n <ng-content></ng-content>\n </span>\n <mat-icon class=\"small\" (click)=\"copy()\" *ngIf=\"!checked\">content_copy</mat-icon>\n <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n <span\n [matTooltip]=\"tooltip\"\n matTooltipPosition=\"above\"\n #cccTooltip=\"matTooltip\"></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"] }]
59
+ args: [{ selector: 'copy-to-clipboard', standalone: true, imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule], template: "<span class=\"onemrva-copy-to-clipboard-container\">\n <span #clipboardCopyContent>\n <ng-content></ng-content>\n </span>\n <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">content_copy</mat-icon>\n <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n <span\n [matTooltip]=\"tooltip\"\n matTooltipPosition=\"above\"\n #cccTooltip=\"matTooltip\"></span>\n</span>\n", styles: [".onemrva-copy-to-clipboard-container mat-icon{line-height:18px;cursor:pointer;margin-left:4px;margin-right:4px}.onemrva-copy-to-clipboard-container .hidden{display:none}\n"] }]
44
60
  }], ctorParameters: function () { return [{ type: i0.ElementRef }, { type: i1.TranslateService }, { type: i2.Clipboard }]; }, propDecorators: { content: [{
45
61
  type: ViewChild,
46
62
  args: ['clipboardCopyContent']
@@ -51,11 +67,26 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
51
67
  type: Input
52
68
  }], onCopy: [{
53
69
  type: Output
70
+ }], onClick: [{
71
+ type: Output
72
+ }], onHover: [{
73
+ type: Output
74
+ }], onLeave: [{
75
+ type: Output
76
+ }], clicked: [{
77
+ type: HostListener,
78
+ args: ['click', ['$event.target']]
79
+ }], onMouseEnter: [{
80
+ type: HostListener,
81
+ args: ['mouseenter']
82
+ }], onMouseLeave: [{
83
+ type: HostListener,
84
+ args: ['mouseleave']
54
85
  }] } });
55
86
 
56
87
  /**
57
88
  * Generated bundle index. Do not edit.
58
89
  */
59
90
 
60
- export { OnemrvaCopyComponent };
91
+ export { OnemrvaCopyToClipboardComponent };
61
92
  //# sourceMappingURL=onemrvapublic-design-system-mat-copy-to-clipboard.mjs.map
@@ -1 +1 @@
1
- {"version":3,"file":"onemrvapublic-design-system-mat-copy-to-clipboard.mjs","sources":["../../../../projects/onemrva/design-system/mat-copy-to-clipboard/src/components/copy-to-clipboard.component.ts","../../../../projects/onemrva/design-system/mat-copy-to-clipboard/src/components/copy-to-clipboard.component.html","../../../../projects/onemrva/design-system/mat-copy-to-clipboard/onemrvapublic-design-system-mat-copy-to-clipboard.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n Component,\n ElementRef,\n EventEmitter, Input,\n Output, ViewChild,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport {Clipboard} from \"@angular/cdk/clipboard\";\nimport {TranslateModule, TranslateService} from \"@ngx-translate/core\";\nimport {MatTooltip, MatTooltipModule} from \"@angular/material/tooltip\";\n\n@Component({\n selector: 'copy-to-clipboard',\n templateUrl: 'copy-to-clipboard.component.html',\n styleUrls: ['copy-to-clipboard.component.scss'],\n standalone: true,\n imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule],\n})\nexport class OnemrvaCopyComponent {\n checked: boolean = false;\n\n @ViewChild('clipboardCopyContent') content!: ElementRef;\n @ViewChild('cccTooltip') matTooltip!: MatTooltip;\n\n @Input()\n tooltip: string;\n\n @Output() onCopy: EventEmitter<void> = new EventEmitter();\n\n constructor(\n private elt:ElementRef,\n private translate: TranslateService,\n private clipboard: Clipboard\n ) {\n this.tooltip = this.translate.instant('copied.to.clipboard');\n }\n\n copy() {\n\n this.matTooltip.show();\n\n this.clipboard.copy(this.content.nativeElement.innerHTML);\n\n this.onCopy.emit();\n this.checked = true;\n\n setTimeout(() => {\n this.checked = false;\n this.matTooltip.hide();\n }, 2000);\n }\n}\n","<span class=\"onemrva-copy-to-clipboard-container\">\n <span #clipboardCopyContent>\n <ng-content></ng-content>\n </span>\n <mat-icon class=\"small\" (click)=\"copy()\" *ngIf=\"!checked\">content_copy</mat-icon>\n <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n <span\n [matTooltip]=\"tooltip\"\n matTooltipPosition=\"above\"\n #cccTooltip=\"matTooltip\"></span>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"onemrvapublic-design-system-mat-copy-to-clipboard.mjs","sources":["../../../../projects/onemrva/design-system/mat-copy-to-clipboard/src/components/copy-to-clipboard.component.ts","../../../../projects/onemrva/design-system/mat-copy-to-clipboard/src/components/copy-to-clipboard.component.html","../../../../projects/onemrva/design-system/mat-copy-to-clipboard/onemrvapublic-design-system-mat-copy-to-clipboard.ts"],"sourcesContent":["import { CommonModule } from '@angular/common';\nimport {\n Component,\n ElementRef,\n EventEmitter, HostListener, Input,\n Output, ViewChild,\n} from '@angular/core';\nimport { MatIconModule } from '@angular/material/icon';\nimport {Clipboard} from \"@angular/cdk/clipboard\";\nimport {TranslateModule, TranslateService} from \"@ngx-translate/core\";\nimport {MatTooltip, MatTooltipModule} from \"@angular/material/tooltip\";\n\n@Component({\n selector: 'copy-to-clipboard',\n templateUrl: 'copy-to-clipboard.component.html',\n styleUrls: ['copy-to-clipboard.component.scss'],\n standalone: true,\n imports: [CommonModule, MatIconModule, TranslateModule, MatTooltipModule],\n})\nexport class OnemrvaCopyToClipboardComponent {\n checked: boolean = false;\n\n @ViewChild('clipboardCopyContent') content!: ElementRef;\n @ViewChild('cccTooltip') matTooltip!: MatTooltip;\n\n @Input()\n tooltip: string;\n\n @Output() onCopy: EventEmitter<void> = new EventEmitter();\n @Output() onClick: EventEmitter<Event> = new EventEmitter();\n @Output() onHover: EventEmitter<Event> = new EventEmitter();\n @Output() onLeave: EventEmitter<Event> = new EventEmitter();\n\n constructor(\n private elt:ElementRef,\n private translate: TranslateService,\n private clipboard: Clipboard\n ) {\n this.tooltip = this.translate.instant('copied.to.clipboard');\n }\n @HostListener('click', ['$event.target']) clicked(e: Event) {\n console.log('click');\n this.onClick.emit(e);\n }\n @HostListener('mouseenter') onMouseEnter(e: Event) {\n console.log('hover');\n this.onHover.emit(e);\n }\n\n @HostListener('mouseleave') onMouseLeave(e: Event) {\n console.log('leave');\n this.onLeave.emit(e);\n }\n\n copy($event: any) {\n $event.stopPropagation();\n\n this.matTooltip.show();\n\n this.clipboard.copy(this.content.nativeElement.innerHTML);\n\n this.onCopy.emit();\n this.checked = true;\n\n setTimeout(() => {\n this.checked = false;\n this.matTooltip.hide();\n }, 2000);\n }\n}\n","<span class=\"onemrva-copy-to-clipboard-container\">\n <span #clipboardCopyContent>\n <ng-content></ng-content>\n </span>\n <mat-icon class=\"small\" (click)=\"copy($event)\" *ngIf=\"!checked\">content_copy</mat-icon>\n <mat-icon class=\"small\" color=\"success\" *ngIf=\"checked\">check</mat-icon>\n <span\n [matTooltip]=\"tooltip\"\n matTooltipPosition=\"above\"\n #cccTooltip=\"matTooltip\"></span>\n</span>\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './index';\n"],"names":[],"mappings":"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"}
@@ -1,7 +1,7 @@
1
1
  @use "sass:map";
2
2
  @use "@angular/material" as mat;
3
3
 
4
- @mixin theme($theme) {
4
+ @mixin layout($theme) {
5
5
  $accent: mat.get-color-from-palette(map-get($theme, "accent"));
6
6
  $grey300: mat.get-color-from-palette(map-get($theme, "grayscale"), 300);
7
7
  $grey900: mat.get-color-from-palette(map-get($theme, "grayscale"), 900);
@@ -1,3 +1,3 @@
1
1
  @use './components/layout/layout.component' as layoutCmp;
2
- @forward './components/layout/layout-mixin.component' show theme;
2
+ @forward './components/layout/layout-mixin.component' show layout;
3
3
 
@@ -3,7 +3,7 @@ import { Clipboard } from "@angular/cdk/clipboard";
3
3
  import { TranslateService } from "@ngx-translate/core";
4
4
  import { MatTooltip } from "@angular/material/tooltip";
5
5
  import * as i0 from "@angular/core";
6
- export declare class OnemrvaCopyComponent {
6
+ export declare class OnemrvaCopyToClipboardComponent {
7
7
  private elt;
8
8
  private translate;
9
9
  private clipboard;
@@ -12,8 +12,14 @@ export declare class OnemrvaCopyComponent {
12
12
  matTooltip: MatTooltip;
13
13
  tooltip: string;
14
14
  onCopy: EventEmitter<void>;
15
+ onClick: EventEmitter<Event>;
16
+ onHover: EventEmitter<Event>;
17
+ onLeave: EventEmitter<Event>;
15
18
  constructor(elt: ElementRef, translate: TranslateService, clipboard: Clipboard);
16
- copy(): void;
17
- static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaCopyComponent, never>;
18
- static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaCopyComponent, "copy-to-clipboard", never, { "tooltip": { "alias": "tooltip"; "required": false; }; }, { "onCopy": "onCopy"; }, never, ["*"], true, never>;
19
+ clicked(e: Event): void;
20
+ onMouseEnter(e: Event): void;
21
+ onMouseLeave(e: Event): void;
22
+ copy($event: any): void;
23
+ static ɵfac: i0.ɵɵFactoryDeclaration<OnemrvaCopyToClipboardComponent, never>;
24
+ static ɵcmp: i0.ɵɵComponentDeclaration<OnemrvaCopyToClipboardComponent, "copy-to-clipboard", never, { "tooltip": { "alias": "tooltip"; "required": false; }; }, { "onCopy": "onCopy"; "onClick": "onClick"; "onHover": "onHover"; "onLeave": "onLeave"; }, never, ["*"], true, never>;
19
25
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@onemrvapublic/design-system",
3
- "version": "16.2.24",
3
+ "version": "16.2.25",
4
4
  "publishConfig": {
5
5
  "access": "public"
6
6
  },