@apipass/buttons 1.0.193 → 1.0.195

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.
Files changed (9) hide show
  1. package/esm2022/primary-button/primary-button.component.mjs +14 -7
  2. package/esm2022/secondary-button/secondary-button.component.mjs +16 -7
  3. package/esm2022/tertiary-button/tertiary-button.component.mjs +14 -7
  4. package/fesm2022/apipass-buttons.mjs +38 -15
  5. package/fesm2022/apipass-buttons.mjs.map +1 -1
  6. package/package.json +1 -1
  7. package/primary-button/primary-button.component.d.ts +4 -1
  8. package/secondary-button/secondary-button.component.d.ts +4 -1
  9. package/tertiary-button/tertiary-button.component.d.ts +4 -1
package/esm2022/primary-button/primary-button.component.mjs CHANGED
@@ -1,7 +1,8 @@
1
- import { Component, Input, EventEmitter, Output } from '@angular/core';
1
+ import { Component, Input, EventEmitter, Output, ElementRef } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "../default-button/default-button.component";
4
4
  class PrimaryButtonComponent {
5
+ host;
5
6
  label = '';
6
7
  btnDisabled = false;
7
8
  icon = '';
@@ -10,19 +11,25 @@ class PrimaryButtonComponent {
10
11
  btnClass = '';
11
12
  size = 'large';
12
13
  onClick = new EventEmitter();
14
+ constructor(host) {
15
+ this.host = host;
16
+ }
17
+ get isDisabled() {
18
+ return this.btnDisabled || this.host.nativeElement.getAttribute('aria-disabled') === 'true';
19
+ }
13
20
  click() {
14
- if (!this.btnDisabled) {
21
+ if (!this.isDisabled) {
15
22
  this.onClick.emit(true);
16
23
  }
17
24
  }
18
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PrimaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
19
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: PrimaryButtonComponent, selector: "primary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
25
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PrimaryButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
26
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: PrimaryButtonComponent, selector: "primary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
20
27
  }
21
28
  export { PrimaryButtonComponent };
22
29
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PrimaryButtonComponent, decorators: [{
23
30
  type: Component,
24
- args: [{ selector: 'primary-button', template: "<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
25
- }], propDecorators: { label: [{
31
+ args: [{ selector: 'primary-button', template: "<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
32
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
26
33
  type: Input
27
34
  }], btnDisabled: [{
28
35
  type: Input
@@ -39,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
39
46
  }], onClick: [{
40
47
  type: Output
41
48
  }] } });
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpbWFyeS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvcHJpbWFyeS1idXR0b24vcHJpbWFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvcHJpbWFyeS1idXR0b24vcHJpbWFyeS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTs7O0FBRXRFLE1BS2Esc0JBQXNCO0lBRWpCLEtBQUssR0FBRyxFQUFFLENBQUE7SUFDVixXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ25CLElBQUksR0FBRyxFQUFFLENBQUE7SUFDVCxVQUFVLEdBQUcsRUFBRSxDQUFBO0lBQ2YsUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUNoQixRQUFRLEdBQUcsRUFBRSxDQUFBO0lBQ2IsSUFBSSxHQUErQixPQUFPLENBQUE7SUFFekMsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7SUFFL0MsS0FBSztRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1NBQ3hCO0lBQ0gsQ0FBQzt1R0FoQlUsc0JBQXNCOzJGQUF0QixzQkFBc0IsaVBDUG5DLGdSQUlBOztTREdhLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFNVixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUVXLE9BQU87c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ByaW1hcnktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICdwcmltYXJ5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydwcmltYXJ5LWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFByaW1hcnlCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ2xhcmdlJyB8ICdzbGltJyB8ICdzbWFsbCcgPSAnbGFyZ2UnXG5cbiAgQE91dHB1dCgpIHB1YmxpYyBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgcHVibGljIGNsaWNrICgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYnRuRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMub25DbGljay5lbWl0KHRydWUpXG4gICAgfVxuICB9XG5cbn1cbiIsIjxkZWZhdWx0LWJ1dHRvbiBidG5DbGFzcz1cImFwaXBhc3MtYnRuLXByaW1hcnkge3tidG5DbGFzc319XCIgW3NlbGVjdGVkXT1cInNlbGVjdGVkXCIgW2J0bkljb25dPVwiaWNvblwiIFtzdWZmaXhJY29uXT1cInN1ZmZpeEljb25cIiBbYnRuVGV4dF09XCJsYWJlbFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrKClcIiBbYnRuRGlzYWJsZWRdPWJ0bkRpc2FibGVkXG4gICAgICAgICAgICAgICAgW3NpemVdPVwic2l6ZVwiPlxuPC9kZWZhdWx0LWJ1dHRvbj5cbiJdfQ==
49
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpbWFyeS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvcHJpbWFyeS1idXR0b24vcHJpbWFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvcHJpbWFyeS1idXR0b24vcHJpbWFyeS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxVQUFVLEVBQUUsTUFBTSxlQUFlLENBQUE7OztBQUVsRixNQUthLHNCQUFzQjtJQVlIO0lBVmQsS0FBSyxHQUFHLEVBQUUsQ0FBQTtJQUNWLFdBQVcsR0FBRyxLQUFLLENBQUE7SUFDbkIsSUFBSSxHQUFHLEVBQUUsQ0FBQTtJQUNULFVBQVUsR0FBRyxFQUFFLENBQUE7SUFDZixRQUFRLEdBQUcsS0FBSyxDQUFBO0lBQ2hCLFFBQVEsR0FBRyxFQUFFLENBQUE7SUFDYixJQUFJLEdBQStCLE9BQU8sQ0FBQTtJQUV6QyxPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtJQUV0RCxZQUE4QixJQUE2QjtRQUE3QixTQUFJLEdBQUosSUFBSSxDQUF5QjtJQUFHLENBQUM7SUFFL0QsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsZUFBZSxDQUFDLEtBQUssTUFBTSxDQUFBO0lBQzdGLENBQUM7SUFFTSxLQUFLO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7U0FDeEI7SUFDSCxDQUFDO3VHQXRCVSxzQkFBc0I7MkZBQXRCLHNCQUFzQixpUENQbkMsbVJBSUE7O1NER2Esc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsZ0JBQWdCO2lHQU1WLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAncHJpbWFyeS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJ3ByaW1hcnktYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3ByaW1hcnktYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgUHJpbWFyeUJ1dHRvbkNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgcHVibGljIGxhYmVsID0gJydcbiAgQElucHV0KCkgcHVibGljIGJ0bkRpc2FibGVkID0gZmFsc2VcbiAgQElucHV0KCkgcHVibGljIGljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc3VmZml4SWNvbiA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBzZWxlY3RlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5DbGFzcyA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnbGFyZ2UnIHwgJ3NsaW0nIHwgJ3NtYWxsJyA9ICdsYXJnZSdcblxuICBAT3V0cHV0KCkgcHVibGljIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KClcblxuICBjb25zdHJ1Y3RvciAocHJpdmF0ZSByZWFkb25seSBob3N0OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge31cblxuICBwdWJsaWMgZ2V0IGlzRGlzYWJsZWQgKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmJ0bkRpc2FibGVkIHx8IHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LmdldEF0dHJpYnV0ZSgnYXJpYS1kaXNhYmxlZCcpID09PSAndHJ1ZSdcbiAgfVxuXG4gIHB1YmxpYyBjbGljayAoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlzRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMub25DbGljay5lbWl0KHRydWUpXG4gICAgfVxuICB9XG5cbn1cbiIsIjxkZWZhdWx0LWJ1dHRvbiBidG5DbGFzcz1cImFwaXBhc3MtYnRuLXByaW1hcnkge3tidG5DbGFzc319XCIgW3NlbGVjdGVkXT1cInNlbGVjdGVkXCIgW2J0bkljb25dPVwiaWNvblwiIFtzdWZmaXhJY29uXT1cInN1ZmZpeEljb25cIiBbYnRuVGV4dF09XCJsYWJlbFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrKClcIiBbYnRuRGlzYWJsZWRdPVwiaXNEaXNhYmxlZFwiXG4gICAgICAgICAgICAgICAgW3NpemVdPVwic2l6ZVwiPlxuPC9kZWZhdWx0LWJ1dHRvbj5cbiJdfQ==
package/esm2022/secondary-button/secondary-button.component.mjs CHANGED
@@ -1,7 +1,8 @@
1
- import { Component, Input, EventEmitter, Output } from '@angular/core';
1
+ import { Component, Input, EventEmitter, Output, ElementRef } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "../default-button/default-button.component";
4
4
  class SecondaryButtonComponent {
5
+ host;
5
6
  label = '';
6
7
  btnDisabled = false;
7
8
  icon = '';
@@ -10,19 +11,27 @@ class SecondaryButtonComponent {
10
11
  btnClass = '';
11
12
  size = 'large';
12
13
  onClick = new EventEmitter();
14
+ constructor(host) {
15
+ this.host = host;
16
+ }
17
+ // Disabled when set explicitly OR when an [apipassGate] on the host blocked
18
+ // the action (the directive sets aria-disabled="true" on this same element).
19
+ get isDisabled() {
20
+ return this.btnDisabled || this.host.nativeElement.getAttribute('aria-disabled') === 'true';
21
+ }
13
22
  click() {
14
- if (!this.btnDisabled) {
23
+ if (!this.isDisabled) {
15
24
  this.onClick.emit(true);
16
25
  }
17
26
  }
18
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: SecondaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
19
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: SecondaryButtonComponent, selector: "secondary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
27
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: SecondaryButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
28
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: SecondaryButtonComponent, selector: "secondary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
20
29
  }
21
30
  export { SecondaryButtonComponent };
22
31
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: SecondaryButtonComponent, decorators: [{
23
32
  type: Component,
24
- args: [{ selector: 'secondary-button', template: "<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
25
- }], propDecorators: { label: [{
33
+ args: [{ selector: 'secondary-button', template: "<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
34
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
26
35
  type: Input
27
36
  }], btnDisabled: [{
28
37
  type: Input
@@ -39,4 +48,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
39
48
  }], onClick: [{
40
49
  type: Output
41
50
  }] } });
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Vjb25kYXJ5LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9idXR0b25zL3NyYy9zZWNvbmRhcnktYnV0dG9uL3NlY29uZGFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvc2Vjb25kYXJ5LWJ1dHRvbi9zZWNvbmRhcnktYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7OztBQUV0RSxNQUthLHdCQUF3QjtJQUVuQixLQUFLLEdBQUcsRUFBRSxDQUFBO0lBQ1YsV0FBVyxHQUFHLEtBQUssQ0FBQTtJQUNuQixJQUFJLEdBQUcsRUFBRSxDQUFBO0lBQ1QsVUFBVSxHQUFHLEVBQUUsQ0FBQTtJQUNmLFFBQVEsR0FBRyxLQUFLLENBQUE7SUFDaEIsUUFBUSxHQUFHLEVBQUUsQ0FBQTtJQUNiLElBQUksR0FBK0IsT0FBTyxDQUFBO0lBRXpDLE9BQU8sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFBO0lBRS9DLEtBQUs7UUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtTQUN4QjtJQUNILENBQUM7dUdBaEJVLHdCQUF3QjsyRkFBeEIsd0JBQXdCLG1QQ1ByQyxrUkFJQTs7U0RHYSx3QkFBd0I7MkZBQXhCLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBTVosS0FBSztzQkFBcEIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFFVyxPQUFPO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZWNvbmRhcnktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICdzZWNvbmRhcnktYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3NlY29uZGFyeS1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWNvbmRhcnlCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ2xhcmdlJyB8ICdzbGltJyB8ICdzbWFsbCcgPSAnbGFyZ2UnXG5cbiAgQE91dHB1dCgpIHB1YmxpYyBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgcHVibGljIGNsaWNrICgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYnRuRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMub25DbGljay5lbWl0KHRydWUpXG4gICAgfVxuICB9XG5cbn1cbiIsIjxkZWZhdWx0LWJ1dHRvbiBidG5DbGFzcz1cImFwaXBhc3MtYnRuLXNlY29uZGFyeSB7e2J0bkNsYXNzfX1cIiBbc2VsZWN0ZWRdPVwic2VsZWN0ZWRcIiBbYnRuSWNvbl09XCJpY29uXCIgW3N1ZmZpeEljb25dPVwic3VmZml4SWNvblwiIFtidG5UZXh0XT1cImxhYmVsXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2xpY2soKVwiIFtidG5EaXNhYmxlZF09YnRuRGlzYWJsZWRcbiAgICAgICAgICAgICAgICBbc2l6ZV09XCJzaXplXCI+XG48L2RlZmF1bHQtYnV0dG9uPlxuIl19
51
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Vjb25kYXJ5LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9idXR0b25zL3NyYy9zZWNvbmRhcnktYnV0dG9uL3NlY29uZGFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvc2Vjb25kYXJ5LWJ1dHRvbi9zZWNvbmRhcnktYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsVUFBVSxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7QUFFbEYsTUFLYSx3QkFBd0I7SUFZTDtJQVZkLEtBQUssR0FBRyxFQUFFLENBQUE7SUFDVixXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ25CLElBQUksR0FBRyxFQUFFLENBQUE7SUFDVCxVQUFVLEdBQUcsRUFBRSxDQUFBO0lBQ2YsUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUNoQixRQUFRLEdBQUcsRUFBRSxDQUFBO0lBQ2IsSUFBSSxHQUErQixPQUFPLENBQUE7SUFFekMsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7SUFFdEQsWUFBOEIsSUFBNkI7UUFBN0IsU0FBSSxHQUFKLElBQUksQ0FBeUI7SUFBRyxDQUFDO0lBRS9ELDRFQUE0RTtJQUM1RSw2RUFBNkU7SUFDN0UsSUFBVyxVQUFVO1FBQ25CLE9BQU8sSUFBSSxDQUFDLFdBQVcsSUFBSSxJQUFJLENBQUMsSUFBSSxDQUFDLGFBQWEsQ0FBQyxZQUFZLENBQUMsZUFBZSxDQUFDLEtBQUssTUFBTSxDQUFBO0lBQzdGLENBQUM7SUFFTSxLQUFLO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxVQUFVLEVBQUU7WUFDcEIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7U0FDeEI7SUFDSCxDQUFDO3VHQXhCVSx3QkFBd0I7MkZBQXhCLHdCQUF3QixtUENQckMscVJBSUE7O1NER2Esd0JBQXdCOzJGQUF4Qix3QkFBd0I7a0JBTHBDLFNBQVM7K0JBQ0Usa0JBQWtCO2lHQU1aLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0LCBFbGVtZW50UmVmIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnc2Vjb25kYXJ5LWJ1dHRvbicsXG4gIHRlbXBsYXRlVXJsOiAnc2Vjb25kYXJ5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydzZWNvbmRhcnktYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgU2Vjb25kYXJ5QnV0dG9uQ29tcG9uZW50IHtcblxuICBASW5wdXQoKSBwdWJsaWMgbGFiZWwgPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgYnRuRGlzYWJsZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgaWNvbiA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBzdWZmaXhJY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHNlbGVjdGVkID0gZmFsc2VcbiAgQElucHV0KCkgcHVibGljIGJ0bkNsYXNzID0gJydcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdsYXJnZScgfCAnc2xpbScgfCAnc21hbGwnID0gJ2xhcmdlJ1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxuXG4gIGNvbnN0cnVjdG9yIChwcml2YXRlIHJlYWRvbmx5IGhvc3Q6IEVsZW1lbnRSZWY8SFRNTEVsZW1lbnQ+KSB7fVxuXG4gIC8vIERpc2FibGVkIHdoZW4gc2V0IGV4cGxpY2l0bHkgT1Igd2hlbiBhbiBbYXBpcGFzc0dhdGVdIG9uIHRoZSBob3N0IGJsb2NrZWRcbiAgLy8gdGhlIGFjdGlvbiAodGhlIGRpcmVjdGl2ZSBzZXRzIGFyaWEtZGlzYWJsZWQ9XCJ0cnVlXCIgb24gdGhpcyBzYW1lIGVsZW1lbnQpLlxuICBwdWJsaWMgZ2V0IGlzRGlzYWJsZWQgKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmJ0bkRpc2FibGVkIHx8IHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LmdldEF0dHJpYnV0ZSgnYXJpYS1kaXNhYmxlZCcpID09PSAndHJ1ZSdcbiAgfVxuXG4gIHB1YmxpYyBjbGljayAoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlzRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMub25DbGljay5lbWl0KHRydWUpXG4gICAgfVxuICB9XG5cbn1cbiIsIjxkZWZhdWx0LWJ1dHRvbiBidG5DbGFzcz1cImFwaXBhc3MtYnRuLXNlY29uZGFyeSB7e2J0bkNsYXNzfX1cIiBbc2VsZWN0ZWRdPVwic2VsZWN0ZWRcIiBbYnRuSWNvbl09XCJpY29uXCIgW3N1ZmZpeEljb25dPVwic3VmZml4SWNvblwiIFtidG5UZXh0XT1cImxhYmVsXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2xpY2soKVwiIFtidG5EaXNhYmxlZF09XCJpc0Rpc2FibGVkXCJcbiAgICAgICAgICAgICAgICBbc2l6ZV09XCJzaXplXCI+XG48L2RlZmF1bHQtYnV0dG9uPlxuIl19
package/esm2022/tertiary-button/tertiary-button.component.mjs CHANGED
@@ -1,7 +1,8 @@
1
- import { Component, Input, EventEmitter, Output } from '@angular/core';
1
+ import { Component, Input, EventEmitter, Output, ElementRef } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  import * as i1 from "../default-button/default-button.component";
4
4
  class TertiaryButtonComponent {
5
+ host;
5
6
  label = '';
6
7
  btnDisabled = false;
7
8
  icon = '';
@@ -10,19 +11,25 @@ class TertiaryButtonComponent {
10
11
  btnClass = '';
11
12
  size = 'large';
12
13
  onClick = new EventEmitter();
14
+ constructor(host) {
15
+ this.host = host;
16
+ }
17
+ get isDisabled() {
18
+ return this.btnDisabled || this.host.nativeElement.getAttribute('aria-disabled') === 'true';
19
+ }
13
20
  click() {
14
- if (!this.btnDisabled) {
21
+ if (!this.isDisabled) {
15
22
  this.onClick.emit(true);
16
23
  }
17
24
  }
18
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TertiaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
19
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: TertiaryButtonComponent, selector: "tertiary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\"\n></default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
25
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TertiaryButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
26
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: TertiaryButtonComponent, selector: "tertiary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\"\n></default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
20
27
  }
21
28
  export { TertiaryButtonComponent };
22
29
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TertiaryButtonComponent, decorators: [{
23
30
  type: Component,
24
- args: [{ selector: 'tertiary-button', template: "<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\"\n></default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
25
- }], propDecorators: { label: [{
31
+ args: [{ selector: 'tertiary-button', template: "<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\"\n></default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
32
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
26
33
  type: Input
27
34
  }], btnDisabled: [{
28
35
  type: Input
@@ -39,4 +46,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
39
46
  }], onClick: [{
40
47
  type: Output
41
48
  }] } });
42
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVydGlhcnktYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2J1dHRvbnMvc3JjL3RlcnRpYXJ5LWJ1dHRvbi90ZXJ0aWFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvdGVydGlhcnktYnV0dG9uL3RlcnRpYXJ5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7QUFFdEUsTUFLYSx1QkFBdUI7SUFFbEIsS0FBSyxHQUFHLEVBQUUsQ0FBQTtJQUNWLFdBQVcsR0FBRyxLQUFLLENBQUE7SUFDbkIsSUFBSSxHQUFHLEVBQUUsQ0FBQTtJQUNULFVBQVUsR0FBRyxFQUFFLENBQUE7SUFDZixRQUFRLEdBQUcsS0FBSyxDQUFBO0lBQ2hCLFFBQVEsR0FBRyxFQUFFLENBQUE7SUFDYixJQUFJLEdBQStCLE9BQU8sQ0FBQTtJQUV6QyxPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtJQUUvQyxLQUFLO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDckIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7U0FDeEI7SUFDSCxDQUFDO3VHQWhCVSx1QkFBdUI7MkZBQXZCLHVCQUF1QixrUENQcEMsaVJBSUE7O1NER2EsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQU1YLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVydGlhcnktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICd0ZXJ0aWFyeS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsndGVydGlhcnktYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGVydGlhcnlCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ2xhcmdlJyB8ICdzbGltJyB8ICdzbWFsbCcgPSAnbGFyZ2UnXG5cbiAgQE91dHB1dCgpIHB1YmxpYyBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgcHVibGljIGNsaWNrICgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYnRuRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMub25DbGljay5lbWl0KHRydWUpXG4gICAgfVxuICB9XG5cbn1cbiIsIjxkZWZhdWx0LWJ1dHRvbiBidG5DbGFzcz1cImFwaXBhc3MtYnRuLXRlcnRpYXJ5IHt7YnRuQ2xhc3N9fVwiIFtzZWxlY3RlZF09XCJzZWxlY3RlZFwiIFtidG5JY29uXT1cImljb25cIiBbc3VmZml4SWNvbl09XCJzdWZmaXhJY29uXCIgW2J0blRleHRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjbGljaygpXCIgW2J0bkRpc2FibGVkXT1idG5EaXNhYmxlZFxuICAgICAgICAgICAgICAgIFtzaXplXT1cInNpemVcIlxuPjwvZGVmYXVsdC1idXR0b24+XG4iXX0=
49
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVydGlhcnktYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2J1dHRvbnMvc3JjL3RlcnRpYXJ5LWJ1dHRvbi90ZXJ0aWFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvdGVydGlhcnktYnV0dG9uL3RlcnRpYXJ5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLFVBQVUsRUFBRSxNQUFNLGVBQWUsQ0FBQTs7O0FBRWxGLE1BS2EsdUJBQXVCO0lBWUo7SUFWZCxLQUFLLEdBQUcsRUFBRSxDQUFBO0lBQ1YsV0FBVyxHQUFHLEtBQUssQ0FBQTtJQUNuQixJQUFJLEdBQUcsRUFBRSxDQUFBO0lBQ1QsVUFBVSxHQUFHLEVBQUUsQ0FBQTtJQUNmLFFBQVEsR0FBRyxLQUFLLENBQUE7SUFDaEIsUUFBUSxHQUFHLEVBQUUsQ0FBQTtJQUNiLElBQUksR0FBK0IsT0FBTyxDQUFBO0lBRXpDLE9BQU8sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFBO0lBRXRELFlBQThCLElBQTZCO1FBQTdCLFNBQUksR0FBSixJQUFJLENBQXlCO0lBQUcsQ0FBQztJQUUvRCxJQUFXLFVBQVU7UUFDbkIsT0FBTyxJQUFJLENBQUMsV0FBVyxJQUFJLElBQUksQ0FBQyxJQUFJLENBQUMsYUFBYSxDQUFDLFlBQVksQ0FBQyxlQUFlLENBQUMsS0FBSyxNQUFNLENBQUE7SUFDN0YsQ0FBQztJQUVNLEtBQUs7UUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLFVBQVUsRUFBRTtZQUNwQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtTQUN4QjtJQUNILENBQUM7dUdBdEJVLHVCQUF1QjsyRkFBdkIsdUJBQXVCLGtQQ1BwQyxvUkFJQTs7U0RHYSx1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxpQkFBaUI7aUdBTVgsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFFVyxPQUFPO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQsIEVsZW1lbnRSZWYgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICd0ZXJ0aWFyeS1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJ3RlcnRpYXJ5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWyd0ZXJ0aWFyeS1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBUZXJ0aWFyeUJ1dHRvbkNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgcHVibGljIGxhYmVsID0gJydcbiAgQElucHV0KCkgcHVibGljIGJ0bkRpc2FibGVkID0gZmFsc2VcbiAgQElucHV0KCkgcHVibGljIGljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc3VmZml4SWNvbiA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBzZWxlY3RlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5DbGFzcyA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBzaXplOiAnbGFyZ2UnIHwgJ3NsaW0nIHwgJ3NtYWxsJyA9ICdsYXJnZSdcblxuICBAT3V0cHV0KCkgcHVibGljIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KClcblxuICBjb25zdHJ1Y3RvciAocHJpdmF0ZSByZWFkb25seSBob3N0OiBFbGVtZW50UmVmPEhUTUxFbGVtZW50Pikge31cblxuICBwdWJsaWMgZ2V0IGlzRGlzYWJsZWQgKCk6IGJvb2xlYW4ge1xuICAgIHJldHVybiB0aGlzLmJ0bkRpc2FibGVkIHx8IHRoaXMuaG9zdC5uYXRpdmVFbGVtZW50LmdldEF0dHJpYnV0ZSgnYXJpYS1kaXNhYmxlZCcpID09PSAndHJ1ZSdcbiAgfVxuXG4gIHB1YmxpYyBjbGljayAoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmlzRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMub25DbGljay5lbWl0KHRydWUpXG4gICAgfVxuICB9XG5cbn1cbiIsIjxkZWZhdWx0LWJ1dHRvbiBidG5DbGFzcz1cImFwaXBhc3MtYnRuLXRlcnRpYXJ5IHt7YnRuQ2xhc3N9fVwiIFtzZWxlY3RlZF09XCJzZWxlY3RlZFwiIFtidG5JY29uXT1cImljb25cIiBbc3VmZml4SWNvbl09XCJzdWZmaXhJY29uXCIgW2J0blRleHRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjbGljaygpXCIgW2J0bkRpc2FibGVkXT1cImlzRGlzYWJsZWRcIlxuICAgICAgICAgICAgICAgIFtzaXplXT1cInNpemVcIlxuPjwvZGVmYXVsdC1idXR0b24+XG4iXX0=
package/fesm2022/apipass-buttons.mjs CHANGED
@@ -73,6 +73,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
73
73
  }] } });
74
74
 
75
75
  class PrimaryButtonComponent {
76
+ host;
76
77
  label = '';
77
78
  btnDisabled = false;
78
79
  icon = '';
@@ -81,18 +82,24 @@ class PrimaryButtonComponent {
81
82
  btnClass = '';
82
83
  size = 'large';
83
84
  onClick = new EventEmitter();
85
+ constructor(host) {
86
+ this.host = host;
87
+ }
88
+ get isDisabled() {
89
+ return this.btnDisabled || this.host.nativeElement.getAttribute('aria-disabled') === 'true';
90
+ }
84
91
  click() {
85
- if (!this.btnDisabled) {
92
+ if (!this.isDisabled) {
86
93
  this.onClick.emit(true);
87
94
  }
88
95
  }
89
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PrimaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
90
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: PrimaryButtonComponent, selector: "primary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
96
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PrimaryButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
97
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: PrimaryButtonComponent, selector: "primary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
91
98
  }
92
99
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PrimaryButtonComponent, decorators: [{
93
100
  type: Component,
94
- args: [{ selector: 'primary-button', template: "<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
95
- }], propDecorators: { label: [{
101
+ args: [{ selector: 'primary-button', template: "<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
102
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
96
103
  type: Input
97
104
  }], btnDisabled: [{
98
105
  type: Input
@@ -111,6 +118,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
111
118
  }] } });
112
119
 
113
120
  class SecondaryButtonComponent {
121
+ host;
114
122
  label = '';
115
123
  btnDisabled = false;
116
124
  icon = '';
@@ -119,18 +127,26 @@ class SecondaryButtonComponent {
119
127
  btnClass = '';
120
128
  size = 'large';
121
129
  onClick = new EventEmitter();
130
+ constructor(host) {
131
+ this.host = host;
132
+ }
133
+ // Disabled when set explicitly OR when an [apipassGate] on the host blocked
134
+ // the action (the directive sets aria-disabled="true" on this same element).
135
+ get isDisabled() {
136
+ return this.btnDisabled || this.host.nativeElement.getAttribute('aria-disabled') === 'true';
137
+ }
122
138
  click() {
123
- if (!this.btnDisabled) {
139
+ if (!this.isDisabled) {
124
140
  this.onClick.emit(true);
125
141
  }
126
142
  }
127
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: SecondaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
128
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: SecondaryButtonComponent, selector: "secondary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
143
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: SecondaryButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
144
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: SecondaryButtonComponent, selector: "secondary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
129
145
  }
130
146
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: SecondaryButtonComponent, decorators: [{
131
147
  type: Component,
132
- args: [{ selector: 'secondary-button', template: "<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
133
- }], propDecorators: { label: [{
148
+ args: [{ selector: 'secondary-button', template: "<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\">\n</default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
149
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
134
150
  type: Input
135
151
  }], btnDisabled: [{
136
152
  type: Input
@@ -187,6 +203,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
187
203
  }] } });
188
204
 
189
205
  class TertiaryButtonComponent {
206
+ host;
190
207
  label = '';
191
208
  btnDisabled = false;
192
209
  icon = '';
@@ -195,18 +212,24 @@ class TertiaryButtonComponent {
195
212
  btnClass = '';
196
213
  size = 'large';
197
214
  onClick = new EventEmitter();
215
+ constructor(host) {
216
+ this.host = host;
217
+ }
218
+ get isDisabled() {
219
+ return this.btnDisabled || this.host.nativeElement.getAttribute('aria-disabled') === 'true';
220
+ }
198
221
  click() {
199
- if (!this.btnDisabled) {
222
+ if (!this.isDisabled) {
200
223
  this.onClick.emit(true);
201
224
  }
202
225
  }
203
- static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TertiaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
204
- static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: TertiaryButtonComponent, selector: "tertiary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\"\n></default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
226
+ static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TertiaryButtonComponent, deps: [{ token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
227
+ static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: TertiaryButtonComponent, selector: "tertiary-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\"\n></default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"], dependencies: [{ kind: "component", type: DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
205
228
  }
206
229
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TertiaryButtonComponent, decorators: [{
207
230
  type: Component,
208
- args: [{ selector: 'tertiary-button', template: "<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\"\n></default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
209
- }], propDecorators: { label: [{
231
+ args: [{ selector: 'tertiary-button', template: "<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\"\n></default-button>\n", styles: [".btn:hover,.btn:active,.btn:visited,.btn:focus{outline:none!important;box-shadow:unset!important}.btn-outline-primary{background:var(--color-primary)!important;border:2px solid var(--color-primary)!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.btn-outline-primary:hover{background:var(--color-primary-hover)!important;border:2px solid var(--color-primary-hover)!important}.btn-outline-danger{background:#ff0000!important;border:2px solid #ff0000!important;border-radius:6px!important;text-align:left!important;font-weight:700!important;font-size:13px!important;letter-spacing:1.2px!important;color:#fff!important;text-transform:uppercase!important;padding:7px 25px!important}.remove-btn-wrapper{color:var(--color-fonts-tertiary);position:absolute;right:0;top:0;background:var(--color-tertiary);margin-left:0;padding:3px 5px;box-shadow:0 1px 5px #0000001a}.remove-btn-wrapper i{cursor:pointer;padding-left:5px;color:red}.mdc-icon-button{font-size:inherit!important;width:auto!important;height:auto!important}.mat-mdc-dialog-actions default-button:nth-child(n+2),.mat-mdc-dialog-actions outline-button:nth-child(n+2),.mat-mdc-dialog-actions primary-button:nth-child(n+2),.mat-mdc-dialog-actions secondary-button:nth-child(n+2),.mat-mdc-dialog-actions tab-button:nth-child(n+2),.mat-mdc-dialog-actions tertiary-button:nth-child(n+2){margin-left:8px}.mat-button-focus-overlay{background-color:transparent!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:unset!important}.mat-mdc-icon-button .mat-mdc-button-persistent-ripple{border-radius:inherit!important}.apipass-tab-button{display:flex!important;justify-content:center!important;align-items:center!important;gap:5px;padding:8px 40px!important;font-weight:700;font-size:12px;border-radius:6px 6px 0 0!important}.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon,.apipass-tab-button .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default{display:flex!important;justify-content:center!important;align-items:center!important;padding:10px 15px!important;gap:5px;font-weight:700;border-radius:6px!important}.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon,.apipass-btn-default .button-text{display:flex;justify-content:center;align-items:center}.apipass-btn-default.apipass-btn-slim{height:30px!important}.apipass-btn-default.apipass-btn-small{height:25px!important}.apipass-btn-primary{background:var(--color-primary);color:#fff}.apipass-btn-primary:hover,.apipass-btn-primary .hover{background:var(--color-primary-hover)}.apipass-btn-primary:active,.apipass-btn-primary .active{background:var(--color-primary-active)}.apipass-btn-primary:disabled,.apipass-btn-primary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-secondary{background:var(--color-secondary);color:var(--color-primary)}.apipass-btn-secondary:hover,.apipass-btn-secondary .hover{background:var(--color-secondary-hover)}.apipass-btn-secondary:active,.apipass-btn-secondary .active{background:var(--color-secondary-active)}.apipass-btn-secondary:disabled,.apipass-btn-secondary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);color:var(--color-primary);border:1px solid var(--color-tertiary-hover)}.apipass-btn-tertiary:hover,.apipass-btn-tertiary .hover{background:var(--color-tertiary-hover)}.apipass-btn-tertiary:active,.apipass-btn-tertiary .active{background:var(--color-tertiary-active)}.apipass-btn-tertiary:disabled,.apipass-btn-tertiary .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}.apipass-btn-outline{color:var(--color-fonts-tertiary)}.apipass-btn-outline.remove-button{color:var(--color-red)}.apipass-btn-outline:hover,.apipass-btn-outline .hover{background:var(--color-tertiary-hover)}.apipass-btn-outline:active,.apipass-btn-outline .active{background:var(--color-tertiary-active)}.apipass-btn-outline:disabled,.apipass-btn-outline .disabled{background:var(--color-tertiary);color:var(--color-fonts-tertiary);border:1px px solid var(--color-tertiary-hover);cursor:no-drop!important}\n"] }]
232
+ }], ctorParameters: function () { return [{ type: i0.ElementRef }]; }, propDecorators: { label: [{
210
233
  type: Input
211
234
  }], btnDisabled: [{
212
235
  type: Input
package/fesm2022/apipass-buttons.mjs.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"apipass-buttons.mjs","sources":["../../../projects/buttons/src/default-button/default-button.component.ts","../../../projects/buttons/src/default-button/default-button.component.html","../../../projects/buttons/src/primary-button/primary-button.component.ts","../../../projects/buttons/src/primary-button/primary-button.component.html","../../../projects/buttons/src/secondary-button/secondary-button.component.ts","../../../projects/buttons/src/secondary-button/secondary-button.component.html","../../../projects/buttons/src/outline-button/outline-button.component.ts","../../../projects/buttons/src/outline-button/outline-button.component.html","../../../projects/buttons/src/tertiary-button/tertiary-button.component.ts","../../../projects/buttons/src/tertiary-button/tertiary-button.component.html","../../../projects/buttons/src/tab-button/tab-button.component.ts","../../../projects/buttons/src/tab-button/tab-button.component.html","../../../projects/buttons/src/copy-to-clipboard/copy-to-clipboard.component.ts","../../../projects/buttons/src/copy-to-clipboard/copy-to-clipboard.component.html","../../../projects/buttons/src/dropdown-button/dropdown-button.component.ts","../../../projects/buttons/src/dropdown-button/dropdown-button.component.html","../../../projects/buttons/src/buttons.module.ts","../../../projects/buttons/src/apipass-buttons.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core'\n\n@Component({\n selector: 'default-button',\n templateUrl: 'default-button.component.html',\n styleUrls: ['default-button.component.scss']\n})\nexport class DefaultButtonComponent {\n\n @Input() public btnText = ''\n @Input() public btnIcon = ''\n @Input() public suffixIcon = ''\n @Input() public btnClass = ''\n @Input() public btnDisabled = false\n @Input() public selected = false\n @Input() public size: 'large' | 'slim' | 'small' = 'large'\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n if (!this.btnDisabled) {\n this.onClick.emit(true)\n }\n }\n\n public getClass (): any {\n const classValues: any = {}\n classValues[this.btnClass] = true\n if (this.selected) {\n classValues.selected = true\n }\n if (this.size === 'slim') {\n classValues['apipass-btn-slim'] = true\n }\n if (this.size === 'small') {\n classValues['apipass-btn-small'] = true\n }\n return classValues\n }\n\n public isFontAwesome(icon?: string): boolean {\n if (!icon) { return false }\n return /(fa[srbld]?|fa-(solid|regular|light|thin|duotone|brands))\\s|^fa[srbld]?\\s|^fa-(solid|regular|light|thin|duotone|brands)\\s/.test(icon)\n }\n\n}\n","<button class=\"apipass-btn-default\" [ngClass]=\"getClass()\" *ngIf=\"btnIcon || suffixIcon\" mat-icon-button (click)=\"click()\" [disabled]=\"btnDisabled\">\n <ng-container *ngIf=\"btnIcon\">\n <i *ngIf=\"isFontAwesome(btnIcon)\" [ngClass]=\"{'apipass-btn-icon-text' : btnText}\" class=\"{{btnIcon}}\"></i>\n <mat-icon *ngIf=\"!isFontAwesome(btnIcon)\" [ngClass]=\"{'apipass-btn-icon-text' : btnText}\">{{btnIcon}}</mat-icon>\n </ng-container>\n <span class=\"button-text\" *ngIf=\"btnText\">{{this.btnText}}</span>\n <ng-container *ngIf=\"suffixIcon\">\n <i *ngIf=\"isFontAwesome(suffixIcon)\" [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\" class=\"{{suffixIcon}}\"></i>\n <mat-icon *ngIf=\"!isFontAwesome(suffixIcon)\" [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\">{{suffixIcon}}</mat-icon>\n </ng-container>\n</button>\n\n<button class=\"apipass-btn-default\" [ngClass]=\"getClass()\" *ngIf=\"!btnIcon && !suffixIcon\" (click)=\"click()\" [disabled]=\"btnDisabled\">\n <span class=\"button-text\" *ngIf=\"btnText\">{{this.btnText}}</span>\n</button>\n","import { Component, Input, EventEmitter, Output } from '@angular/core'\n\n@Component({\n selector: 'primary-button',\n templateUrl: 'primary-button.component.html',\n styleUrls: ['primary-button.component.scss']\n})\nexport class PrimaryButtonComponent {\n\n @Input() public label = ''\n @Input() public btnDisabled = false\n @Input() public icon = ''\n @Input() public suffixIcon = ''\n @Input() public selected = false\n @Input() public btnClass = ''\n @Input() public size: 'large' | 'slim' | 'small' = 'large'\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n if (!this.btnDisabled) {\n this.onClick.emit(true)\n }\n }\n\n}\n","<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n","import { Component, Input, EventEmitter, Output } from '@angular/core'\n\n@Component({\n selector: 'secondary-button',\n templateUrl: 'secondary-button.component.html',\n styleUrls: ['secondary-button.component.scss']\n})\nexport class SecondaryButtonComponent {\n\n @Input() public label = ''\n @Input() public btnDisabled = false\n @Input() public icon = ''\n @Input() public suffixIcon = ''\n @Input() public selected = false\n @Input() public btnClass = ''\n @Input() public size: 'large' | 'slim' | 'small' = 'large'\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n if (!this.btnDisabled) {\n this.onClick.emit(true)\n }\n }\n\n}\n","<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n","import { Component, Input, EventEmitter, Output } from '@angular/core'\n\n@Component({\n selector: 'outline-button',\n templateUrl: 'outline-button.component.html',\n styleUrls: ['outline-button.component.scss']\n})\nexport class OutlineButtonComponent {\n\n @Input() public label = ''\n @Input() public btnDisabled = false\n @Input() public icon = ''\n @Input() public suffixIcon = ''\n @Input() public selected = false\n @Input() public btnClass = ''\n @Input() public size: 'large' | 'slim' | 'small' = 'large'\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n if (!this.btnDisabled) {\n this.onClick.emit(true)\n }\n }\n\n}\n","<default-button btnClass=\"apipass-btn-outline {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n","import { Component, Input, EventEmitter, Output } from '@angular/core'\n\n@Component({\n selector: 'tertiary-button',\n templateUrl: 'tertiary-button.component.html',\n styleUrls: ['tertiary-button.component.scss']\n})\nexport class TertiaryButtonComponent {\n\n @Input() public label = ''\n @Input() public btnDisabled = false\n @Input() public icon = ''\n @Input() public suffixIcon = ''\n @Input() public selected = false\n @Input() public btnClass = ''\n @Input() public size: 'large' | 'slim' | 'small' = 'large'\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n if (!this.btnDisabled) {\n this.onClick.emit(true)\n }\n }\n\n}\n","<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\"\n></default-button>\n","import { Component, Input, EventEmitter, Output } from '@angular/core'\n\n@Component({\n selector: 'tab-button',\n templateUrl: 'tab-button.component.html',\n styleUrls: ['tab-button.component.scss']\n})\nexport class TabButtonComponent {\n\n @Input() public btnText = ''\n @Input() public btnIcon = ''\n @Input() public suffixIcon = ''\n @Input() public btnDisabled = false\n @Input() public btnClass = ''\n @Input() public selected = false\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n if (!this.btnDisabled) {\n this.onClick.emit(true)\n }\n }\n\n getClass (): any {\n const classValues: any = {}\n classValues[this.btnClass] = true\n if (this.selected) {\n classValues['selected-tab'] = true\n }\n return classValues\n }\n\n}\n","<button class=\"apipass-tab-button\" [ngClass]=\"getClass()\" *ngIf=\"btnIcon || suffixIcon\" mat-icon-button (click)=\"click()\" [disabled]=\"btnDisabled\">\n <mat-icon [ngClass]=\"{'apipass-btn-icon-text' : btnText}\" *ngIf=\"btnIcon\">{{btnIcon}}</mat-icon>\n <span class=\"button-text\" *ngIf=\"btnText\">{{btnText}}</span>\n <mat-icon [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\" *ngIf=\"suffixIcon\">{{suffixIcon}}</mat-icon>\n</button>\n\n<button class=\"apipass-tab-button\" [ngClass]=\"getClass()\" *ngIf=\"!btnIcon && !suffixIcon\" (click)=\"click()\" [disabled]=\"btnDisabled\">\n <span class=\"button-text\" *ngIf=\"btnText\">{{btnText}}</span>\n</button>\n","import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\n\n@Component({\n selector: 'copy-to-clipboard',\n templateUrl: './copy-to-clipboard.component.html',\n styleUrls: ['./copy-to-clipboard.component.css']\n})\nexport class CopyToClipboardComponent implements OnInit {\n\n @ViewChild('tooltip') tooltip: MatTooltip\n\n @Input()\n public label: string\n\n @Input()\n public textToCopy: string\n\n @Input()\n public toolTipPosition: 'above' | 'below' | 'right' | 'left' | 'before' | 'after' = 'above'\n\n @Input()\n public toolTipCopyLabel: string = 'Copy'\n\n @Input()\n public toolTipCopiedLabel: string = 'Copied!'\n\n @Input()\n public width: string = 'auto'\n\n @Input()\n public height: string = 'auto'\n\n @Input()\n public padding: string = '5px'\n\n @Input()\n public backgroundColor: string = '#FFF'\n\n @Input()\n public textColor: string = '#000'\n\n @Input()\n public tooltipDelay: number = 1500;\n\n @Input()\n set displaySuccessMessage(displaySuccessMessage: boolean) {\n this._displaySuccessMessage = displaySuccessMessage;\n if (this._displaySuccessMessage && this.buttonClicked) {\n this.displayCopiedTooltip()\n }\n }\n\n get displaySuccessMessage(): boolean {\n return this._displaySuccessMessage;\n }\n\n @Output()\n public clickEvent: EventEmitter<void> = new EventEmitter<void>()\n\n public actualToolTip: string\n public isCopiedTooltip: boolean = false\n private _displaySuccessMessage: boolean = false\n public buttonClicked: boolean = false;\n\n ngOnInit(): void {\n this.actualToolTip = this.toolTipCopyLabel\n }\n\n public callStopImmediatePropagation($event: Event): void {\n if (this.actualToolTip === this.toolTipCopiedLabel) {\n $event.stopImmediatePropagation()\n }\n }\n\n getTooltipClass(): string {\n return this.isCopiedTooltip ? 'copied-tooltip' : '';\n }\n\n public sendEventClick(): void {\n this.buttonClicked = true;\n this.clickEvent.emit();\n if (this.displaySuccessMessage) {\n this.displayCopiedTooltip()\n this.buttonClicked = false;\n }\n }\n\n public displayCopiedTooltip(): void {\n this.tooltip.hide();\n this.actualToolTip = this.toolTipCopiedLabel\n this.isCopiedTooltip = true;\n setTimeout(() => {\n this.tooltip.show();\n })\n\n setTimeout(() => {\n this.tooltip.hide();\n }, this.tooltipDelay)\n\n setTimeout(() => {\n this.isCopiedTooltip = false;\n this.actualToolTip = this.toolTipCopyLabel\n }, this.tooltipDelay + 100);\n }\n\n}\n","<button class=\"copy-to-clipboard-button\"\n [style.background-color]=\"backgroundColor\"\n [style.color]=\"textColor\"\n [style.width]=\"width\"\n [style.height]=\"height\"\n [style.padding]=\"padding\"\n [cdkCopyToClipboard]=\"textToCopy\"\n #tooltip=\"matTooltip\"\n (mouseleave)=\"callStopImmediatePropagation($event)\"\n [matTooltip]=\"actualToolTip\"\n [matTooltipClass]=\"getTooltipClass()\"\n (click)=\"sendEventClick()\"\n [matTooltipPosition]=\"toolTipPosition\">\n <i class=\"copy-icon far fa-copy\"></i>\n <span class=\"copy-content\">{{label}}</span>\n</button>\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'app-button-dropdown',\n templateUrl: './dropdown-button.component.html',\n styleUrls: ['./dropdown-button.component.scss']\n})\nexport class ButtonDropdownComponent {\n\n @Input() dropdownItems: Array<{ label: string, action: () => void }> = [];\n @Input() public selected = false\n @Output() itemClick = new EventEmitter<string>();\n\n isDropdownOpen: boolean = false;\n\n toggleDropdown(): void {\n this.isDropdownOpen = !this.isDropdownOpen;\n }\n\n onItemClick(action: () => void): void {\n action()\n this.isDropdownOpen = false;\n }\n\n}\n","<div class=\"dropdown\">\n <div class=\"split-button\">\n <button class=\"dropdown-toggle\" (click)=\"toggleDropdown()\">\n <span class=\"arrow-icon\">&#9660;</span>\n </button>\n </div>\n <div class=\"dropdown-content\" *ngIf=\"isDropdownOpen\">\n <button *ngFor=\"let item of dropdownItems\" (click)=\"onItemClick(item.action)\">\n {{ item.label | translate }}\n </button>\n </div>\n</div>\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\nimport { MatIconModule } from '@angular/material/icon'\nimport { MatTooltipModule } from '@angular/material/tooltip'\nimport { DefaultButtonComponent } from './default-button/default-button.component'\nimport { PrimaryButtonComponent } from './primary-button/primary-button.component'\nimport { SecondaryButtonComponent } from './secondary-button/secondary-button.component'\nimport { OutlineButtonComponent } from './outline-button/outline-button.component'\nimport { TertiaryButtonComponent } from './tertiary-button/tertiary-button.component'\nimport { TabButtonComponent } from './tab-button/tab-button.component'\nimport { MatButtonModule } from '@angular/material/button';\nimport { CopyToClipboardComponent } from './copy-to-clipboard/copy-to-clipboard.component'\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { ButtonDropdownComponent } from './dropdown-button/dropdown-button.component';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n imports: [\n CommonModule,\n MatIconModule,\n MatMenuModule,\n MatTooltipModule,\n ClipboardModule,\n MatButtonModule,\n TranslateModule\n ],\n declarations: [\n DefaultButtonComponent,\n PrimaryButtonComponent,\n SecondaryButtonComponent,\n OutlineButtonComponent,\n TertiaryButtonComponent,\n TabButtonComponent,\n CopyToClipboardComponent,\n ButtonDropdownComponent\n ],\n exports: [\n DefaultButtonComponent,\n PrimaryButtonComponent,\n SecondaryButtonComponent,\n OutlineButtonComponent,\n TertiaryButtonComponent,\n TabButtonComponent,\n CopyToClipboardComponent,\n ButtonDropdownComponent\n ],\n providers: []\n})\nexport class ButtonsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.DefaultButtonComponent","i1","i2"],"mappings":"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"}
1
+ {"version":3,"file":"apipass-buttons.mjs","sources":["../../../projects/buttons/src/default-button/default-button.component.ts","../../../projects/buttons/src/default-button/default-button.component.html","../../../projects/buttons/src/primary-button/primary-button.component.ts","../../../projects/buttons/src/primary-button/primary-button.component.html","../../../projects/buttons/src/secondary-button/secondary-button.component.ts","../../../projects/buttons/src/secondary-button/secondary-button.component.html","../../../projects/buttons/src/outline-button/outline-button.component.ts","../../../projects/buttons/src/outline-button/outline-button.component.html","../../../projects/buttons/src/tertiary-button/tertiary-button.component.ts","../../../projects/buttons/src/tertiary-button/tertiary-button.component.html","../../../projects/buttons/src/tab-button/tab-button.component.ts","../../../projects/buttons/src/tab-button/tab-button.component.html","../../../projects/buttons/src/copy-to-clipboard/copy-to-clipboard.component.ts","../../../projects/buttons/src/copy-to-clipboard/copy-to-clipboard.component.html","../../../projects/buttons/src/dropdown-button/dropdown-button.component.ts","../../../projects/buttons/src/dropdown-button/dropdown-button.component.html","../../../projects/buttons/src/buttons.module.ts","../../../projects/buttons/src/apipass-buttons.ts"],"sourcesContent":["import { Component, EventEmitter, Input, Output } from '@angular/core'\n\n@Component({\n selector: 'default-button',\n templateUrl: 'default-button.component.html',\n styleUrls: ['default-button.component.scss']\n})\nexport class DefaultButtonComponent {\n\n @Input() public btnText = ''\n @Input() public btnIcon = ''\n @Input() public suffixIcon = ''\n @Input() public btnClass = ''\n @Input() public btnDisabled = false\n @Input() public selected = false\n @Input() public size: 'large' | 'slim' | 'small' = 'large'\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n if (!this.btnDisabled) {\n this.onClick.emit(true)\n }\n }\n\n public getClass (): any {\n const classValues: any = {}\n classValues[this.btnClass] = true\n if (this.selected) {\n classValues.selected = true\n }\n if (this.size === 'slim') {\n classValues['apipass-btn-slim'] = true\n }\n if (this.size === 'small') {\n classValues['apipass-btn-small'] = true\n }\n return classValues\n }\n\n public isFontAwesome(icon?: string): boolean {\n if (!icon) { return false }\n return /(fa[srbld]?|fa-(solid|regular|light|thin|duotone|brands))\\s|^fa[srbld]?\\s|^fa-(solid|regular|light|thin|duotone|brands)\\s/.test(icon)\n }\n\n}\n","<button class=\"apipass-btn-default\" [ngClass]=\"getClass()\" *ngIf=\"btnIcon || suffixIcon\" mat-icon-button (click)=\"click()\" [disabled]=\"btnDisabled\">\n <ng-container *ngIf=\"btnIcon\">\n <i *ngIf=\"isFontAwesome(btnIcon)\" [ngClass]=\"{'apipass-btn-icon-text' : btnText}\" class=\"{{btnIcon}}\"></i>\n <mat-icon *ngIf=\"!isFontAwesome(btnIcon)\" [ngClass]=\"{'apipass-btn-icon-text' : btnText}\">{{btnIcon}}</mat-icon>\n </ng-container>\n <span class=\"button-text\" *ngIf=\"btnText\">{{this.btnText}}</span>\n <ng-container *ngIf=\"suffixIcon\">\n <i *ngIf=\"isFontAwesome(suffixIcon)\" [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\" class=\"{{suffixIcon}}\"></i>\n <mat-icon *ngIf=\"!isFontAwesome(suffixIcon)\" [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\">{{suffixIcon}}</mat-icon>\n </ng-container>\n</button>\n\n<button class=\"apipass-btn-default\" [ngClass]=\"getClass()\" *ngIf=\"!btnIcon && !suffixIcon\" (click)=\"click()\" [disabled]=\"btnDisabled\">\n <span class=\"button-text\" *ngIf=\"btnText\">{{this.btnText}}</span>\n</button>\n","import { Component, Input, EventEmitter, Output, ElementRef } from '@angular/core'\n\n@Component({\n selector: 'primary-button',\n templateUrl: 'primary-button.component.html',\n styleUrls: ['primary-button.component.scss']\n})\nexport class PrimaryButtonComponent {\n\n @Input() public label = ''\n @Input() public btnDisabled = false\n @Input() public icon = ''\n @Input() public suffixIcon = ''\n @Input() public selected = false\n @Input() public btnClass = ''\n @Input() public size: 'large' | 'slim' | 'small' = 'large'\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n constructor (private readonly host: ElementRef<HTMLElement>) {}\n\n public get isDisabled (): boolean {\n return this.btnDisabled || this.host.nativeElement.getAttribute('aria-disabled') === 'true'\n }\n\n public click (): void {\n if (!this.isDisabled) {\n this.onClick.emit(true)\n }\n }\n\n}\n","<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\">\n</default-button>\n","import { Component, Input, EventEmitter, Output, ElementRef } from '@angular/core'\n\n@Component({\n selector: 'secondary-button',\n templateUrl: 'secondary-button.component.html',\n styleUrls: ['secondary-button.component.scss']\n})\nexport class SecondaryButtonComponent {\n\n @Input() public label = ''\n @Input() public btnDisabled = false\n @Input() public icon = ''\n @Input() public suffixIcon = ''\n @Input() public selected = false\n @Input() public btnClass = ''\n @Input() public size: 'large' | 'slim' | 'small' = 'large'\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n constructor (private readonly host: ElementRef<HTMLElement>) {}\n\n // Disabled when set explicitly OR when an [apipassGate] on the host blocked\n // the action (the directive sets aria-disabled=\"true\" on this same element).\n public get isDisabled (): boolean {\n return this.btnDisabled || this.host.nativeElement.getAttribute('aria-disabled') === 'true'\n }\n\n public click (): void {\n if (!this.isDisabled) {\n this.onClick.emit(true)\n }\n }\n\n}\n","<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\">\n</default-button>\n","import { Component, Input, EventEmitter, Output } from '@angular/core'\n\n@Component({\n selector: 'outline-button',\n templateUrl: 'outline-button.component.html',\n styleUrls: ['outline-button.component.scss']\n})\nexport class OutlineButtonComponent {\n\n @Input() public label = ''\n @Input() public btnDisabled = false\n @Input() public icon = ''\n @Input() public suffixIcon = ''\n @Input() public selected = false\n @Input() public btnClass = ''\n @Input() public size: 'large' | 'slim' | 'small' = 'large'\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n if (!this.btnDisabled) {\n this.onClick.emit(true)\n }\n }\n\n}\n","<default-button btnClass=\"apipass-btn-outline {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled\n [size]=\"size\">\n</default-button>\n","import { Component, Input, EventEmitter, Output, ElementRef } from '@angular/core'\n\n@Component({\n selector: 'tertiary-button',\n templateUrl: 'tertiary-button.component.html',\n styleUrls: ['tertiary-button.component.scss']\n})\nexport class TertiaryButtonComponent {\n\n @Input() public label = ''\n @Input() public btnDisabled = false\n @Input() public icon = ''\n @Input() public suffixIcon = ''\n @Input() public selected = false\n @Input() public btnClass = ''\n @Input() public size: 'large' | 'slim' | 'small' = 'large'\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n constructor (private readonly host: ElementRef<HTMLElement>) {}\n\n public get isDisabled (): boolean {\n return this.btnDisabled || this.host.nativeElement.getAttribute('aria-disabled') === 'true'\n }\n\n public click (): void {\n if (!this.isDisabled) {\n this.onClick.emit(true)\n }\n }\n\n}\n","<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=\"isDisabled\"\n [size]=\"size\"\n></default-button>\n","import { Component, Input, EventEmitter, Output } from '@angular/core'\n\n@Component({\n selector: 'tab-button',\n templateUrl: 'tab-button.component.html',\n styleUrls: ['tab-button.component.scss']\n})\nexport class TabButtonComponent {\n\n @Input() public btnText = ''\n @Input() public btnIcon = ''\n @Input() public suffixIcon = ''\n @Input() public btnDisabled = false\n @Input() public btnClass = ''\n @Input() public selected = false\n\n @Output() public onClick = new EventEmitter<boolean>()\n\n public click (): void {\n if (!this.btnDisabled) {\n this.onClick.emit(true)\n }\n }\n\n getClass (): any {\n const classValues: any = {}\n classValues[this.btnClass] = true\n if (this.selected) {\n classValues['selected-tab'] = true\n }\n return classValues\n }\n\n}\n","<button class=\"apipass-tab-button\" [ngClass]=\"getClass()\" *ngIf=\"btnIcon || suffixIcon\" mat-icon-button (click)=\"click()\" [disabled]=\"btnDisabled\">\n <mat-icon [ngClass]=\"{'apipass-btn-icon-text' : btnText}\" *ngIf=\"btnIcon\">{{btnIcon}}</mat-icon>\n <span class=\"button-text\" *ngIf=\"btnText\">{{btnText}}</span>\n <mat-icon [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\" *ngIf=\"suffixIcon\">{{suffixIcon}}</mat-icon>\n</button>\n\n<button class=\"apipass-tab-button\" [ngClass]=\"getClass()\" *ngIf=\"!btnIcon && !suffixIcon\" (click)=\"click()\" [disabled]=\"btnDisabled\">\n <span class=\"button-text\" *ngIf=\"btnText\">{{btnText}}</span>\n</button>\n","import { Component, EventEmitter, Input, OnInit, Output, ViewChild } from '@angular/core';\nimport { MatTooltip } from '@angular/material/tooltip';\n\n@Component({\n selector: 'copy-to-clipboard',\n templateUrl: './copy-to-clipboard.component.html',\n styleUrls: ['./copy-to-clipboard.component.css']\n})\nexport class CopyToClipboardComponent implements OnInit {\n\n @ViewChild('tooltip') tooltip: MatTooltip\n\n @Input()\n public label: string\n\n @Input()\n public textToCopy: string\n\n @Input()\n public toolTipPosition: 'above' | 'below' | 'right' | 'left' | 'before' | 'after' = 'above'\n\n @Input()\n public toolTipCopyLabel: string = 'Copy'\n\n @Input()\n public toolTipCopiedLabel: string = 'Copied!'\n\n @Input()\n public width: string = 'auto'\n\n @Input()\n public height: string = 'auto'\n\n @Input()\n public padding: string = '5px'\n\n @Input()\n public backgroundColor: string = '#FFF'\n\n @Input()\n public textColor: string = '#000'\n\n @Input()\n public tooltipDelay: number = 1500;\n\n @Input()\n set displaySuccessMessage(displaySuccessMessage: boolean) {\n this._displaySuccessMessage = displaySuccessMessage;\n if (this._displaySuccessMessage && this.buttonClicked) {\n this.displayCopiedTooltip()\n }\n }\n\n get displaySuccessMessage(): boolean {\n return this._displaySuccessMessage;\n }\n\n @Output()\n public clickEvent: EventEmitter<void> = new EventEmitter<void>()\n\n public actualToolTip: string\n public isCopiedTooltip: boolean = false\n private _displaySuccessMessage: boolean = false\n public buttonClicked: boolean = false;\n\n ngOnInit(): void {\n this.actualToolTip = this.toolTipCopyLabel\n }\n\n public callStopImmediatePropagation($event: Event): void {\n if (this.actualToolTip === this.toolTipCopiedLabel) {\n $event.stopImmediatePropagation()\n }\n }\n\n getTooltipClass(): string {\n return this.isCopiedTooltip ? 'copied-tooltip' : '';\n }\n\n public sendEventClick(): void {\n this.buttonClicked = true;\n this.clickEvent.emit();\n if (this.displaySuccessMessage) {\n this.displayCopiedTooltip()\n this.buttonClicked = false;\n }\n }\n\n public displayCopiedTooltip(): void {\n this.tooltip.hide();\n this.actualToolTip = this.toolTipCopiedLabel\n this.isCopiedTooltip = true;\n setTimeout(() => {\n this.tooltip.show();\n })\n\n setTimeout(() => {\n this.tooltip.hide();\n }, this.tooltipDelay)\n\n setTimeout(() => {\n this.isCopiedTooltip = false;\n this.actualToolTip = this.toolTipCopyLabel\n }, this.tooltipDelay + 100);\n }\n\n}\n","<button class=\"copy-to-clipboard-button\"\n [style.background-color]=\"backgroundColor\"\n [style.color]=\"textColor\"\n [style.width]=\"width\"\n [style.height]=\"height\"\n [style.padding]=\"padding\"\n [cdkCopyToClipboard]=\"textToCopy\"\n #tooltip=\"matTooltip\"\n (mouseleave)=\"callStopImmediatePropagation($event)\"\n [matTooltip]=\"actualToolTip\"\n [matTooltipClass]=\"getTooltipClass()\"\n (click)=\"sendEventClick()\"\n [matTooltipPosition]=\"toolTipPosition\">\n <i class=\"copy-icon far fa-copy\"></i>\n <span class=\"copy-content\">{{label}}</span>\n</button>\n","import { Component, Input, Output, EventEmitter } from '@angular/core';\n\n@Component({\n selector: 'app-button-dropdown',\n templateUrl: './dropdown-button.component.html',\n styleUrls: ['./dropdown-button.component.scss']\n})\nexport class ButtonDropdownComponent {\n\n @Input() dropdownItems: Array<{ label: string, action: () => void }> = [];\n @Input() public selected = false\n @Output() itemClick = new EventEmitter<string>();\n\n isDropdownOpen: boolean = false;\n\n toggleDropdown(): void {\n this.isDropdownOpen = !this.isDropdownOpen;\n }\n\n onItemClick(action: () => void): void {\n action()\n this.isDropdownOpen = false;\n }\n\n}\n","<div class=\"dropdown\">\n <div class=\"split-button\">\n <button class=\"dropdown-toggle\" (click)=\"toggleDropdown()\">\n <span class=\"arrow-icon\">&#9660;</span>\n </button>\n </div>\n <div class=\"dropdown-content\" *ngIf=\"isDropdownOpen\">\n <button *ngFor=\"let item of dropdownItems\" (click)=\"onItemClick(item.action)\">\n {{ item.label | translate }}\n </button>\n </div>\n</div>\n","import { NgModule } from '@angular/core'\nimport { CommonModule } from '@angular/common'\nimport { MatIconModule } from '@angular/material/icon'\nimport { MatTooltipModule } from '@angular/material/tooltip'\nimport { DefaultButtonComponent } from './default-button/default-button.component'\nimport { PrimaryButtonComponent } from './primary-button/primary-button.component'\nimport { SecondaryButtonComponent } from './secondary-button/secondary-button.component'\nimport { OutlineButtonComponent } from './outline-button/outline-button.component'\nimport { TertiaryButtonComponent } from './tertiary-button/tertiary-button.component'\nimport { TabButtonComponent } from './tab-button/tab-button.component'\nimport { MatButtonModule } from '@angular/material/button';\nimport { CopyToClipboardComponent } from './copy-to-clipboard/copy-to-clipboard.component'\nimport { ClipboardModule } from '@angular/cdk/clipboard';\nimport { ButtonDropdownComponent } from './dropdown-button/dropdown-button.component';\nimport { MatMenuModule } from '@angular/material/menu';\nimport { TranslateModule } from '@ngx-translate/core';\n\n@NgModule({\n imports: [\n CommonModule,\n MatIconModule,\n MatMenuModule,\n MatTooltipModule,\n ClipboardModule,\n MatButtonModule,\n TranslateModule\n ],\n declarations: [\n DefaultButtonComponent,\n PrimaryButtonComponent,\n SecondaryButtonComponent,\n OutlineButtonComponent,\n TertiaryButtonComponent,\n TabButtonComponent,\n CopyToClipboardComponent,\n ButtonDropdownComponent\n ],\n exports: [\n DefaultButtonComponent,\n PrimaryButtonComponent,\n SecondaryButtonComponent,\n OutlineButtonComponent,\n TertiaryButtonComponent,\n TabButtonComponent,\n CopyToClipboardComponent,\n ButtonDropdownComponent\n ],\n providers: []\n})\nexport class ButtonsModule { }\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":["i1.DefaultButtonComponent","i1","i2"],"mappings":"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"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@apipass/buttons",
3
- "version": "1.0.193",
3
+ "version": "1.0.195",
4
4
  "peerDependencies": {
5
5
  "@angular/animations": "16.0.2",
6
6
  "@angular/cdk": "16.0.1",
package/primary-button/primary-button.component.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import { EventEmitter } from '@angular/core';
1
+ import { EventEmitter, ElementRef } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class PrimaryButtonComponent {
4
+ private readonly host;
4
5
  label: string;
5
6
  btnDisabled: boolean;
6
7
  icon: string;
@@ -9,6 +10,8 @@ export declare class PrimaryButtonComponent {
9
10
  btnClass: string;
10
11
  size: 'large' | 'slim' | 'small';
11
12
  onClick: EventEmitter<boolean>;
13
+ constructor(host: ElementRef<HTMLElement>);
14
+ get isDisabled(): boolean;
12
15
  click(): void;
13
16
  static ɵfac: i0.ɵɵFactoryDeclaration<PrimaryButtonComponent, never>;
14
17
  static ɵcmp: i0.ɵɵComponentDeclaration<PrimaryButtonComponent, "primary-button", never, { "label": { "alias": "label"; "required": false; }; "btnDisabled": { "alias": "btnDisabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
package/secondary-button/secondary-button.component.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import { EventEmitter } from '@angular/core';
1
+ import { EventEmitter, ElementRef } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class SecondaryButtonComponent {
4
+ private readonly host;
4
5
  label: string;
5
6
  btnDisabled: boolean;
6
7
  icon: string;
@@ -9,6 +10,8 @@ export declare class SecondaryButtonComponent {
9
10
  btnClass: string;
10
11
  size: 'large' | 'slim' | 'small';
11
12
  onClick: EventEmitter<boolean>;
13
+ constructor(host: ElementRef<HTMLElement>);
14
+ get isDisabled(): boolean;
12
15
  click(): void;
13
16
  static ɵfac: i0.ɵɵFactoryDeclaration<SecondaryButtonComponent, never>;
14
17
  static ɵcmp: i0.ɵɵComponentDeclaration<SecondaryButtonComponent, "secondary-button", never, { "label": { "alias": "label"; "required": false; }; "btnDisabled": { "alias": "btnDisabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
package/tertiary-button/tertiary-button.component.d.ts CHANGED
@@ -1,6 +1,7 @@
1
- import { EventEmitter } from '@angular/core';
1
+ import { EventEmitter, ElementRef } from '@angular/core';
2
2
  import * as i0 from "@angular/core";
3
3
  export declare class TertiaryButtonComponent {
4
+ private readonly host;
4
5
  label: string;
5
6
  btnDisabled: boolean;
6
7
  icon: string;
@@ -9,6 +10,8 @@ export declare class TertiaryButtonComponent {
9
10
  btnClass: string;
10
11
  size: 'large' | 'slim' | 'small';
11
12
  onClick: EventEmitter<boolean>;
13
+ constructor(host: ElementRef<HTMLElement>);
14
+ get isDisabled(): boolean;
12
15
  click(): void;
13
16
  static ɵfac: i0.ɵɵFactoryDeclaration<TertiaryButtonComponent, never>;
14
17
  static ɵcmp: i0.ɵɵComponentDeclaration<TertiaryButtonComponent, "tertiary-button", never, { "label": { "alias": "label"; "required": false; }; "btnDisabled": { "alias": "btnDisabled"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;