ng-inail-common 3.0.0-beta.1 → 3.0.0-beta.2
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.
|
@@ -4,6 +4,30 @@ import { ResponsiveElementComponent } from "../../responsive-element.component";
|
|
|
4
4
|
import { NG_INAIL_COMMON_CONFIG } from "../../../../ng-inail-common.config";
|
|
5
5
|
import { setFocus } from "../../../../utils/common.operators";
|
|
6
6
|
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/common";
|
|
8
|
+
const ICON_CLASS_MAP = {
|
|
9
|
+
'trash': 'fa-trash-alt',
|
|
10
|
+
'pencil': 'fa-pencil-alt',
|
|
11
|
+
'eye': 'fa-eye',
|
|
12
|
+
'plus': 'fa-plus',
|
|
13
|
+
'download': 'fa-download',
|
|
14
|
+
'euro': 'fa-euro-sign',
|
|
15
|
+
'file': 'fa-file-alt',
|
|
16
|
+
'star': 'fa-star',
|
|
17
|
+
'paperclip': 'fa-paperclip',
|
|
18
|
+
'plus-circle': 'fa-plus-circle',
|
|
19
|
+
'chevron-down': 'fa-chevron-down',
|
|
20
|
+
'chevron-up': 'fa-chevron-up',
|
|
21
|
+
'angle-down': 'fa-angle-down',
|
|
22
|
+
'angle-up': 'fa-angle-up',
|
|
23
|
+
'question-circle': 'fa-question-circle',
|
|
24
|
+
'exclamation-circle': 'fa-exclamation-circle',
|
|
25
|
+
'exclamation-triangle': 'fa-exclamation-triangle',
|
|
26
|
+
'file-pdf': 'fa-file-pdf',
|
|
27
|
+
'file-word': 'fa-file-word',
|
|
28
|
+
'file-excel': 'fa-file-excel',
|
|
29
|
+
'file-powerpoint': 'fa-file-powerpoint',
|
|
30
|
+
};
|
|
7
31
|
export class IconButtonComponent extends ResponsiveElementComponent {
|
|
8
32
|
constructor(cdr, libConfig) {
|
|
9
33
|
super(cdr, libConfig);
|
|
@@ -11,10 +35,14 @@ export class IconButtonComponent extends ResponsiveElementComponent {
|
|
|
11
35
|
this.libConfig = libConfig;
|
|
12
36
|
this.disabled = false;
|
|
13
37
|
this.onclick = new EventEmitter();
|
|
38
|
+
this.faIconClass = '';
|
|
14
39
|
this.logPrefix = `[inail-icon-button]`;
|
|
15
40
|
}
|
|
16
41
|
ngOnChanges(changes) {
|
|
17
42
|
super.ngOnChanges(changes);
|
|
43
|
+
if (changes.icon?.currentValue != undefined) {
|
|
44
|
+
this.faIconClass = ICON_CLASS_MAP[changes.icon.currentValue] ?? '';
|
|
45
|
+
}
|
|
18
46
|
this.cdr.detectChanges();
|
|
19
47
|
}
|
|
20
48
|
ngOnInit() {
|
|
@@ -39,11 +67,11 @@ export class IconButtonComponent extends ResponsiveElementComponent {
|
|
|
39
67
|
setFocus(this.buttonElement.nativeElement, scroll);
|
|
40
68
|
}
|
|
41
69
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NG_INAIL_COMMON_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
42
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconButtonComponent, selector: "inail-icon-button", inputs: { disabled: "disabled", title: "title", iconClass: "iconClass", focus: "focus" }, outputs: { onclick: "onclick" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button #buttonElement\n [id]=\"id\"\n type=\"button\"\n class=\"inail-icon-button {{getResponsiveClass()}} {{class}}\"\n data-toggle=\"tooltip\"\n [attr.data-original-title]=\"title\"\n [disabled]=\"disabled\"\n (click)=\"onClick($event)\">\n <span class=\"fa {{iconClass}}\"
|
|
70
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconButtonComponent, selector: "inail-icon-button", inputs: { disabled: "disabled", title: "title", icon: "icon", iconClass: "iconClass", focus: "focus" }, outputs: { onclick: "onclick" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button #buttonElement\n [id]=\"id\"\n type=\"button\"\n class=\"inail-icon-button {{getResponsiveClass()}} {{class}}\"\n data-toggle=\"tooltip\"\n [attr.data-original-title]=\"title\"\n [disabled]=\"disabled\"\n (click)=\"onClick($event)\">\n <span class=\"fa {{iconClass}}\"\n [ngClass]=\"faIconClass\">\n </span>\n</button>\n", styles: ["button.inail-icon-button{border:none!important;background:transparent!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
43
71
|
}
|
|
44
72
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
45
73
|
type: Component,
|
|
46
|
-
args: [{ selector: 'inail-icon-button', changeDetection: CHANGE_DETECTION_STRATEGY, encapsulation: ViewEncapsulation.None, template: "<button #buttonElement\n [id]=\"id\"\n type=\"button\"\n class=\"inail-icon-button {{getResponsiveClass()}} {{class}}\"\n data-toggle=\"tooltip\"\n [attr.data-original-title]=\"title\"\n [disabled]=\"disabled\"\n (click)=\"onClick($event)\">\n <span class=\"fa {{iconClass}}\"
|
|
74
|
+
args: [{ selector: 'inail-icon-button', changeDetection: CHANGE_DETECTION_STRATEGY, encapsulation: ViewEncapsulation.None, template: "<button #buttonElement\n [id]=\"id\"\n type=\"button\"\n class=\"inail-icon-button {{getResponsiveClass()}} {{class}}\"\n data-toggle=\"tooltip\"\n [attr.data-original-title]=\"title\"\n [disabled]=\"disabled\"\n (click)=\"onClick($event)\">\n <span class=\"fa {{iconClass}}\"\n [ngClass]=\"faIconClass\">\n </span>\n</button>\n", styles: ["button.inail-icon-button{border:none!important;background:transparent!important}\n"] }]
|
|
47
75
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
48
76
|
type: Inject,
|
|
49
77
|
args: [NG_INAIL_COMMON_CONFIG]
|
|
@@ -51,6 +79,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
51
79
|
type: Input
|
|
52
80
|
}], title: [{
|
|
53
81
|
type: Input
|
|
82
|
+
}], icon: [{
|
|
83
|
+
type: Input
|
|
54
84
|
}], iconClass: [{
|
|
55
85
|
type: Input
|
|
56
86
|
}], focus: [{
|
|
@@ -61,4 +91,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
61
91
|
type: ViewChild,
|
|
62
92
|
args: ['buttonElement', { static: true }]
|
|
63
93
|
}] } });
|
|
64
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
94
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmctaW5haWwtY29tbW9uL3NyYy9saWIvY29tcG9uZW50cy9jb3JlL3V4L2ljb24tYnV0dG9uL2ljb24tYnV0dG9uLmNvbXBvbmVudC50cyIsIi4uLy4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL25nLWluYWlsLWNvbW1vbi9zcmMvbGliL2NvbXBvbmVudHMvY29yZS91eC9pY29uLWJ1dHRvbi9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBR0wsU0FBUyxFQUVULFlBQVksRUFDWixNQUFNLEVBQ04sS0FBSyxFQUlMLE1BQU0sRUFDTixTQUFTLEVBQ1QsaUJBQWlCLEVBQ2xCLE1BQU0sZUFBZSxDQUFDO0FBQ3ZCLE9BQU8sRUFBQyx5QkFBeUIsRUFBZSxNQUFNLHNCQUFzQixDQUFDO0FBQzdFLE9BQU8sRUFBQywwQkFBMEIsRUFBb0MsTUFBTSxvQ0FBb0MsQ0FBQztBQUNqSCxPQUFPLEVBQUMsc0JBQXNCLEVBQXNCLE1BQU0sb0NBQW9DLENBQUM7QUFFL0YsT0FBTyxFQUFDLFFBQVEsRUFBQyxNQUFNLG9DQUFvQyxDQUFDOzs7QUFNNUQsTUFBTSxjQUFjLEdBQWdDO0lBQ2xELE9BQU8sRUFBRSxjQUFjO0lBQ3ZCLFFBQVEsRUFBRSxlQUFlO0lBQ3pCLEtBQUssRUFBRSxRQUFRO0lBQ2YsTUFBTSxFQUFFLFNBQVM7SUFDakIsVUFBVSxFQUFFLGFBQWE7SUFDekIsTUFBTSxFQUFFLGNBQWM7SUFDdEIsTUFBTSxFQUFFLGFBQWE7SUFDckIsTUFBTSxFQUFFLFNBQVM7SUFDakIsV0FBVyxFQUFFLGNBQWM7SUFDM0IsYUFBYSxFQUFFLGdCQUFnQjtJQUMvQixjQUFjLEVBQUUsaUJBQWlCO0lBQ2pDLFlBQVksRUFBRSxlQUFlO0lBQzdCLFlB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QUFJLEVBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBBZnRlclZpZXdJbml0LFxuICBDaGFuZ2VEZXRlY3RvclJlZixcbiAgQ29tcG9uZW50LFxuICBFbGVtZW50UmVmLFxuICBFdmVudEVtaXR0ZXIsXG4gIEluamVjdCxcbiAgSW5wdXQsXG4gIE9uQ2hhbmdlcyxcbiAgT25EZXN0cm95LFxuICBPbkluaXQsXG4gIE91dHB1dCxcbiAgVmlld0NoaWxkLFxuICBWaWV3RW5jYXBzdWxhdGlvblxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7Q0hBTkdFX0RFVEVDVElPTl9TVFJBVEVHWSwgU3RyaW5nQ2hhbmdlfSBmcm9tIFwiLi4vLi4vYmFzZS5jb21wb25lbnRcIjtcbmltcG9ydCB7UmVzcG9uc2l2ZUVsZW1lbnRDb21wb25lbnQsIFJlc3BvbnNpdmVFbGVtZW50Q29tcG9uZW50Q2hhbmdlc30gZnJvbSBcIi4uLy4uL3Jlc3BvbnNpdmUtZWxlbWVudC5jb21wb25lbnRcIjtcbmltcG9ydCB7TkdfSU5BSUxfQ09NTU9OX0NPTkZJRywgTmdJbmFpbENvbW1vbkNvbmZpZ30gZnJvbSBcIi4uLy4uLy4uLy4uL25nLWluYWlsLWNvbW1vbi5jb25maWdcIjtcbmltcG9ydCB7T2JzZXJ2YWJsZX0gZnJvbSBcInJ4anNcIjtcbmltcG9ydCB7c2V0Rm9jdXN9IGZyb20gXCIuLi8uLi8uLi8uLi91dGlscy9jb21tb24ub3BlcmF0b3JzXCI7XG5cbmV4cG9ydCB0eXBlIEljb25CdXR0b25JbWFnZSA9ICd0cmFzaCcgfCAncGVuY2lsJyB8ICdxdWVzdGlvbi1jaXJjbGUnIHwgJ2V4Y2xhbWF0aW9uLWNpcmNsZScgfCAnZXllJyB8ICdjaGV2cm9uLWRvd24nIHwgJ2NoZXZyb24tdXAnIHwgJ3BsdXMnXG4gIHwgJ3BsdXMtY2lyY2xlJyB8ICdkb3dubG9hZCcgfCAnZXhjbGFtYXRpb24tdHJpYW5nbGUnIHwgJ2V1cm8nIHwgJ2ZpbGUnIHwgJ2ZpbGUtcGRmJyB8ICdmaWxlLXdvcmQnIHwgJ2ZpbGUtZXhjZWwnIHwgJ2ZpbGUtcG93ZXJwb2ludCdcbiAgfCAnc3RhcicgfCAncGFwZXJjbGlwJztcblxuY29uc3QgSUNPTl9DTEFTU19NQVA6IHsgW3BhcmFtOiBzdHJpbmddOiBzdHJpbmcgfSA9IHtcbiAgJ3RyYXNoJzogJ2ZhLXRyYXNoLWFsdCcsXG4gICdwZW5jaWwnOiAnZmEtcGVuY2lsLWFsdCcsXG4gICdleWUnOiAnZmEtZXllJyxcbiAgJ3BsdXMnOiAnZmEtcGx1cycsXG4gICdkb3dubG9hZCc6ICdmYS1kb3dubG9hZCcsXG4gICdldXJvJzogJ2ZhLWV1cm8tc2lnbicsXG4gICdmaWxlJzogJ2ZhLWZpbGUtYWx0JyxcbiAgJ3N0YXInOiAnZmEtc3RhcicsXG4gICdwYXBlcmNsaXAnOiAnZmEtcGFwZXJjbGlwJyxcbiAgJ3BsdXMtY2lyY2xlJzogJ2ZhLXBsdXMtY2lyY2xlJyxcbiAgJ2NoZXZyb24tZG93bic6ICdmYS1jaGV2cm9uLWRvd24nLFxuICAnY2hldnJvbi11cCc6ICdmYS1jaGV2cm9uLXVwJyxcbiAgJ2FuZ2xlLWRvd24nOiAnZmEtYW5nbGUtZG93bicsXG4gICdhbmdsZS11cCc6ICdmYS1hbmdsZS11cCcsXG4gICdxdWVzdGlvbi1jaXJjbGUnOiAnZmEtcXVlc3Rpb24tY2lyY2xlJyxcbiAgJ2V4Y2xhbWF0aW9uLWNpcmNsZSc6ICdmYS1leGNsYW1hdGlvbi1jaXJjbGUnLFxuICAnZXhjbGFtYXRpb24tdHJpYW5nbGUnOiAnZmEtZXhjbGFtYXRpb24tdHJpYW5nbGUnLFxuICAnZmlsZS1wZGYnOiAnZmEtZmlsZS1wZGYnLFxuICAnZmlsZS13b3JkJzogJ2ZhLWZpbGUtd29yZCcsXG4gICdmaWxlLWV4Y2VsJzogJ2ZhLWZpbGUtZXhjZWwnLFxuICAnZmlsZS1wb3dlcnBvaW50JzogJ2ZhLWZpbGUtcG93ZXJwb2ludCcsXG59XG5cbmV4cG9ydCBpbnRlcmZhY2UgSWNvbkJ1dHRvbkNvbXBvbmVudENoYW5nZXMgZXh0ZW5kcyBSZXNwb25zaXZlRWxlbWVudENvbXBvbmVudENoYW5nZXMge1xuXG4gIGljb246IFN0cmluZ0NoYW5nZVxufVxuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdpbmFpbC1pY29uLWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnLi9pY29uLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWycuL2ljb24tYnV0dG9uLmNvbXBvbmVudC5jc3MnXSxcbiAgY2hhbmdlRGV0ZWN0aW9uOiBDSEFOR0VfREVURUNUSU9OX1NUUkFURUdZLFxuICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lXG59KVxuZXhwb3J0IGNsYXNzIEljb25CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBSZXNwb25zaXZlRWxlbWVudENvbXBvbmVudCBpbXBsZW1lbnRzIE9uQ2hhbmdlcywgT25Jbml0LCBBZnRlclZpZXdJbml0LCBPbkRlc3Ryb3kge1xuXG4gIEBJbnB1dCgpXG4gIGRpc2FibGVkOiBib29sZWFuID0gZmFsc2U7XG4gIEBJbnB1dCgpXG4gIHRpdGxlOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIGljb246IEljb25CdXR0b25JbWFnZTtcbiAgQElucHV0KClcbiAgaWNvbkNsYXNzOiBzdHJpbmc7XG4gIEBJbnB1dCgpXG4gIGZvY3VzOiBPYnNlcnZhYmxlPGJvb2xlYW4gfCB2b2lkPjtcbiAgQE91dHB1dCgpXG4gIG9uY2xpY2s6IEV2ZW50RW1pdHRlcjxNb3VzZUV2ZW50PiA9IG5ldyBFdmVudEVtaXR0ZXI8TW91c2VFdmVudD4oKVxuXG4gIEBWaWV3Q2hpbGQoJ2J1dHRvbkVsZW1lbnQnLCB7c3RhdGljOiB0cnVlfSlcbiAgYnV0dG9uRWxlbWVudDogRWxlbWVudFJlZjxIVE1MRWxlbWVudD47XG5cbiAgZmFJY29uQ2xhc3M6IHN0cmluZyA9ICcnO1xuXG4gIGNvbnN0cnVjdG9yKHByaXZhdGUgY2RyOiBDaGFuZ2VEZXRlY3RvclJlZixcbiAgICAgICAgICAgICAgQEluamVjdChOR19JTkFJTF9DT01NT05fQ09ORklHKVxuICAgICAgICAgICAgICBwcml2YXRlIGxpYkNvbmZpZzogTmdJbmFpbENvbW1vbkNvbmZpZykge1xuICAgIHN1cGVyKGNkciwgbGliQ29uZmlnKTtcbiAgICB0aGlzLmxvZ1ByZWZpeCA9IGBbaW5haWwtaWNvbi1idXR0b25dYDtcbiAgfVxuXG4gIG5nT25DaGFuZ2VzKGNoYW5nZXM6IEljb25CdXR0b25Db21wb25lbnRDaGFuZ2VzKSB7XG5cbiAgICBzdXBlci5uZ09uQ2hhbmdlcyhjaGFuZ2VzKTtcblxuICAgIGlmKGNoYW5nZXMuaWNvbj8uY3VycmVudFZhbHVlICE9IHVuZGVmaW5lZCkge1xuXG4gICAgICB0aGlzLmZhSWNvbkNsYXNzID0gSUNPTl9DTEFTU19NQVBbY2hhbmdlcy5pY29uLmN1cnJlbnRWYWx1ZV0gPz8gJyc7XG4gICAgfVxuXG4gICAgdGhpcy5jZHIuZGV0ZWN0Q2hhbmdlcygpO1xuICB9XG5cbiAgbmdPbkluaXQoKSB7XG4gICAgc3VwZXIubmdPbkluaXQoKVxuICAgIHRoaXMubG9nUHJlZml4ID0gYCR7dGhpcy5sb2dQcmVmaXh9YFxuXG4gICAgaWYgKHRoaXMuZm9jdXMpIHtcblxuICAgICAgdGhpcy5wdXNoKHRoaXMuZm9jdXMuc3Vic2NyaWJlKChzY3JvbGw6IGJvb2xlYW4pID0+IHRoaXMuc2V0Rm9jdXMoc2Nyb2xsKSkpO1xuICAgIH1cblxuICAgIHRoaXMuY2RyLmRldGVjdENoYW5nZXMoKTtcbiAgfVxuXG4gIG5nQWZ0ZXJWaWV3SW5pdCgpIHtcbiAgICBzdXBlci5uZ0FmdGVyVmlld0luaXQoKTtcbiAgICB0aGlzLiQodGhpcy5idXR0b25FbGVtZW50Lm5hdGl2ZUVsZW1lbnQpLnRvb2x0aXAoKTtcbiAgfVxuXG4gIG9uQ2xpY2soJGV2ZW50OiBNb3VzZUV2ZW50KSB7XG5cbiAgICBpZiAoIXRoaXMuZGlzYWJsZWQpIHtcblxuICAgICAgdGhpcy5vbmNsaWNrLmVtaXQoJGV2ZW50KTtcbiAgICB9XG4gIH1cblxuICBwcml2YXRlIHNldEZvY3VzKHNjcm9sbDogYm9vbGVhbikge1xuXG4gICAgdGhpcy5lbWl0RGVidWcoYENhdGNoIGZvY3VzIWApO1xuICAgIHNldEZvY3VzKHRoaXMuYnV0dG9uRWxlbWVudC5uYXRpdmVFbGVtZW50LCBzY3JvbGwpO1xuICB9XG59XG4iLCI8YnV0dG9uICNidXR0b25FbGVtZW50XG4gICAgICAgIFtpZF09XCJpZFwiXG4gICAgICAgIHR5cGU9XCJidXR0b25cIlxuICAgICAgICBjbGFzcz1cImluYWlsLWljb24tYnV0dG9uIHt7Z2V0UmVzcG9uc2l2ZUNsYXNzKCl9fSB7e2NsYXNzfX1cIlxuICAgICAgICBkYXRhLXRvZ2dsZT1cInRvb2x0aXBcIlxuICAgICAgICBbYXR0ci5kYXRhLW9yaWdpbmFsLXRpdGxlXT1cInRpdGxlXCJcbiAgICAgICAgW2Rpc2FibGVkXT1cImRpc2FibGVkXCJcbiAgICAgICAgKGNsaWNrKT1cIm9uQ2xpY2soJGV2ZW50KVwiPlxuICA8c3BhbiBjbGFzcz1cImZhIHt7aWNvbkNsYXNzfX1cIlxuICAgICAgICBbbmdDbGFzc109XCJmYUljb25DbGFzc1wiPlxuICA8L3NwYW4+XG48L2J1dHRvbj5cbiJdfQ==
|
|
@@ -7079,6 +7079,29 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
7079
7079
|
type: Input
|
|
7080
7080
|
}] } });
|
|
7081
7081
|
|
|
7082
|
+
const ICON_CLASS_MAP = {
|
|
7083
|
+
'trash': 'fa-trash-alt',
|
|
7084
|
+
'pencil': 'fa-pencil-alt',
|
|
7085
|
+
'eye': 'fa-eye',
|
|
7086
|
+
'plus': 'fa-plus',
|
|
7087
|
+
'download': 'fa-download',
|
|
7088
|
+
'euro': 'fa-euro-sign',
|
|
7089
|
+
'file': 'fa-file-alt',
|
|
7090
|
+
'star': 'fa-star',
|
|
7091
|
+
'paperclip': 'fa-paperclip',
|
|
7092
|
+
'plus-circle': 'fa-plus-circle',
|
|
7093
|
+
'chevron-down': 'fa-chevron-down',
|
|
7094
|
+
'chevron-up': 'fa-chevron-up',
|
|
7095
|
+
'angle-down': 'fa-angle-down',
|
|
7096
|
+
'angle-up': 'fa-angle-up',
|
|
7097
|
+
'question-circle': 'fa-question-circle',
|
|
7098
|
+
'exclamation-circle': 'fa-exclamation-circle',
|
|
7099
|
+
'exclamation-triangle': 'fa-exclamation-triangle',
|
|
7100
|
+
'file-pdf': 'fa-file-pdf',
|
|
7101
|
+
'file-word': 'fa-file-word',
|
|
7102
|
+
'file-excel': 'fa-file-excel',
|
|
7103
|
+
'file-powerpoint': 'fa-file-powerpoint',
|
|
7104
|
+
};
|
|
7082
7105
|
class IconButtonComponent extends ResponsiveElementComponent {
|
|
7083
7106
|
constructor(cdr, libConfig) {
|
|
7084
7107
|
super(cdr, libConfig);
|
|
@@ -7086,10 +7109,14 @@ class IconButtonComponent extends ResponsiveElementComponent {
|
|
|
7086
7109
|
this.libConfig = libConfig;
|
|
7087
7110
|
this.disabled = false;
|
|
7088
7111
|
this.onclick = new EventEmitter();
|
|
7112
|
+
this.faIconClass = '';
|
|
7089
7113
|
this.logPrefix = `[inail-icon-button]`;
|
|
7090
7114
|
}
|
|
7091
7115
|
ngOnChanges(changes) {
|
|
7092
7116
|
super.ngOnChanges(changes);
|
|
7117
|
+
if (changes.icon?.currentValue != undefined) {
|
|
7118
|
+
this.faIconClass = ICON_CLASS_MAP[changes.icon.currentValue] ?? '';
|
|
7119
|
+
}
|
|
7093
7120
|
this.cdr.detectChanges();
|
|
7094
7121
|
}
|
|
7095
7122
|
ngOnInit() {
|
|
@@ -7114,11 +7141,11 @@ class IconButtonComponent extends ResponsiveElementComponent {
|
|
|
7114
7141
|
setFocus(this.buttonElement.nativeElement, scroll);
|
|
7115
7142
|
}
|
|
7116
7143
|
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonComponent, deps: [{ token: i0.ChangeDetectorRef }, { token: NG_INAIL_COMMON_CONFIG }], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7117
|
-
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconButtonComponent, selector: "inail-icon-button", inputs: { disabled: "disabled", title: "title", iconClass: "iconClass", focus: "focus" }, outputs: { onclick: "onclick" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button #buttonElement\n [id]=\"id\"\n type=\"button\"\n class=\"inail-icon-button {{getResponsiveClass()}} {{class}}\"\n data-toggle=\"tooltip\"\n [attr.data-original-title]=\"title\"\n [disabled]=\"disabled\"\n (click)=\"onClick($event)\">\n <span class=\"fa {{iconClass}}\"
|
|
7144
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.2.12", type: IconButtonComponent, selector: "inail-icon-button", inputs: { disabled: "disabled", title: "title", icon: "icon", iconClass: "iconClass", focus: "focus" }, outputs: { onclick: "onclick" }, viewQueries: [{ propertyName: "buttonElement", first: true, predicate: ["buttonElement"], descendants: true, static: true }], usesInheritance: true, usesOnChanges: true, ngImport: i0, template: "<button #buttonElement\n [id]=\"id\"\n type=\"button\"\n class=\"inail-icon-button {{getResponsiveClass()}} {{class}}\"\n data-toggle=\"tooltip\"\n [attr.data-original-title]=\"title\"\n [disabled]=\"disabled\"\n (click)=\"onClick($event)\">\n <span class=\"fa {{iconClass}}\"\n [ngClass]=\"faIconClass\">\n </span>\n</button>\n", styles: ["button.inail-icon-button{border:none!important;background:transparent!important}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
7118
7145
|
}
|
|
7119
7146
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImport: i0, type: IconButtonComponent, decorators: [{
|
|
7120
7147
|
type: Component,
|
|
7121
|
-
args: [{ selector: 'inail-icon-button', changeDetection: CHANGE_DETECTION_STRATEGY, encapsulation: ViewEncapsulation.None, template: "<button #buttonElement\n [id]=\"id\"\n type=\"button\"\n class=\"inail-icon-button {{getResponsiveClass()}} {{class}}\"\n data-toggle=\"tooltip\"\n [attr.data-original-title]=\"title\"\n [disabled]=\"disabled\"\n (click)=\"onClick($event)\">\n <span class=\"fa {{iconClass}}\"
|
|
7148
|
+
args: [{ selector: 'inail-icon-button', changeDetection: CHANGE_DETECTION_STRATEGY, encapsulation: ViewEncapsulation.None, template: "<button #buttonElement\n [id]=\"id\"\n type=\"button\"\n class=\"inail-icon-button {{getResponsiveClass()}} {{class}}\"\n data-toggle=\"tooltip\"\n [attr.data-original-title]=\"title\"\n [disabled]=\"disabled\"\n (click)=\"onClick($event)\">\n <span class=\"fa {{iconClass}}\"\n [ngClass]=\"faIconClass\">\n </span>\n</button>\n", styles: ["button.inail-icon-button{border:none!important;background:transparent!important}\n"] }]
|
|
7122
7149
|
}], ctorParameters: function () { return [{ type: i0.ChangeDetectorRef }, { type: undefined, decorators: [{
|
|
7123
7150
|
type: Inject,
|
|
7124
7151
|
args: [NG_INAIL_COMMON_CONFIG]
|
|
@@ -7126,6 +7153,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.2.12", ngImpo
|
|
|
7126
7153
|
type: Input
|
|
7127
7154
|
}], title: [{
|
|
7128
7155
|
type: Input
|
|
7156
|
+
}], icon: [{
|
|
7157
|
+
type: Input
|
|
7129
7158
|
}], iconClass: [{
|
|
7130
7159
|
type: Input
|
|
7131
7160
|
}], focus: [{
|