@js-smart/ng-kit 18.0.0
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.
- package/README.md +297 -0
- package/esm2022/js-smart-ng-kit.mjs +5 -0
- package/esm2022/lib/components/alert/alert.component.mjs +95 -0
- package/esm2022/lib/components/autocomplete/autocomplete.component.mjs +172 -0
- package/esm2022/lib/components/buttons/base-button/base-button.component.mjs +72 -0
- package/esm2022/lib/components/buttons/bs-link-button/bs-link-button.component.mjs +52 -0
- package/esm2022/lib/components/buttons/delete-button/delete-button.component.mjs +62 -0
- package/esm2022/lib/components/buttons/edit-bs-button/edit-bs-button.component.mjs +55 -0
- package/esm2022/lib/components/buttons/edit-button/edit-button.component.mjs +49 -0
- package/esm2022/lib/components/buttons/edit-svg-icon-button/edit-svg-icon-button.component.mjs +51 -0
- package/esm2022/lib/components/buttons/excel-export-button/excel-export-button.component.mjs +14 -0
- package/esm2022/lib/components/buttons/manage-button/manage-button.component.mjs +49 -0
- package/esm2022/lib/components/buttons/pdf-export-button/pdf-export-button.component.mjs +13 -0
- package/esm2022/lib/components/buttons/primary-button/primary-button.component.mjs +61 -0
- package/esm2022/lib/components/buttons/save-primary-button/save-primary-button.component.mjs +60 -0
- package/esm2022/lib/components/buttons/search-button/search-button.component.mjs +52 -0
- package/esm2022/lib/components/buttons/success-button/success-button.component.mjs +65 -0
- package/esm2022/lib/components/buttons/view-button/view-button.component.mjs +41 -0
- package/esm2022/lib/components/buttons/view-primary-button/view-primary-button.component.mjs +49 -0
- package/esm2022/lib/components/confirm-dialog/confirm-dialog.component.mjs +63 -0
- package/esm2022/lib/components/ngx-spinner/ngx-spinner.component.mjs +195 -0
- package/esm2022/lib/components/ngx-spinner/ngx-spinner.enum.mjs +16 -0
- package/esm2022/lib/components/ngx-spinner/ngx-spinner.service.mjs +71 -0
- package/esm2022/lib/components/ngx-spinner/safe-html.pipe.mjs +24 -0
- package/esm2022/lib/components/snack-bar/error-snack-bar/error-snack-bar.component.mjs +50 -0
- package/esm2022/lib/components/snack-bar/success-snack-bar/success-snack-bar.component.mjs +50 -0
- package/esm2022/lib/components/spinner/spinner.component.mjs +31 -0
- package/esm2022/lib/directives/ngx-print.directive.mjs +255 -0
- package/esm2022/lib/directives/prevent-multiple-clicks.directive.mjs +44 -0
- package/esm2022/lib/pipes/type-of.pipe.mjs +17 -0
- package/esm2022/lib/services/mat-snack-bar.service.mjs +82 -0
- package/esm2022/lib/svg-icons/edit-solid-svg/edit-solid-svg.component.mjs +22 -0
- package/esm2022/lib/types/progress-state.mjs +2 -0
- package/esm2022/lib/util/progress-util.mjs +80 -0
- package/esm2022/public-api.mjs +33 -0
- package/fesm2022/js-smart-ng-kit.mjs +1872 -0
- package/fesm2022/js-smart-ng-kit.mjs.map +1 -0
- package/index.d.ts +5 -0
- package/lib/components/alert/alert.component.d.ts +73 -0
- package/lib/components/autocomplete/autocomplete.component.d.ts +115 -0
- package/lib/components/buttons/base-button/base-button.component.d.ts +63 -0
- package/lib/components/buttons/bs-link-button/bs-link-button.component.d.ts +10 -0
- package/lib/components/buttons/delete-button/delete-button.component.d.ts +11 -0
- package/lib/components/buttons/edit-bs-button/edit-bs-button.component.d.ts +9 -0
- package/lib/components/buttons/edit-button/edit-button.component.d.ts +10 -0
- package/lib/components/buttons/edit-svg-icon-button/edit-svg-icon-button.component.d.ts +10 -0
- package/lib/components/buttons/excel-export-button/excel-export-button.component.d.ts +5 -0
- package/lib/components/buttons/manage-button/manage-button.component.d.ts +10 -0
- package/lib/components/buttons/pdf-export-button/pdf-export-button.component.d.ts +5 -0
- package/lib/components/buttons/primary-button/primary-button.component.d.ts +12 -0
- package/lib/components/buttons/save-primary-button/save-primary-button.component.d.ts +11 -0
- package/lib/components/buttons/search-button/search-button.component.d.ts +11 -0
- package/lib/components/buttons/success-button/success-button.component.d.ts +11 -0
- package/lib/components/buttons/view-button/view-button.component.d.ts +9 -0
- package/lib/components/buttons/view-primary-button/view-primary-button.component.d.ts +10 -0
- package/lib/components/confirm-dialog/confirm-dialog.component.d.ts +20 -0
- package/lib/components/ngx-spinner/ngx-spinner.component.d.ts +109 -0
- package/lib/components/ngx-spinner/ngx-spinner.enum.d.ts +37 -0
- package/lib/components/ngx-spinner/ngx-spinner.service.d.ts +34 -0
- package/lib/components/ngx-spinner/safe-html.pipe.d.ts +10 -0
- package/lib/components/snack-bar/error-snack-bar/error-snack-bar.component.d.ts +22 -0
- package/lib/components/snack-bar/success-snack-bar/success-snack-bar.component.d.ts +22 -0
- package/lib/components/spinner/spinner.component.d.ts +22 -0
- package/lib/directives/ngx-print.directive.d.ts +157 -0
- package/lib/directives/prevent-multiple-clicks.directive.d.ts +21 -0
- package/lib/pipes/type-of.pipe.d.ts +7 -0
- package/lib/services/mat-snack-bar.service.d.ts +61 -0
- package/lib/svg-icons/edit-solid-svg/edit-solid-svg.component.d.ts +8 -0
- package/lib/types/progress-state.d.ts +7 -0
- package/lib/util/progress-util.d.ts +45 -0
- package/package.json +47 -0
- package/public-api.d.ts +25 -0
|
@@ -0,0 +1,72 @@
|
|
|
1
|
+
import { Component, input, output } from '@angular/core';
|
|
2
|
+
import * as i0 from "@angular/core";
|
|
3
|
+
export class BaseButtonComponent {
|
|
4
|
+
constructor() {
|
|
5
|
+
/**
|
|
6
|
+
* Is search in progress and loading the data
|
|
7
|
+
*/
|
|
8
|
+
this.loading = input(false);
|
|
9
|
+
/**
|
|
10
|
+
* Is button disabled
|
|
11
|
+
*/
|
|
12
|
+
this.disabled = input(false);
|
|
13
|
+
/**
|
|
14
|
+
* Type of the button. Following values are supported. See BootStrap docs for more information
|
|
15
|
+
* <pre>
|
|
16
|
+
* 1. button
|
|
17
|
+
* 2. submit
|
|
18
|
+
* </pre>
|
|
19
|
+
*/
|
|
20
|
+
this.type = input('button');
|
|
21
|
+
/**
|
|
22
|
+
* If set, shows when action in Progress
|
|
23
|
+
*/
|
|
24
|
+
this.loadingLabel = input('Saving...');
|
|
25
|
+
/**
|
|
26
|
+
* If set, shows when Delete is not in progress
|
|
27
|
+
*/
|
|
28
|
+
this.label = input('Save');
|
|
29
|
+
/**
|
|
30
|
+
* If set, shows the icon. Otherwise, shows delete icon
|
|
31
|
+
*/
|
|
32
|
+
this.icon = input('save');
|
|
33
|
+
/**
|
|
34
|
+
* If set, shows material icon otherwise hides the icons
|
|
35
|
+
*/
|
|
36
|
+
this.showIcon = input(true);
|
|
37
|
+
/**
|
|
38
|
+
* If set, sets the style of the button
|
|
39
|
+
*/
|
|
40
|
+
this.style = input();
|
|
41
|
+
/**
|
|
42
|
+
* If set, sets the class of the button
|
|
43
|
+
*/
|
|
44
|
+
this.classes = input('btn');
|
|
45
|
+
/**
|
|
46
|
+
* If set, sets the data-cy attribute for the button
|
|
47
|
+
*/
|
|
48
|
+
this.dataCy = input('save-button');
|
|
49
|
+
/**
|
|
50
|
+
* Output event when button is clicked
|
|
51
|
+
*/
|
|
52
|
+
this.onClick = output();
|
|
53
|
+
/**
|
|
54
|
+
* Output event when button is focused
|
|
55
|
+
*/
|
|
56
|
+
this.onFocus = output();
|
|
57
|
+
/**
|
|
58
|
+
* Output event when button is blurred
|
|
59
|
+
*/
|
|
60
|
+
this.onBlur = output();
|
|
61
|
+
}
|
|
62
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BaseButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
63
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: BaseButtonComponent, isStandalone: true, selector: "ng-component", inputs: { loading: { classPropertyName: "loading", publicName: "loading", isSignal: true, isRequired: false, transformFunction: null }, disabled: { classPropertyName: "disabled", publicName: "disabled", isSignal: true, isRequired: false, transformFunction: null }, type: { classPropertyName: "type", publicName: "type", isSignal: true, isRequired: false, transformFunction: null }, loadingLabel: { classPropertyName: "loadingLabel", publicName: "loadingLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, style: { classPropertyName: "style", publicName: "style", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null }, dataCy: { classPropertyName: "dataCy", publicName: "dataCy", isSignal: true, isRequired: false, transformFunction: null } }, outputs: { onClick: "onClick", onFocus: "onFocus", onBlur: "onBlur" }, ngImport: i0, template: ``, isInline: true }); }
|
|
64
|
+
}
|
|
65
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BaseButtonComponent, decorators: [{
|
|
66
|
+
type: Component,
|
|
67
|
+
args: [{
|
|
68
|
+
standalone: true,
|
|
69
|
+
template: ``,
|
|
70
|
+
}]
|
|
71
|
+
}] });
|
|
72
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYmFzZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2l0L3NyYy9saWIvY29tcG9uZW50cy9idXR0b25zL2Jhc2UtYnV0dG9uL2Jhc2UtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7O0FBTXpELE1BQU0sT0FBTyxtQkFBbUI7SUFKaEM7UUFLQzs7V0FFRztRQUNILFlBQU8sR0FBRyxLQUFLLENBQVUsS0FBSyxDQUFDLENBQUM7UUFFaEM7O1dBRUc7UUFDSCxhQUFRLEdBQUcsS0FBSyxDQUFVLEtBQUssQ0FBQyxDQUFDO1FBRWpDOzs7Ozs7V0FNRztRQUNILFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFFdkI7O1dBRUc7UUFDSCxpQkFBWSxHQUFHLEtBQUssQ0FBQyxXQUFXLENBQUMsQ0FBQztRQUVsQzs7V0FFRztRQUNILFVBQUssR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFFdEI7O1dBRUc7UUFDSCxTQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBRXJCOztXQUVHO1FBQ0gsYUFBUSxHQUFHLEtBQUssQ0FBQyxJQUFJLENBQUMsQ0FBQztRQUV2Qjs7V0FFRztRQUNILFVBQUssR0FBRyxLQUFLLEVBQThDLENBQUM7UUFFNUQ7O1dBRUc7UUFDSCxZQUFPLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBRXZCOztXQUVHO1FBQ0gsV0FBTSxHQUFHLEtBQUssQ0FBQyxhQUFhLENBQUMsQ0FBQztRQUU5Qjs7V0FFRztRQUNILFlBQU8sR0FBRyxNQUFNLEVBQWMsQ0FBQztRQUUvQjs7V0FFRztRQUNILFlBQU8sR0FBRyxNQUFNLEVBQWMsQ0FBQztRQUUvQjs7V0FFRztRQUNILFdBQU0sR0FBRyxNQUFNLEVBQWMsQ0FBQztLQUM5Qjs4R0FyRVksbUJBQW1CO2tHQUFuQixtQkFBbUIsMjNDQUZyQixFQUFFOzsyRkFFQSxtQkFBbUI7a0JBSi9CLFNBQVM7bUJBQUM7b0JBQ1YsVUFBVSxFQUFFLElBQUk7b0JBQ2hCLFFBQVEsRUFBRSxFQUFFO2lCQUNaIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCwgb3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5cbkBDb21wb25lbnQoe1xuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHR0ZW1wbGF0ZTogYGAsXG59KVxuZXhwb3J0IGNsYXNzIEJhc2VCdXR0b25Db21wb25lbnQge1xuXHQvKipcblx0ICogIElzIHNlYXJjaCBpbiBwcm9ncmVzcyBhbmQgbG9hZGluZyB0aGUgZGF0YVxuXHQgKi9cblx0bG9hZGluZyA9IGlucHV0PGJvb2xlYW4+KGZhbHNlKTtcblxuXHQvKipcblx0ICogIElzIGJ1dHRvbiBkaXNhYmxlZFxuXHQgKi9cblx0ZGlzYWJsZWQgPSBpbnB1dDxib29sZWFuPihmYWxzZSk7XG5cblx0LyoqXG5cdCAqIFR5cGUgb2YgdGhlIGJ1dHRvbi4gRm9sbG93aW5nIHZhbHVlcyBhcmUgc3VwcG9ydGVkLiBTZWUgQm9vdFN0cmFwIGRvY3MgZm9yIG1vcmUgaW5mb3JtYXRpb25cblx0ICogPHByZT5cblx0ICogICAxLiBidXR0b25cblx0ICogICAyLiBzdWJtaXRcblx0ICogPC9wcmU+XG5cdCAqL1xuXHR0eXBlID0gaW5wdXQoJ2J1dHRvbicpO1xuXG5cdC8qKlxuXHQgKiBJZiBzZXQsIHNob3dzIHdoZW4gYWN0aW9uIGluIFByb2dyZXNzXG5cdCAqL1xuXHRsb2FkaW5nTGFiZWwgPSBpbnB1dCgnU2F2aW5nLi4uJyk7XG5cblx0LyoqXG5cdCAqIElmIHNldCwgc2hvd3Mgd2hlbiBEZWxldGUgaXMgbm90IGluIHByb2dyZXNzXG5cdCAqL1xuXHRsYWJlbCA9IGlucHV0KCdTYXZlJyk7XG5cblx0LyoqXG5cdCAqIElmIHNldCwgc2hvd3MgdGhlIGljb24uIE90aGVyd2lzZSwgc2hvd3MgZGVsZXRlIGljb25cblx0ICovXG5cdGljb24gPSBpbnB1dCgnc2F2ZScpO1xuXG5cdC8qKlxuXHQgKiBJZiBzZXQsIHNob3dzIG1hdGVyaWFsIGljb24gb3RoZXJ3aXNlIGhpZGVzIHRoZSBpY29uc1xuXHQgKi9cblx0c2hvd0ljb24gPSBpbnB1dCh0cnVlKTtcblxuXHQvKipcblx0ICogSWYgc2V0LCBzZXRzIHRoZSBzdHlsZSBvZiB0aGUgYnV0dG9uXG5cdCAqL1xuXHRzdHlsZSA9IGlucHV0PHsgW25hbWU6IHN0cmluZ106IGFueSB9IHwgbnVsbCB8IHVuZGVmaW5lZD4oKTtcblxuXHQvKipcblx0ICogSWYgc2V0LCBzZXRzIHRoZSBjbGFzcyBvZiB0aGUgYnV0dG9uXG5cdCAqL1xuXHRjbGFzc2VzID0gaW5wdXQoJ2J0bicpO1xuXG5cdC8qKlxuXHQgKiBJZiBzZXQsIHNldHMgdGhlIGRhdGEtY3kgYXR0cmlidXRlIGZvciB0aGUgYnV0dG9uXG5cdCAqL1xuXHRkYXRhQ3kgPSBpbnB1dCgnc2F2ZS1idXR0b24nKTtcblxuXHQvKipcblx0ICogIE91dHB1dCBldmVudCB3aGVuIGJ1dHRvbiBpcyBjbGlja2VkXG5cdCAqL1xuXHRvbkNsaWNrID0gb3V0cHV0PE1vdXNlRXZlbnQ+KCk7XG5cblx0LyoqXG5cdCAqICBPdXRwdXQgZXZlbnQgd2hlbiBidXR0b24gaXMgZm9jdXNlZFxuXHQgKi9cblx0b25Gb2N1cyA9IG91dHB1dDxGb2N1c0V2ZW50PigpO1xuXG5cdC8qKlxuXHQgKiBPdXRwdXQgZXZlbnQgd2hlbiBidXR0b24gaXMgYmx1cnJlZFxuXHQgKi9cblx0b25CbHVyID0gb3V0cHV0PEZvY3VzRXZlbnQ+KCk7XG59XG4iXX0=
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { Component, input } from '@angular/core';
|
|
2
|
+
import { MatIcon } from '@angular/material/icon';
|
|
3
|
+
import { MatAnchor, MatButton } from '@angular/material/button';
|
|
4
|
+
import { EditSolidSvgComponent } from '../../../svg-icons/edit-solid-svg/edit-solid-svg.component';
|
|
5
|
+
import { BaseButtonComponent } from '../base-button/base-button.component';
|
|
6
|
+
import { NgStyle } from '@angular/common';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
export class BsLinkButtonComponent extends BaseButtonComponent {
|
|
9
|
+
constructor() {
|
|
10
|
+
super();
|
|
11
|
+
this.label = input('Edit');
|
|
12
|
+
this.icon = input('search');
|
|
13
|
+
this.classes = input('btn text-primary');
|
|
14
|
+
}
|
|
15
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BsLinkButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
16
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: BsLinkButtonComponent, isStandalone: true, selector: "bs-link-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
17
|
+
<a
|
|
18
|
+
type="{{ type() }}"
|
|
19
|
+
class="{{ classes() }}"
|
|
20
|
+
(click)="onClick.emit($event)"
|
|
21
|
+
(focus)="onFocus.emit($event)"
|
|
22
|
+
(blur)="onBlur.emit($event)"
|
|
23
|
+
[disabled]="disabled()"
|
|
24
|
+
[type]="type()"
|
|
25
|
+
[ngStyle]="style()"
|
|
26
|
+
[attr.data-cy]="'edit-link-button'"
|
|
27
|
+
mat-button>
|
|
28
|
+
<mat-icon>{{ icon() }}</mat-icon>
|
|
29
|
+
{{ label() }}
|
|
30
|
+
</a>
|
|
31
|
+
`, isInline: true, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"], dependencies: [{ kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: MatAnchor, selector: "a[mat-button], a[mat-raised-button], a[mat-flat-button], a[mat-stroked-button]", exportAs: ["matButton", "matAnchor"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
32
|
+
}
|
|
33
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: BsLinkButtonComponent, decorators: [{
|
|
34
|
+
type: Component,
|
|
35
|
+
args: [{ selector: 'bs-link-button', standalone: true, imports: [MatButton, MatIcon, EditSolidSvgComponent, MatAnchor, NgStyle], template: `
|
|
36
|
+
<a
|
|
37
|
+
type="{{ type() }}"
|
|
38
|
+
class="{{ classes() }}"
|
|
39
|
+
(click)="onClick.emit($event)"
|
|
40
|
+
(focus)="onFocus.emit($event)"
|
|
41
|
+
(blur)="onBlur.emit($event)"
|
|
42
|
+
[disabled]="disabled()"
|
|
43
|
+
[type]="type()"
|
|
44
|
+
[ngStyle]="style()"
|
|
45
|
+
[attr.data-cy]="'edit-link-button'"
|
|
46
|
+
mat-button>
|
|
47
|
+
<mat-icon>{{ icon() }}</mat-icon>
|
|
48
|
+
{{ label() }}
|
|
49
|
+
</a>
|
|
50
|
+
`, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"] }]
|
|
51
|
+
}], ctorParameters: () => [] });
|
|
52
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYnMtbGluay1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2l0L3NyYy9saWIvY29tcG9uZW50cy9idXR0b25zL2JzLWxpbmstYnV0dG9uL2JzLWxpbmstYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDakQsT0FBTyxFQUFFLFNBQVMsRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNoRSxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUNuRyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQztBQUMzRSxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7O0FBd0IxQyxNQUFNLE9BQU8scUJBQXNCLFNBQVEsbUJBQW1CO0lBSzdEO1FBQ0MsS0FBSyxFQUFFLENBQUM7UUFMQSxVQUFLLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3RCLFNBQUksR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDdkIsWUFBTyxHQUFHLEtBQUssQ0FBQyxrQkFBa0IsQ0FBQyxDQUFDO0lBSTdDLENBQUM7OEdBUFcscUJBQXFCO2tHQUFyQixxQkFBcUIsd2RBbEJ2Qjs7Ozs7Ozs7Ozs7Ozs7O0VBZVQsMHJCQWhCb0IsT0FBTywySUFBeUIsU0FBUyxpS0FBRSxPQUFPOzsyRkFtQjNELHFCQUFxQjtrQkF0QmpDLFNBQVM7K0JBQ0MsZ0JBQWdCLGNBQ2QsSUFBSSxXQUNQLENBQUMsU0FBUyxFQUFFLE9BQU8sRUFBRSxxQkFBcUIsRUFBRSxTQUFTLEVBQUUsT0FBTyxDQUFDLFlBQzlEOzs7Ozs7Ozs7Ozs7Ozs7RUFlVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IE1hdEFuY2hvciwgTWF0QnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IEVkaXRTb2xpZFN2Z0NvbXBvbmVudCB9IGZyb20gJy4uLy4uLy4uL3N2Zy1pY29ucy9lZGl0LXNvbGlkLXN2Zy9lZGl0LXNvbGlkLXN2Zy5jb21wb25lbnQnO1xuaW1wb3J0IHsgQmFzZUJ1dHRvbkNvbXBvbmVudCB9IGZyb20gJy4uL2Jhc2UtYnV0dG9uL2Jhc2UtYnV0dG9uLmNvbXBvbmVudCc7XG5pbXBvcnQgeyBOZ1N0eWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcblxuQENvbXBvbmVudCh7XG5cdHNlbGVjdG9yOiAnYnMtbGluay1idXR0b24nLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbTWF0QnV0dG9uLCBNYXRJY29uLCBFZGl0U29saWRTdmdDb21wb25lbnQsIE1hdEFuY2hvciwgTmdTdHlsZV0sXG5cdHRlbXBsYXRlOiBgXG5cdFx0PGFcblx0XHRcdHR5cGU9XCJ7eyB0eXBlKCkgfX1cIlxuXHRcdFx0Y2xhc3M9XCJ7eyBjbGFzc2VzKCkgfX1cIlxuXHRcdFx0KGNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcblx0XHRcdChmb2N1cyk9XCJvbkZvY3VzLmVtaXQoJGV2ZW50KVwiXG5cdFx0XHQoYmx1cik9XCJvbkJsdXIuZW1pdCgkZXZlbnQpXCJcblx0XHRcdFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpXCJcblx0XHRcdFt0eXBlXT1cInR5cGUoKVwiXG5cdFx0XHRbbmdTdHlsZV09XCJzdHlsZSgpXCJcblx0XHRcdFthdHRyLmRhdGEtY3ldPVwiJ2VkaXQtbGluay1idXR0b24nXCJcblx0XHRcdG1hdC1idXR0b24+XG5cdFx0XHQ8bWF0LWljb24+e3sgaWNvbigpIH19PC9tYXQtaWNvbj5cblx0XHRcdHt7IGxhYmVsKCkgfX1cblx0XHQ8L2E+XG5cdGAsXG5cdHN0eWxlVXJsczogWycuLi8uLi8uLi8uLi9hc3NldHMvYXBwLWJ1dHRvbnMuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIEJzTGlua0J1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJhc2VCdXR0b25Db21wb25lbnQge1xuXHRvdmVycmlkZSBsYWJlbCA9IGlucHV0KCdFZGl0Jyk7XG5cdG92ZXJyaWRlIGljb24gPSBpbnB1dCgnc2VhcmNoJyk7XG5cdG92ZXJyaWRlIGNsYXNzZXMgPSBpbnB1dCgnYnRuIHRleHQtcHJpbWFyeScpO1xuXG5cdGNvbnN0cnVjdG9yKCkge1xuXHRcdHN1cGVyKCk7XG5cdH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { Component, input } from '@angular/core';
|
|
2
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
3
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
4
|
+
import { BaseButtonComponent } from '../base-button/base-button.component';
|
|
5
|
+
import { NgStyle } from '@angular/common';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
import * as i1 from "@angular/material/button";
|
|
8
|
+
import * as i2 from "@angular/material/icon";
|
|
9
|
+
export class DeleteButtonComponent extends BaseButtonComponent {
|
|
10
|
+
constructor() {
|
|
11
|
+
super();
|
|
12
|
+
this.loadingLabel = input('Deleting...');
|
|
13
|
+
this.label = input('Delete');
|
|
14
|
+
this.icon = input('delete');
|
|
15
|
+
this.classes = input('delete-button');
|
|
16
|
+
}
|
|
17
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DeleteButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
18
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: DeleteButtonComponent, isStandalone: true, selector: "delete-button", inputs: { loadingLabel: { classPropertyName: "loadingLabel", publicName: "loadingLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
19
|
+
<button
|
|
20
|
+
mat-raised-button
|
|
21
|
+
class="btn {{ classes() }}"
|
|
22
|
+
(click)="onClick.emit($event)"
|
|
23
|
+
(focus)="onFocus.emit($event)"
|
|
24
|
+
(blur)="onBlur.emit($event)"
|
|
25
|
+
[disabled]="disabled() || loading()"
|
|
26
|
+
[type]="type()"
|
|
27
|
+
[ngStyle]="style()"
|
|
28
|
+
[attr.data-cy]="'delete-button'">
|
|
29
|
+
@if (loading()) {
|
|
30
|
+
<span aria-hidden="true" class="spinner-border spinner-border-sm" role="status"></span>
|
|
31
|
+
}
|
|
32
|
+
@if (!loading()) {
|
|
33
|
+
<mat-icon>{{ icon() }}</mat-icon>
|
|
34
|
+
}
|
|
35
|
+
{{ loading() ? loadingLabel() : label() }}
|
|
36
|
+
</button>
|
|
37
|
+
`, isInline: true, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
38
|
+
}
|
|
39
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: DeleteButtonComponent, decorators: [{
|
|
40
|
+
type: Component,
|
|
41
|
+
args: [{ selector: 'delete-button', standalone: true, imports: [MatButtonModule, MatIconModule, NgStyle], template: `
|
|
42
|
+
<button
|
|
43
|
+
mat-raised-button
|
|
44
|
+
class="btn {{ classes() }}"
|
|
45
|
+
(click)="onClick.emit($event)"
|
|
46
|
+
(focus)="onFocus.emit($event)"
|
|
47
|
+
(blur)="onBlur.emit($event)"
|
|
48
|
+
[disabled]="disabled() || loading()"
|
|
49
|
+
[type]="type()"
|
|
50
|
+
[ngStyle]="style()"
|
|
51
|
+
[attr.data-cy]="'delete-button'">
|
|
52
|
+
@if (loading()) {
|
|
53
|
+
<span aria-hidden="true" class="spinner-border spinner-border-sm" role="status"></span>
|
|
54
|
+
}
|
|
55
|
+
@if (!loading()) {
|
|
56
|
+
<mat-icon>{{ icon() }}</mat-icon>
|
|
57
|
+
}
|
|
58
|
+
{{ loading() ? loadingLabel() : label() }}
|
|
59
|
+
</button>
|
|
60
|
+
`, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"] }]
|
|
61
|
+
}], ctorParameters: () => [] });
|
|
62
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVsZXRlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1raXQvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbnMvZGVsZXRlLWJ1dHRvbi9kZWxldGUtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sd0JBQXdCLENBQUM7QUFDdkQsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7OztBQTRCMUMsTUFBTSxPQUFPLHFCQUFzQixTQUFRLG1CQUFtQjtJQU03RDtRQUNDLEtBQUssRUFBRSxDQUFDO1FBTkEsaUJBQVksR0FBRyxLQUFLLENBQUMsYUFBYSxDQUFDLENBQUM7UUFDcEMsVUFBSyxHQUFHLEtBQUssQ0FBQyxRQUFRLENBQUMsQ0FBQztRQUN4QixTQUFJLEdBQUcsS0FBSyxDQUFDLFFBQVEsQ0FBQyxDQUFDO1FBQ3ZCLFlBQU8sR0FBRyxLQUFLLENBQUMsZUFBZSxDQUFDLENBQUM7SUFJMUMsQ0FBQzs4R0FSVyxxQkFBcUI7a0dBQXJCLHFCQUFxQixvbUJBdEJ2Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQW1CVCx5ckJBcEJTLGVBQWUsMk5BQUUsYUFBYSxvTEFBRSxPQUFPOzsyRkF1QnJDLHFCQUFxQjtrQkExQmpDLFNBQVM7K0JBQ0MsZUFBZSxjQUNiLElBQUksV0FDUCxDQUFDLGVBQWUsRUFBRSxhQUFhLEVBQUUsT0FBTyxDQUFDLFlBQ3hDOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBbUJUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgTWF0SWNvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0QnV0dG9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IEJhc2VCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWJ1dHRvbi9iYXNlLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2RlbGV0ZS1idXR0b24nLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbTWF0QnV0dG9uTW9kdWxlLCBNYXRJY29uTW9kdWxlLCBOZ1N0eWxlXSxcblx0dGVtcGxhdGU6IGBcblx0XHQ8YnV0dG9uXG5cdFx0XHRtYXQtcmFpc2VkLWJ1dHRvblxuXHRcdFx0Y2xhc3M9XCJidG4ge3sgY2xhc3NlcygpIH19XCJcblx0XHRcdChjbGljayk9XCJvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXG5cdFx0XHQoZm9jdXMpPVwib25Gb2N1cy5lbWl0KCRldmVudClcIlxuXHRcdFx0KGJsdXIpPVwib25CbHVyLmVtaXQoJGV2ZW50KVwiXG5cdFx0XHRbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKSB8fCBsb2FkaW5nKClcIlxuXHRcdFx0W3R5cGVdPVwidHlwZSgpXCJcblx0XHRcdFtuZ1N0eWxlXT1cInN0eWxlKClcIlxuXHRcdFx0W2F0dHIuZGF0YS1jeV09XCInZGVsZXRlLWJ1dHRvbidcIj5cblx0XHRcdEBpZiAobG9hZGluZygpKSB7XG5cdFx0XHRcdDxzcGFuIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzPVwic3Bpbm5lci1ib3JkZXIgc3Bpbm5lci1ib3JkZXItc21cIiByb2xlPVwic3RhdHVzXCI+PC9zcGFuPlxuXHRcdFx0fVxuXHRcdFx0QGlmICghbG9hZGluZygpKSB7XG5cdFx0XHRcdDxtYXQtaWNvbj57eyBpY29uKCkgfX08L21hdC1pY29uPlxuXHRcdFx0fVxuXHRcdFx0e3sgbG9hZGluZygpID8gbG9hZGluZ0xhYmVsKCkgOiBsYWJlbCgpIH19XG5cdFx0PC9idXR0b24+XG5cdGAsXG5cdHN0eWxlVXJsczogWycuLi8uLi8uLi8uLi9hc3NldHMvYXBwLWJ1dHRvbnMuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIERlbGV0ZUJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJhc2VCdXR0b25Db21wb25lbnQge1xuXHRvdmVycmlkZSBsb2FkaW5nTGFiZWwgPSBpbnB1dCgnRGVsZXRpbmcuLi4nKTtcblx0b3ZlcnJpZGUgbGFiZWwgPSBpbnB1dCgnRGVsZXRlJyk7XG5cdG92ZXJyaWRlIGljb24gPSBpbnB1dCgnZGVsZXRlJyk7XG5cdG92ZXJyaWRlIGNsYXNzZXMgPSBpbnB1dCgnZGVsZXRlLWJ1dHRvbicpO1xuXG5cdGNvbnN0cnVjdG9yKCkge1xuXHRcdHN1cGVyKCk7XG5cdH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
import { Component, input } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
4
|
+
import { MatIconModule } from '@angular/material/icon';
|
|
5
|
+
import { EditSolidSvgComponent } from '../../../svg-icons/edit-solid-svg/edit-solid-svg.component';
|
|
6
|
+
import { BaseButtonComponent } from '../base-button/base-button.component';
|
|
7
|
+
import * as i0 from "@angular/core";
|
|
8
|
+
import * as i1 from "@angular/common";
|
|
9
|
+
import * as i2 from "@angular/material/button";
|
|
10
|
+
export class EditBsButtonComponent extends BaseButtonComponent {
|
|
11
|
+
constructor() {
|
|
12
|
+
super();
|
|
13
|
+
this.label = input('Edit');
|
|
14
|
+
this.classes = input('text-primary');
|
|
15
|
+
}
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EditBsButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: EditBsButtonComponent, isStandalone: true, selector: "edit-bs-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
18
|
+
<button
|
|
19
|
+
color="primary"
|
|
20
|
+
type="{{ type() }}"
|
|
21
|
+
class="{{ classes() }}"
|
|
22
|
+
(click)="onClick.emit($event)"
|
|
23
|
+
(focus)="onFocus.emit($event)"
|
|
24
|
+
(blur)="onBlur.emit($event)"
|
|
25
|
+
[disabled]="disabled()"
|
|
26
|
+
[type]="type()"
|
|
27
|
+
[ngStyle]="style()"
|
|
28
|
+
[attr.data-cy]="'edit-bs-button'"
|
|
29
|
+
mat-button>
|
|
30
|
+
<edit-solid-svg></edit-solid-svg>
|
|
31
|
+
{{ label() }}
|
|
32
|
+
</button>
|
|
33
|
+
`, isInline: true, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "directive", type: i1.NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i2.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "ngmodule", type: MatIconModule }, { kind: "component", type: EditSolidSvgComponent, selector: "edit-solid-svg" }] }); }
|
|
34
|
+
}
|
|
35
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EditBsButtonComponent, decorators: [{
|
|
36
|
+
type: Component,
|
|
37
|
+
args: [{ selector: 'edit-bs-button', standalone: true, imports: [CommonModule, MatButtonModule, MatIconModule, EditSolidSvgComponent], template: `
|
|
38
|
+
<button
|
|
39
|
+
color="primary"
|
|
40
|
+
type="{{ type() }}"
|
|
41
|
+
class="{{ classes() }}"
|
|
42
|
+
(click)="onClick.emit($event)"
|
|
43
|
+
(focus)="onFocus.emit($event)"
|
|
44
|
+
(blur)="onBlur.emit($event)"
|
|
45
|
+
[disabled]="disabled()"
|
|
46
|
+
[type]="type()"
|
|
47
|
+
[ngStyle]="style()"
|
|
48
|
+
[attr.data-cy]="'edit-bs-button'"
|
|
49
|
+
mat-button>
|
|
50
|
+
<edit-solid-svg></edit-solid-svg>
|
|
51
|
+
{{ label() }}
|
|
52
|
+
</button>
|
|
53
|
+
`, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"] }]
|
|
54
|
+
}], ctorParameters: () => [] });
|
|
55
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1icy1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2l0L3NyYy9saWIvY29tcG9uZW50cy9idXR0b25zL2VkaXQtYnMtYnV0dG9uL2VkaXQtYnMtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsWUFBWSxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDL0MsT0FBTyxFQUFFLGVBQWUsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQzNELE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUN2RCxPQUFPLEVBQUUscUJBQXFCLEVBQUUsTUFBTSw0REFBNEQsQ0FBQztBQUNuRyxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7OztBQXlCM0UsTUFBTSxPQUFPLHFCQUFzQixTQUFRLG1CQUFtQjtJQUk3RDtRQUNDLEtBQUssRUFBRSxDQUFDO1FBSkEsVUFBSyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0QixZQUFPLEdBQUcsS0FBSyxDQUFDLGNBQWMsQ0FBQyxDQUFDO0lBSXpDLENBQUM7OEdBTlcscUJBQXFCO2tHQUFyQixxQkFBcUIsbVdBbkJ2Qjs7Ozs7Ozs7Ozs7Ozs7OztFQWdCVCx5ckJBakJTLFlBQVksbUhBQUUsZUFBZSwyTkFBRSxhQUFhLCtCQUFFLHFCQUFxQjs7MkZBb0JqRSxxQkFBcUI7a0JBdkJqQyxTQUFTOytCQUNDLGdCQUFnQixjQUNkLElBQUksV0FDUCxDQUFDLFlBQVksRUFBRSxlQUFlLEVBQUUsYUFBYSxFQUFFLHFCQUFxQixDQUFDLFlBQ3BFOzs7Ozs7Ozs7Ozs7Ozs7O0VBZ0JUIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbnB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRJY29uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBFZGl0U29saWRTdmdDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9zdmctaWNvbnMvZWRpdC1zb2xpZC1zdmcvZWRpdC1zb2xpZC1zdmcuY29tcG9uZW50JztcbmltcG9ydCB7IEJhc2VCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWJ1dHRvbi9iYXNlLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdlZGl0LWJzLWJ1dHRvbicsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtDb21tb25Nb2R1bGUsIE1hdEJ1dHRvbk1vZHVsZSwgTWF0SWNvbk1vZHVsZSwgRWRpdFNvbGlkU3ZnQ29tcG9uZW50XSxcblx0dGVtcGxhdGU6IGBcblx0XHQ8YnV0dG9uXG5cdFx0XHRjb2xvcj1cInByaW1hcnlcIlxuXHRcdFx0dHlwZT1cInt7IHR5cGUoKSB9fVwiXG5cdFx0XHRjbGFzcz1cInt7IGNsYXNzZXMoKSB9fVwiXG5cdFx0XHQoY2xpY2spPVwib25DbGljay5lbWl0KCRldmVudClcIlxuXHRcdFx0KGZvY3VzKT1cIm9uRm9jdXMuZW1pdCgkZXZlbnQpXCJcblx0XHRcdChibHVyKT1cIm9uQmx1ci5lbWl0KCRldmVudClcIlxuXHRcdFx0W2Rpc2FibGVkXT1cImRpc2FibGVkKClcIlxuXHRcdFx0W3R5cGVdPVwidHlwZSgpXCJcblx0XHRcdFtuZ1N0eWxlXT1cInN0eWxlKClcIlxuXHRcdFx0W2F0dHIuZGF0YS1jeV09XCInZWRpdC1icy1idXR0b24nXCJcblx0XHRcdG1hdC1idXR0b24+XG5cdFx0XHQ8ZWRpdC1zb2xpZC1zdmc+PC9lZGl0LXNvbGlkLXN2Zz5cblx0XHRcdHt7IGxhYmVsKCkgfX1cblx0XHQ8L2J1dHRvbj5cblx0YCxcblx0c3R5bGVVcmxzOiBbJy4uLy4uLy4uLy4uL2Fzc2V0cy9hcHAtYnV0dG9ucy5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRWRpdEJzQnV0dG9uQ29tcG9uZW50IGV4dGVuZHMgQmFzZUJ1dHRvbkNvbXBvbmVudCB7XG5cdG92ZXJyaWRlIGxhYmVsID0gaW5wdXQoJ0VkaXQnKTtcblx0b3ZlcnJpZGUgY2xhc3NlcyA9IGlucHV0KCd0ZXh0LXByaW1hcnknKTtcblxuXHRjb25zdHJ1Y3RvcigpIHtcblx0XHRzdXBlcigpO1xuXHR9XG59XG4iXX0=
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { Component, input } from '@angular/core';
|
|
2
|
+
import { NgStyle } from '@angular/common';
|
|
3
|
+
import { MatIcon } from '@angular/material/icon';
|
|
4
|
+
import { MatButton } from '@angular/material/button';
|
|
5
|
+
import { BaseButtonComponent } from '../base-button/base-button.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class EditButtonComponent extends BaseButtonComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
super();
|
|
10
|
+
this.label = input('Edit');
|
|
11
|
+
this.icon = input('edit');
|
|
12
|
+
this.classes = input('primary-button');
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EditButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: EditButtonComponent, isStandalone: true, selector: "edit-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
16
|
+
<button
|
|
17
|
+
class="{{ classes() }}"
|
|
18
|
+
(click)="onClick.emit($event)"
|
|
19
|
+
(focus)="onFocus.emit($event)"
|
|
20
|
+
(blur)="onBlur.emit($event)"
|
|
21
|
+
[disabled]="disabled()"
|
|
22
|
+
[type]="type()"
|
|
23
|
+
[ngStyle]="style()"
|
|
24
|
+
[attr.data-cy]="'edit-button'"
|
|
25
|
+
mat-raised-button>
|
|
26
|
+
<mat-icon>{{ icon() }}</mat-icon>
|
|
27
|
+
{{ label() }}
|
|
28
|
+
</button>
|
|
29
|
+
`, isInline: true, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"], dependencies: [{ kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
30
|
+
}
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EditButtonComponent, decorators: [{
|
|
32
|
+
type: Component,
|
|
33
|
+
args: [{ selector: 'edit-button', standalone: true, imports: [MatButton, MatIcon, NgStyle], template: `
|
|
34
|
+
<button
|
|
35
|
+
class="{{ classes() }}"
|
|
36
|
+
(click)="onClick.emit($event)"
|
|
37
|
+
(focus)="onFocus.emit($event)"
|
|
38
|
+
(blur)="onBlur.emit($event)"
|
|
39
|
+
[disabled]="disabled()"
|
|
40
|
+
[type]="type()"
|
|
41
|
+
[ngStyle]="style()"
|
|
42
|
+
[attr.data-cy]="'edit-button'"
|
|
43
|
+
mat-raised-button>
|
|
44
|
+
<mat-icon>{{ icon() }}</mat-icon>
|
|
45
|
+
{{ label() }}
|
|
46
|
+
</button>
|
|
47
|
+
`, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"] }]
|
|
48
|
+
}], ctorParameters: () => [] });
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2l0L3NyYy9saWIvY29tcG9uZW50cy9idXR0b25zL2VkaXQtYnV0dG9uL2VkaXQtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQztBQUNyRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUF1QjNFLE1BQU0sT0FBTyxtQkFBb0IsU0FBUSxtQkFBbUI7SUFLM0Q7UUFDQyxLQUFLLEVBQUUsQ0FBQztRQUxBLFVBQUssR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdEIsU0FBSSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNyQixZQUFPLEdBQUcsS0FBSyxDQUFDLGdCQUFnQixDQUFDLENBQUM7SUFJM0MsQ0FBQzs4R0FQVyxtQkFBbUI7a0dBQW5CLG1CQUFtQixxZEFqQnJCOzs7Ozs7Ozs7Ozs7OztFQWNULDByQkFmUyxTQUFTLGlMQUFFLE9BQU8sMklBQUUsT0FBTzs7MkZBa0J6QixtQkFBbUI7a0JBckIvQixTQUFTOytCQUNDLGFBQWEsY0FDWCxJQUFJLFdBQ1AsQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQyxZQUM1Qjs7Ozs7Ozs7Ozs7Ozs7RUFjVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0SWNvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2ljb24nO1xuaW1wb3J0IHsgTWF0QnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IEJhc2VCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWJ1dHRvbi9iYXNlLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdlZGl0LWJ1dHRvbicsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtNYXRCdXR0b24sIE1hdEljb24sIE5nU3R5bGVdLFxuXHR0ZW1wbGF0ZTogYFxuXHRcdDxidXR0b25cblx0XHRcdGNsYXNzPVwie3sgY2xhc3NlcygpIH19XCJcblx0XHRcdChjbGljayk9XCJvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXG5cdFx0XHQoZm9jdXMpPVwib25Gb2N1cy5lbWl0KCRldmVudClcIlxuXHRcdFx0KGJsdXIpPVwib25CbHVyLmVtaXQoJGV2ZW50KVwiXG5cdFx0XHRbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG5cdFx0XHRbdHlwZV09XCJ0eXBlKClcIlxuXHRcdFx0W25nU3R5bGVdPVwic3R5bGUoKVwiXG5cdFx0XHRbYXR0ci5kYXRhLWN5XT1cIidlZGl0LWJ1dHRvbidcIlxuXHRcdFx0bWF0LXJhaXNlZC1idXR0b24+XG5cdFx0XHQ8bWF0LWljb24+e3sgaWNvbigpIH19PC9tYXQtaWNvbj5cblx0XHRcdHt7IGxhYmVsKCkgfX1cblx0XHQ8L2J1dHRvbj5cblx0YCxcblx0c3R5bGVVcmxzOiBbJy4uLy4uLy4uLy4uL2Fzc2V0cy9hcHAtYnV0dG9ucy5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRWRpdEJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJhc2VCdXR0b25Db21wb25lbnQge1xuXHRvdmVycmlkZSBsYWJlbCA9IGlucHV0KCdFZGl0Jyk7XG5cdG92ZXJyaWRlIGljb24gPSBpbnB1dCgnZWRpdCcpO1xuXHRvdmVycmlkZSBjbGFzc2VzID0gaW5wdXQoJ3ByaW1hcnktYnV0dG9uJyk7XG5cblx0Y29uc3RydWN0b3IoKSB7XG5cdFx0c3VwZXIoKTtcblx0fVxufVxuIl19
|
package/esm2022/lib/components/buttons/edit-svg-icon-button/edit-svg-icon-button.component.mjs
ADDED
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { Component, input } from '@angular/core';
|
|
2
|
+
import { MatButton } from '@angular/material/button';
|
|
3
|
+
import { EditSolidSvgComponent } from '../../../svg-icons/edit-solid-svg/edit-solid-svg.component';
|
|
4
|
+
import { BaseButtonComponent } from '../base-button/base-button.component';
|
|
5
|
+
import { NgStyle } from '@angular/common';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class EditSvgIconButtonComponent extends BaseButtonComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
super();
|
|
10
|
+
this.label = input('Edit');
|
|
11
|
+
this.icon = input('edit');
|
|
12
|
+
this.classes = input('primary-button');
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EditSvgIconButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: EditSvgIconButtonComponent, isStandalone: true, selector: "edit-svg-icon-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
16
|
+
<button
|
|
17
|
+
type="{{ type() }}"
|
|
18
|
+
class="{{ classes() }}"
|
|
19
|
+
(click)="onClick.emit($event)"
|
|
20
|
+
(focus)="onFocus.emit($event)"
|
|
21
|
+
(blur)="onBlur.emit($event)"
|
|
22
|
+
[disabled]="disabled()"
|
|
23
|
+
[type]="type()"
|
|
24
|
+
[ngStyle]="style()"
|
|
25
|
+
[attr.data-cy]="'edit-svg-icon-button'"
|
|
26
|
+
mat-raised-button>
|
|
27
|
+
<edit-solid-svg></edit-solid-svg>
|
|
28
|
+
{{ label() }}
|
|
29
|
+
</button>
|
|
30
|
+
`, isInline: true, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"], dependencies: [{ kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: EditSolidSvgComponent, selector: "edit-solid-svg" }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
31
|
+
}
|
|
32
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: EditSvgIconButtonComponent, decorators: [{
|
|
33
|
+
type: Component,
|
|
34
|
+
args: [{ selector: 'edit-svg-icon-button', standalone: true, imports: [MatButton, EditSolidSvgComponent, NgStyle], template: `
|
|
35
|
+
<button
|
|
36
|
+
type="{{ type() }}"
|
|
37
|
+
class="{{ classes() }}"
|
|
38
|
+
(click)="onClick.emit($event)"
|
|
39
|
+
(focus)="onFocus.emit($event)"
|
|
40
|
+
(blur)="onBlur.emit($event)"
|
|
41
|
+
[disabled]="disabled()"
|
|
42
|
+
[type]="type()"
|
|
43
|
+
[ngStyle]="style()"
|
|
44
|
+
[attr.data-cy]="'edit-svg-icon-button'"
|
|
45
|
+
mat-raised-button>
|
|
46
|
+
<edit-solid-svg></edit-solid-svg>
|
|
47
|
+
{{ label() }}
|
|
48
|
+
</button>
|
|
49
|
+
`, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"] }]
|
|
50
|
+
}], ctorParameters: () => [] });
|
|
51
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZWRpdC1zdmctaWNvbi1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2l0L3NyYy9saWIvY29tcG9uZW50cy9idXR0b25zL2VkaXQtc3ZnLWljb24tYnV0dG9uL2VkaXQtc3ZnLWljb24tYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLHFCQUFxQixFQUFFLE1BQU0sNERBQTRELENBQUM7QUFDbkcsT0FBTyxFQUFFLG1CQUFtQixFQUFFLE1BQU0sc0NBQXNDLENBQUM7QUFDM0UsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLGlCQUFpQixDQUFDOztBQXdCMUMsTUFBTSxPQUFPLDBCQUEyQixTQUFRLG1CQUFtQjtJQUtsRTtRQUNDLEtBQUssRUFBRSxDQUFDO1FBTEEsVUFBSyxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUN0QixTQUFJLEdBQUcsS0FBSyxDQUFDLE1BQU0sQ0FBQyxDQUFDO1FBQ3JCLFlBQU8sR0FBRyxLQUFLLENBQUMsZ0JBQWdCLENBQUMsQ0FBQztJQUkzQyxDQUFDOzhHQVBXLDBCQUEwQjtrR0FBMUIsMEJBQTBCLDhkQWxCNUI7Ozs7Ozs7Ozs7Ozs7OztFQWVULDByQkFoQlMsU0FBUyxpTEFBRSxxQkFBcUIsMkRBQUUsT0FBTzs7MkZBbUJ2QywwQkFBMEI7a0JBdEJ0QyxTQUFTOytCQUNDLHNCQUFzQixjQUNwQixJQUFJLFdBQ1AsQ0FBQyxTQUFTLEVBQUUscUJBQXFCLEVBQUUsT0FBTyxDQUFDLFlBQzFDOzs7Ozs7Ozs7Ozs7Ozs7RUFlVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBFZGl0U29saWRTdmdDb21wb25lbnQgfSBmcm9tICcuLi8uLi8uLi9zdmctaWNvbnMvZWRpdC1zb2xpZC1zdmcvZWRpdC1zb2xpZC1zdmcuY29tcG9uZW50JztcbmltcG9ydCB7IEJhc2VCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWJ1dHRvbi9iYXNlLWJ1dHRvbi5jb21wb25lbnQnO1xuaW1wb3J0IHsgTmdTdHlsZSB9IGZyb20gJ0Bhbmd1bGFyL2NvbW1vbic7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2VkaXQtc3ZnLWljb24tYnV0dG9uJyxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0aW1wb3J0czogW01hdEJ1dHRvbiwgRWRpdFNvbGlkU3ZnQ29tcG9uZW50LCBOZ1N0eWxlXSxcblx0dGVtcGxhdGU6IGBcblx0XHQ8YnV0dG9uXG5cdFx0XHR0eXBlPVwie3sgdHlwZSgpIH19XCJcblx0XHRcdGNsYXNzPVwie3sgY2xhc3NlcygpIH19XCJcblx0XHRcdChjbGljayk9XCJvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXG5cdFx0XHQoZm9jdXMpPVwib25Gb2N1cy5lbWl0KCRldmVudClcIlxuXHRcdFx0KGJsdXIpPVwib25CbHVyLmVtaXQoJGV2ZW50KVwiXG5cdFx0XHRbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG5cdFx0XHRbdHlwZV09XCJ0eXBlKClcIlxuXHRcdFx0W25nU3R5bGVdPVwic3R5bGUoKVwiXG5cdFx0XHRbYXR0ci5kYXRhLWN5XT1cIidlZGl0LXN2Zy1pY29uLWJ1dHRvbidcIlxuXHRcdFx0bWF0LXJhaXNlZC1idXR0b24+XG5cdFx0XHQ8ZWRpdC1zb2xpZC1zdmc+PC9lZGl0LXNvbGlkLXN2Zz5cblx0XHRcdHt7IGxhYmVsKCkgfX1cblx0XHQ8L2J1dHRvbj5cblx0YCxcblx0c3R5bGVVcmxzOiBbJy4uLy4uLy4uLy4uL2Fzc2V0cy9hcHAtYnV0dG9ucy5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgRWRpdFN2Z0ljb25CdXR0b25Db21wb25lbnQgZXh0ZW5kcyBCYXNlQnV0dG9uQ29tcG9uZW50IHtcblx0b3ZlcnJpZGUgbGFiZWwgPSBpbnB1dCgnRWRpdCcpO1xuXHRvdmVycmlkZSBpY29uID0gaW5wdXQoJ2VkaXQnKTtcblx0b3ZlcnJpZGUgY2xhc3NlcyA9IGlucHV0KCdwcmltYXJ5LWJ1dHRvbicpO1xuXG5cdGNvbnN0cnVjdG9yKCkge1xuXHRcdHN1cGVyKCk7XG5cdH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { CommonModule } from '@angular/common';
|
|
3
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
4
|
+
import * as i0 from "@angular/core";
|
|
5
|
+
import * as i1 from "@angular/material/button";
|
|
6
|
+
export class ExcelExportButtonComponent {
|
|
7
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ExcelExportButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
8
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: ExcelExportButtonComponent, isStandalone: true, selector: "excel-export-button", ngImport: i0, template: ` <button class="excel-export-button" mat-raised-button type="button" data-cy="excel-export-button">Excel</button> `, isInline: true, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n", ".excel-export-button{margin-left:20px!important;margin-right:20px!important;width:100px;color:#fff!important;background-color:#006400!important;border-radius:24px!important}\n"], dependencies: [{ kind: "ngmodule", type: CommonModule }, { kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
9
|
+
}
|
|
10
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ExcelExportButtonComponent, decorators: [{
|
|
11
|
+
type: Component,
|
|
12
|
+
args: [{ selector: 'excel-export-button', standalone: true, imports: [CommonModule, MatButtonModule], template: ` <button class="excel-export-button" mat-raised-button type="button" data-cy="excel-export-button">Excel</button> `, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n", ".excel-export-button{margin-left:20px!important;margin-right:20px!important;width:100px;color:#fff!important;background-color:#006400!important;border-radius:24px!important}\n"] }]
|
|
13
|
+
}] });
|
|
14
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZXhjZWwtZXhwb3J0LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1raXQvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbnMvZXhjZWwtZXhwb3J0LWJ1dHRvbi9leGNlbC1leHBvcnQtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxZQUFZLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQztBQUMvQyxPQUFPLEVBQUUsZUFBZSxFQUFFLE1BQU0sMEJBQTBCLENBQUM7OztBQXFCM0QsTUFBTSxPQUFPLDBCQUEwQjs4R0FBMUIsMEJBQTBCO2tHQUExQiwwQkFBMEIsK0VBZjVCLG9IQUFvSCw0MkJBRHBILFlBQVksOEJBQUUsZUFBZTs7MkZBZ0IzQiwwQkFBMEI7a0JBbkJ0QyxTQUFTOytCQUNDLHFCQUFxQixjQUNuQixJQUFJLFdBQ1AsQ0FBQyxZQUFZLEVBQUUsZUFBZSxDQUFDLFlBQzlCLG9IQUFvSCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnO1xuaW1wb3J0IHsgQ29tbW9uTW9kdWxlIH0gZnJvbSAnQGFuZ3VsYXIvY29tbW9uJztcbmltcG9ydCB7IE1hdEJ1dHRvbk1vZHVsZSB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5cbkBDb21wb25lbnQoe1xuXHRzZWxlY3RvcjogJ2V4Y2VsLWV4cG9ydC1idXR0b24nLFxuXHRzdGFuZGFsb25lOiB0cnVlLFxuXHRpbXBvcnRzOiBbQ29tbW9uTW9kdWxlLCBNYXRCdXR0b25Nb2R1bGVdLFxuXHR0ZW1wbGF0ZTogYCA8YnV0dG9uIGNsYXNzPVwiZXhjZWwtZXhwb3J0LWJ1dHRvblwiIG1hdC1yYWlzZWQtYnV0dG9uIHR5cGU9XCJidXR0b25cIiBkYXRhLWN5PVwiZXhjZWwtZXhwb3J0LWJ1dHRvblwiPkV4Y2VsPC9idXR0b24+IGAsXG5cdHN0eWxlVXJsczogWycuLi8uLi8uLi8uLi9hc3NldHMvYXBwLWJ1dHRvbnMuY3NzJ10sXG5cdHN0eWxlczogW1xuXHRcdGBcblx0XHRcdC5leGNlbC1leHBvcnQtYnV0dG9uIHtcblx0XHRcdFx0bWFyZ2luLWxlZnQ6IDIwcHggIWltcG9ydGFudDtcblx0XHRcdFx0bWFyZ2luLXJpZ2h0OiAyMHB4ICFpbXBvcnRhbnQ7XG5cdFx0XHRcdHdpZHRoOiAxMDBweDtcblx0XHRcdFx0Y29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6IGRhcmtncmVlbiAhaW1wb3J0YW50O1xuXHRcdFx0XHRib3JkZXItcmFkaXVzOiAyNHB4ICFpbXBvcnRhbnQ7XG5cdFx0XHR9XG5cdFx0YCxcblx0XSxcbn0pXG5leHBvcnQgY2xhc3MgRXhjZWxFeHBvcnRCdXR0b25Db21wb25lbnQge31cbiJdfQ==
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { Component, input } from '@angular/core';
|
|
2
|
+
import { NgStyle } from '@angular/common';
|
|
3
|
+
import { MatButton } from '@angular/material/button';
|
|
4
|
+
import { MatIcon } from '@angular/material/icon';
|
|
5
|
+
import { BaseButtonComponent } from '../base-button/base-button.component';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class ManageButtonComponent extends BaseButtonComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
super();
|
|
10
|
+
this.label = input('Manage');
|
|
11
|
+
this.icon = input('settings');
|
|
12
|
+
this.classes = input('mr-3 btn btn-secondary secondary-button');
|
|
13
|
+
}
|
|
14
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ManageButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
15
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.1.0", version: "18.0.0", type: ManageButtonComponent, isStandalone: true, selector: "manage-button", inputs: { label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
16
|
+
<button
|
|
17
|
+
mat-raised-button
|
|
18
|
+
class="{{ classes() }}"
|
|
19
|
+
(click)="onClick.emit($event)"
|
|
20
|
+
(focus)="onFocus.emit($event)"
|
|
21
|
+
(blur)="onBlur.emit($event)"
|
|
22
|
+
[disabled]="disabled()"
|
|
23
|
+
[type]="type()"
|
|
24
|
+
[ngStyle]="style()"
|
|
25
|
+
[attr.data-cy]="'manage-button'">
|
|
26
|
+
<mat-icon>{{ icon() }}</mat-icon>
|
|
27
|
+
{{ label() }}
|
|
28
|
+
</button>
|
|
29
|
+
`, isInline: true, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"], dependencies: [{ kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
30
|
+
}
|
|
31
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: ManageButtonComponent, decorators: [{
|
|
32
|
+
type: Component,
|
|
33
|
+
args: [{ selector: 'manage-button', standalone: true, imports: [MatButton, MatIcon, NgStyle], template: `
|
|
34
|
+
<button
|
|
35
|
+
mat-raised-button
|
|
36
|
+
class="{{ classes() }}"
|
|
37
|
+
(click)="onClick.emit($event)"
|
|
38
|
+
(focus)="onFocus.emit($event)"
|
|
39
|
+
(blur)="onBlur.emit($event)"
|
|
40
|
+
[disabled]="disabled()"
|
|
41
|
+
[type]="type()"
|
|
42
|
+
[ngStyle]="style()"
|
|
43
|
+
[attr.data-cy]="'manage-button'">
|
|
44
|
+
<mat-icon>{{ icon() }}</mat-icon>
|
|
45
|
+
{{ label() }}
|
|
46
|
+
</button>
|
|
47
|
+
`, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"] }]
|
|
48
|
+
}], ctorParameters: () => [] });
|
|
49
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoibWFuYWdlLWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi8uLi8uLi9wcm9qZWN0cy9uZy1raXQvc3JjL2xpYi9jb21wb25lbnRzL2J1dHRvbnMvbWFuYWdlLWJ1dHRvbi9tYW5hZ2UtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsT0FBTyxFQUFFLE1BQU0saUJBQWlCLENBQUM7QUFDMUMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDBCQUEwQixDQUFDO0FBQ3JELE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSx3QkFBd0IsQ0FBQztBQUNqRCxPQUFPLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSxzQ0FBc0MsQ0FBQzs7QUF1QjNFLE1BQU0sT0FBTyxxQkFBc0IsU0FBUSxtQkFBbUI7SUFLN0Q7UUFDQyxLQUFLLEVBQUUsQ0FBQztRQUxBLFVBQUssR0FBRyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUM7UUFDeEIsU0FBSSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsQ0FBQztRQUN6QixZQUFPLEdBQUcsS0FBSyxDQUFDLHlDQUF5QyxDQUFDLENBQUM7SUFJcEUsQ0FBQzs4R0FQVyxxQkFBcUI7a0dBQXJCLHFCQUFxQix1ZEFqQnZCOzs7Ozs7Ozs7Ozs7OztFQWNULDByQkFmUyxTQUFTLGlMQUFFLE9BQU8sMklBQUUsT0FBTzs7MkZBa0J6QixxQkFBcUI7a0JBckJqQyxTQUFTOytCQUNDLGVBQWUsY0FDYixJQUFJLFdBQ1AsQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQyxZQUM1Qjs7Ozs7Ozs7Ozs7Ozs7RUFjVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuaW1wb3J0IHsgTWF0QnV0dG9uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvYnV0dG9uJztcbmltcG9ydCB7IE1hdEljb24gfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9pY29uJztcbmltcG9ydCB7IEJhc2VCdXR0b25Db21wb25lbnQgfSBmcm9tICcuLi9iYXNlLWJ1dHRvbi9iYXNlLWJ1dHRvbi5jb21wb25lbnQnO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdtYW5hZ2UtYnV0dG9uJyxcblx0c3RhbmRhbG9uZTogdHJ1ZSxcblx0aW1wb3J0czogW01hdEJ1dHRvbiwgTWF0SWNvbiwgTmdTdHlsZV0sXG5cdHRlbXBsYXRlOiBgXG5cdFx0PGJ1dHRvblxuXHRcdFx0bWF0LXJhaXNlZC1idXR0b25cblx0XHRcdGNsYXNzPVwie3sgY2xhc3NlcygpIH19XCJcblx0XHRcdChjbGljayk9XCJvbkNsaWNrLmVtaXQoJGV2ZW50KVwiXG5cdFx0XHQoZm9jdXMpPVwib25Gb2N1cy5lbWl0KCRldmVudClcIlxuXHRcdFx0KGJsdXIpPVwib25CbHVyLmVtaXQoJGV2ZW50KVwiXG5cdFx0XHRbZGlzYWJsZWRdPVwiZGlzYWJsZWQoKVwiXG5cdFx0XHRbdHlwZV09XCJ0eXBlKClcIlxuXHRcdFx0W25nU3R5bGVdPVwic3R5bGUoKVwiXG5cdFx0XHRbYXR0ci5kYXRhLWN5XT1cIidtYW5hZ2UtYnV0dG9uJ1wiPlxuXHRcdFx0PG1hdC1pY29uPnt7IGljb24oKSB9fTwvbWF0LWljb24+XG5cdFx0XHR7eyBsYWJlbCgpIH19XG5cdFx0PC9idXR0b24+XG5cdGAsXG5cdHN0eWxlVXJsczogWycuLi8uLi8uLi8uLi9hc3NldHMvYXBwLWJ1dHRvbnMuY3NzJ10sXG59KVxuZXhwb3J0IGNsYXNzIE1hbmFnZUJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJhc2VCdXR0b25Db21wb25lbnQge1xuXHRvdmVycmlkZSBsYWJlbCA9IGlucHV0KCdNYW5hZ2UnKTtcblx0b3ZlcnJpZGUgaWNvbiA9IGlucHV0KCdzZXR0aW5ncycpO1xuXHRvdmVycmlkZSBjbGFzc2VzID0gaW5wdXQoJ21yLTMgYnRuIGJ0bi1zZWNvbmRhcnkgc2Vjb25kYXJ5LWJ1dHRvbicpO1xuXG5cdGNvbnN0cnVjdG9yKCkge1xuXHRcdHN1cGVyKCk7XG5cdH1cbn1cbiJdfQ==
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Component } from '@angular/core';
|
|
2
|
+
import { MatButtonModule } from '@angular/material/button';
|
|
3
|
+
import * as i0 from "@angular/core";
|
|
4
|
+
import * as i1 from "@angular/material/button";
|
|
5
|
+
export class PdfExportButtonComponent {
|
|
6
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: PdfExportButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
7
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.0.0", type: PdfExportButtonComponent, isStandalone: true, selector: "pdf-export-button", ngImport: i0, template: ` <button class="pdf-export-button" mat-raised-button type="button" data-cy="pdf-export-button">PDF</button> `, isInline: true, styles: [".pdf-export-button{margin-left:20px!important;width:100px;color:#fff!important;background-color:#a3071b!important;border-radius:24px!important}\n"], dependencies: [{ kind: "ngmodule", type: MatButtonModule }, { kind: "component", type: i1.MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }] }); }
|
|
8
|
+
}
|
|
9
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: PdfExportButtonComponent, decorators: [{
|
|
10
|
+
type: Component,
|
|
11
|
+
args: [{ selector: 'pdf-export-button', standalone: true, imports: [MatButtonModule], template: ` <button class="pdf-export-button" mat-raised-button type="button" data-cy="pdf-export-button">PDF</button> `, styles: [".pdf-export-button{margin-left:20px!important;width:100px;color:#fff!important;background-color:#a3071b!important;border-radius:24px!important}\n"] }]
|
|
12
|
+
}] });
|
|
13
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicGRmLWV4cG9ydC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2l0L3NyYy9saWIvY29tcG9uZW50cy9idXR0b25zL3BkZi1leHBvcnQtYnV0dG9uL3BkZi1leHBvcnQtYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQzFDLE9BQU8sRUFBRSxlQUFlLEVBQUUsTUFBTSwwQkFBMEIsQ0FBQzs7O0FBbUIzRCxNQUFNLE9BQU8sd0JBQXdCOzhHQUF4Qix3QkFBd0I7a0dBQXhCLHdCQUF3Qiw2RUFiMUIsOEdBQThHLDBOQUQ5RyxlQUFlOzsyRkFjYix3QkFBd0I7a0JBakJwQyxTQUFTOytCQUNDLG1CQUFtQixjQUNqQixJQUFJLFdBQ1AsQ0FBQyxlQUFlLENBQUMsWUFDaEIsOEdBQThHIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBNYXRCdXR0b25Nb2R1bGUgfSBmcm9tICdAYW5ndWxhci9tYXRlcmlhbC9idXR0b24nO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdwZGYtZXhwb3J0LWJ1dHRvbicsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtNYXRCdXR0b25Nb2R1bGVdLFxuXHR0ZW1wbGF0ZTogYCA8YnV0dG9uIGNsYXNzPVwicGRmLWV4cG9ydC1idXR0b25cIiBtYXQtcmFpc2VkLWJ1dHRvbiB0eXBlPVwiYnV0dG9uXCIgZGF0YS1jeT1cInBkZi1leHBvcnQtYnV0dG9uXCI+UERGPC9idXR0b24+IGAsXG5cdHN0eWxlczogW1xuXHRcdGBcblx0XHRcdC5wZGYtZXhwb3J0LWJ1dHRvbiB7XG5cdFx0XHRcdG1hcmdpbi1sZWZ0OiAyMHB4ICFpbXBvcnRhbnQ7XG5cdFx0XHRcdHdpZHRoOiAxMDBweDtcblx0XHRcdFx0Y29sb3I6IHdoaXRlICFpbXBvcnRhbnQ7XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICNhMzA3MWIgIWltcG9ydGFudDtcblx0XHRcdFx0Ym9yZGVyLXJhZGl1czogMjRweCAhaW1wb3J0YW50O1xuXHRcdFx0fVxuXHRcdGAsXG5cdF0sXG59KVxuZXhwb3J0IGNsYXNzIFBkZkV4cG9ydEJ1dHRvbkNvbXBvbmVudCB7fVxuIl19
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { Component, input } from '@angular/core';
|
|
2
|
+
import { MatButton } from '@angular/material/button';
|
|
3
|
+
import { MatIcon } from '@angular/material/icon';
|
|
4
|
+
import { BaseButtonComponent } from '../base-button/base-button.component';
|
|
5
|
+
import { NgStyle } from '@angular/common';
|
|
6
|
+
import * as i0 from "@angular/core";
|
|
7
|
+
export class PrimaryButtonComponent extends BaseButtonComponent {
|
|
8
|
+
constructor() {
|
|
9
|
+
super();
|
|
10
|
+
this.loadingLabel = input('Saving...');
|
|
11
|
+
this.label = input('Save');
|
|
12
|
+
this.icon = input('save');
|
|
13
|
+
this.showIcon = input(false);
|
|
14
|
+
this.classes = input('btn-primary primary-button');
|
|
15
|
+
}
|
|
16
|
+
static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: PrimaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
17
|
+
static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.0.0", type: PrimaryButtonComponent, isStandalone: true, selector: "primary-button", inputs: { loadingLabel: { classPropertyName: "loadingLabel", publicName: "loadingLabel", isSignal: true, isRequired: false, transformFunction: null }, label: { classPropertyName: "label", publicName: "label", isSignal: true, isRequired: false, transformFunction: null }, icon: { classPropertyName: "icon", publicName: "icon", isSignal: true, isRequired: false, transformFunction: null }, showIcon: { classPropertyName: "showIcon", publicName: "showIcon", isSignal: true, isRequired: false, transformFunction: null }, classes: { classPropertyName: "classes", publicName: "classes", isSignal: true, isRequired: false, transformFunction: null } }, usesInheritance: true, ngImport: i0, template: `
|
|
18
|
+
<button
|
|
19
|
+
mat-raised-button
|
|
20
|
+
class="btn {{ classes() }}"
|
|
21
|
+
(click)="onClick.emit($event)"
|
|
22
|
+
(focus)="onFocus.emit($event)"
|
|
23
|
+
(blur)="onBlur.emit($event)"
|
|
24
|
+
[disabled]="disabled() || loading()"
|
|
25
|
+
[type]="type()"
|
|
26
|
+
[ngStyle]="style()"
|
|
27
|
+
[attr.data-cy]="'primary-button'">
|
|
28
|
+
@if (loading()) {
|
|
29
|
+
<span aria-hidden="true" class="spinner-border spinner-border-sm" role="status"></span>
|
|
30
|
+
}
|
|
31
|
+
@if (!loading() && showIcon()) {
|
|
32
|
+
<mat-icon>{{ icon() }}</mat-icon>
|
|
33
|
+
}
|
|
34
|
+
{{ loading() ? loadingLabel() : label() }}
|
|
35
|
+
</button>
|
|
36
|
+
`, isInline: true, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"], dependencies: [{ kind: "component", type: MatButton, selector: " button[mat-button], button[mat-raised-button], button[mat-flat-button], button[mat-stroked-button] ", exportAs: ["matButton"] }, { kind: "component", type: MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "directive", type: NgStyle, selector: "[ngStyle]", inputs: ["ngStyle"] }] }); }
|
|
37
|
+
}
|
|
38
|
+
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.0.0", ngImport: i0, type: PrimaryButtonComponent, decorators: [{
|
|
39
|
+
type: Component,
|
|
40
|
+
args: [{ selector: 'primary-button', standalone: true, imports: [MatButton, MatIcon, NgStyle], template: `
|
|
41
|
+
<button
|
|
42
|
+
mat-raised-button
|
|
43
|
+
class="btn {{ classes() }}"
|
|
44
|
+
(click)="onClick.emit($event)"
|
|
45
|
+
(focus)="onFocus.emit($event)"
|
|
46
|
+
(blur)="onBlur.emit($event)"
|
|
47
|
+
[disabled]="disabled() || loading()"
|
|
48
|
+
[type]="type()"
|
|
49
|
+
[ngStyle]="style()"
|
|
50
|
+
[attr.data-cy]="'primary-button'">
|
|
51
|
+
@if (loading()) {
|
|
52
|
+
<span aria-hidden="true" class="spinner-border spinner-border-sm" role="status"></span>
|
|
53
|
+
}
|
|
54
|
+
@if (!loading() && showIcon()) {
|
|
55
|
+
<mat-icon>{{ icon() }}</mat-icon>
|
|
56
|
+
}
|
|
57
|
+
{{ loading() ? loadingLabel() : label() }}
|
|
58
|
+
</button>
|
|
59
|
+
`, styles: [".primary-button,.primary-button:hover,.primary-button:active,.primary-button:visited{color:#fff!important;background-color:var(--primary-color)!important}.secondary-button,.secondary-button:hover,.secondary-button:active,.secondary-button:visited{color:#fff!important;background-color:var(--secondary-color)!important}.success-button,.success-button:hover,.success-button:active,.success-button:visited{color:#fff!important;background-color:var(--success-color)!important}.delete-button,.delete-button:hover,.delete-button:active,.success-button:visited{color:#fff!important;background-color:var(--delete-color)!important}\n"] }]
|
|
60
|
+
}], ctorParameters: () => [] });
|
|
61
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpbWFyeS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvbmcta2l0L3NyYy9saWIvY29tcG9uZW50cy9idXR0b25zL3ByaW1hcnktYnV0dG9uL3ByaW1hcnktYnV0dG9uLmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQztBQUNqRCxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMEJBQTBCLENBQUM7QUFDckQsT0FBTyxFQUFFLE9BQU8sRUFBRSxNQUFNLHdCQUF3QixDQUFDO0FBQ2pELE9BQU8sRUFBRSxtQkFBbUIsRUFBRSxNQUFNLHNDQUFzQyxDQUFDO0FBQzNFLE9BQU8sRUFBRSxPQUFPLEVBQUUsTUFBTSxpQkFBaUIsQ0FBQzs7QUE0QjFDLE1BQU0sT0FBTyxzQkFBdUIsU0FBUSxtQkFBbUI7SUFPOUQ7UUFDQyxLQUFLLEVBQUUsQ0FBQztRQVBBLGlCQUFZLEdBQUcsS0FBSyxDQUFDLFdBQVcsQ0FBQyxDQUFDO1FBQ2xDLFVBQUssR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFDLENBQUM7UUFDdEIsU0FBSSxHQUFHLEtBQUssQ0FBQyxNQUFNLENBQUMsQ0FBQztRQUNyQixhQUFRLEdBQUcsS0FBSyxDQUFDLEtBQUssQ0FBQyxDQUFDO1FBQ3hCLFlBQU8sR0FBRyxLQUFLLENBQUMsNEJBQTRCLENBQUMsQ0FBQztJQUl2RCxDQUFDOzhHQVRXLHNCQUFzQjtrR0FBdEIsc0JBQXNCLHN1QkF0QnhCOzs7Ozs7Ozs7Ozs7Ozs7Ozs7O0VBbUJULDByQkFwQlMsU0FBUyxpTEFBRSxPQUFPLDJJQUFFLE9BQU87OzJGQXVCekIsc0JBQXNCO2tCQTFCbEMsU0FBUzsrQkFDQyxnQkFBZ0IsY0FDZCxJQUFJLFdBQ1AsQ0FBQyxTQUFTLEVBQUUsT0FBTyxFQUFFLE9BQU8sQ0FBQyxZQUM1Qjs7Ozs7Ozs7Ozs7Ozs7Ozs7OztFQW1CVCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgaW5wdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE1hdEJ1dHRvbiB9IGZyb20gJ0Bhbmd1bGFyL21hdGVyaWFsL2J1dHRvbic7XG5pbXBvcnQgeyBNYXRJY29uIH0gZnJvbSAnQGFuZ3VsYXIvbWF0ZXJpYWwvaWNvbic7XG5pbXBvcnQgeyBCYXNlQnV0dG9uQ29tcG9uZW50IH0gZnJvbSAnLi4vYmFzZS1idXR0b24vYmFzZS1idXR0b24uY29tcG9uZW50JztcbmltcG9ydCB7IE5nU3R5bGUgfSBmcm9tICdAYW5ndWxhci9jb21tb24nO1xuXG5AQ29tcG9uZW50KHtcblx0c2VsZWN0b3I6ICdwcmltYXJ5LWJ1dHRvbicsXG5cdHN0YW5kYWxvbmU6IHRydWUsXG5cdGltcG9ydHM6IFtNYXRCdXR0b24sIE1hdEljb24sIE5nU3R5bGVdLFxuXHR0ZW1wbGF0ZTogYFxuXHRcdDxidXR0b25cblx0XHRcdG1hdC1yYWlzZWQtYnV0dG9uXG5cdFx0XHRjbGFzcz1cImJ0biB7eyBjbGFzc2VzKCkgfX1cIlxuXHRcdFx0KGNsaWNrKT1cIm9uQ2xpY2suZW1pdCgkZXZlbnQpXCJcblx0XHRcdChmb2N1cyk9XCJvbkZvY3VzLmVtaXQoJGV2ZW50KVwiXG5cdFx0XHQoYmx1cik9XCJvbkJsdXIuZW1pdCgkZXZlbnQpXCJcblx0XHRcdFtkaXNhYmxlZF09XCJkaXNhYmxlZCgpIHx8IGxvYWRpbmcoKVwiXG5cdFx0XHRbdHlwZV09XCJ0eXBlKClcIlxuXHRcdFx0W25nU3R5bGVdPVwic3R5bGUoKVwiXG5cdFx0XHRbYXR0ci5kYXRhLWN5XT1cIidwcmltYXJ5LWJ1dHRvbidcIj5cblx0XHRcdEBpZiAobG9hZGluZygpKSB7XG5cdFx0XHRcdDxzcGFuIGFyaWEtaGlkZGVuPVwidHJ1ZVwiIGNsYXNzPVwic3Bpbm5lci1ib3JkZXIgc3Bpbm5lci1ib3JkZXItc21cIiByb2xlPVwic3RhdHVzXCI+PC9zcGFuPlxuXHRcdFx0fVxuXHRcdFx0QGlmICghbG9hZGluZygpICYmIHNob3dJY29uKCkpIHtcblx0XHRcdFx0PG1hdC1pY29uPnt7IGljb24oKSB9fTwvbWF0LWljb24+XG5cdFx0XHR9XG5cdFx0XHR7eyBsb2FkaW5nKCkgPyBsb2FkaW5nTGFiZWwoKSA6IGxhYmVsKCkgfX1cblx0XHQ8L2J1dHRvbj5cblx0YCxcblx0c3R5bGVVcmxzOiBbJy4uLy4uLy4uLy4uL2Fzc2V0cy9hcHAtYnV0dG9ucy5jc3MnXSxcbn0pXG5leHBvcnQgY2xhc3MgUHJpbWFyeUJ1dHRvbkNvbXBvbmVudCBleHRlbmRzIEJhc2VCdXR0b25Db21wb25lbnQge1xuXHRvdmVycmlkZSBsb2FkaW5nTGFiZWwgPSBpbnB1dCgnU2F2aW5nLi4uJyk7XG5cdG92ZXJyaWRlIGxhYmVsID0gaW5wdXQoJ1NhdmUnKTtcblx0b3ZlcnJpZGUgaWNvbiA9IGlucHV0KCdzYXZlJyk7XG5cdG92ZXJyaWRlIHNob3dJY29uID0gaW5wdXQoZmFsc2UpO1xuXHRvdmVycmlkZSBjbGFzc2VzID0gaW5wdXQoJ2J0bi1wcmltYXJ5IHByaW1hcnktYnV0dG9uJyk7XG5cblx0Y29uc3RydWN0b3IoKSB7XG5cdFx0c3VwZXIoKTtcblx0fVxufVxuIl19
|