@apipass/buttons 1.0.58 → 1.0.60
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/css/buttons.scss +4 -0
- package/default-button/default-button.component.d.ts +2 -1
- package/esm2022/default-button/default-button.component.mjs +9 -3
- package/esm2022/outline-button/outline-button.component.mjs +6 -3
- package/esm2022/primary-button/primary-button.component.mjs +6 -3
- package/esm2022/secondary-button/secondary-button.component.mjs +6 -3
- package/esm2022/tab-button/tab-button.component.mjs +2 -2
- package/esm2022/tertiary-button/tertiary-button.component.mjs +6 -3
- package/fesm2022/apipass-buttons.mjs +30 -12
- package/fesm2022/apipass-buttons.mjs.map +1 -1
- package/outline-button/outline-button.component.d.ts +2 -1
- package/package.json +1 -1
- package/primary-button/primary-button.component.d.ts +2 -1
- package/secondary-button/secondary-button.component.d.ts +2 -1
- package/tertiary-button/tertiary-button.component.d.ts +2 -1
|
@@ -15,6 +15,7 @@ class DefaultButtonComponent {
|
|
|
15
15
|
btnClass = '';
|
|
16
16
|
btnDisabled = false;
|
|
17
17
|
selected = false;
|
|
18
|
+
size = 'large';
|
|
18
19
|
onClick = new EventEmitter();
|
|
19
20
|
click() {
|
|
20
21
|
if (!this.btnDisabled) {
|
|
@@ -27,14 +28,17 @@ class DefaultButtonComponent {
|
|
|
27
28
|
if (this.selected) {
|
|
28
29
|
classValues.selected = true;
|
|
29
30
|
}
|
|
31
|
+
if (this.size === 'slim') {
|
|
32
|
+
classValues['apipass-btn-slim'] = true;
|
|
33
|
+
}
|
|
30
34
|
return classValues;
|
|
31
35
|
}
|
|
32
36
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: DefaultButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
33
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: DefaultButtonComponent, selector: "default-button", inputs: { btnText: "btnText", btnIcon: "btnIcon", suffixIcon: "suffixIcon", btnClass: "btnClass", btnDisabled: "btnDisabled", selected: "selected" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button class=\"apipass-btn-default\" [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\">{{this.btnText}}</span>\n <mat-icon [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\" *ngIf=\"suffixIcon\">{{suffixIcon}}</mat-icon>\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", 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-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: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
37
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: DefaultButtonComponent, selector: "default-button", inputs: { btnText: "btnText", btnIcon: "btnIcon", suffixIcon: "suffixIcon", btnClass: "btnClass", btnDisabled: "btnDisabled", selected: "selected", size: "size" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<button class=\"apipass-btn-default\" [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\">{{this.btnText}}</span>\n <mat-icon [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\" *ngIf=\"suffixIcon\">{{suffixIcon}}</mat-icon>\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", 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-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: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
34
38
|
}
|
|
35
39
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: DefaultButtonComponent, decorators: [{
|
|
36
40
|
type: Component,
|
|
37
|
-
args: [{ selector: 'default-button', template: "<button class=\"apipass-btn-default\" [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\">{{this.btnText}}</span>\n <mat-icon [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\" *ngIf=\"suffixIcon\">{{suffixIcon}}</mat-icon>\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", 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-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"] }]
|
|
41
|
+
args: [{ selector: 'default-button', template: "<button class=\"apipass-btn-default\" [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\">{{this.btnText}}</span>\n <mat-icon [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\" *ngIf=\"suffixIcon\">{{suffixIcon}}</mat-icon>\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", 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-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"] }]
|
|
38
42
|
}], propDecorators: { btnText: [{
|
|
39
43
|
type: Input
|
|
40
44
|
}], btnIcon: [{
|
|
@@ -47,6 +51,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
|
|
|
47
51
|
type: Input
|
|
48
52
|
}], selected: [{
|
|
49
53
|
type: Input
|
|
54
|
+
}], size: [{
|
|
55
|
+
type: Input
|
|
50
56
|
}], onClick: [{
|
|
51
57
|
type: Output
|
|
52
58
|
}] } });
|
|
@@ -58,6 +64,7 @@ class PrimaryButtonComponent {
|
|
|
58
64
|
suffixIcon = '';
|
|
59
65
|
selected = false;
|
|
60
66
|
btnClass = '';
|
|
67
|
+
size = 'large';
|
|
61
68
|
onClick = new EventEmitter();
|
|
62
69
|
click() {
|
|
63
70
|
if (!this.btnDisabled) {
|
|
@@ -65,11 +72,11 @@ class PrimaryButtonComponent {
|
|
|
65
72
|
}
|
|
66
73
|
}
|
|
67
74
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PrimaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
68
|
-
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" }, 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
|
|
75
|
+
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-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"] }] });
|
|
69
76
|
}
|
|
70
77
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PrimaryButtonComponent, decorators: [{
|
|
71
78
|
type: Component,
|
|
72
|
-
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
|
|
79
|
+
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-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"] }]
|
|
73
80
|
}], propDecorators: { label: [{
|
|
74
81
|
type: Input
|
|
75
82
|
}], btnDisabled: [{
|
|
@@ -82,6 +89,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
|
|
|
82
89
|
type: Input
|
|
83
90
|
}], btnClass: [{
|
|
84
91
|
type: Input
|
|
92
|
+
}], size: [{
|
|
93
|
+
type: Input
|
|
85
94
|
}], onClick: [{
|
|
86
95
|
type: Output
|
|
87
96
|
}] } });
|
|
@@ -93,6 +102,7 @@ class SecondaryButtonComponent {
|
|
|
93
102
|
suffixIcon = '';
|
|
94
103
|
selected = false;
|
|
95
104
|
btnClass = '';
|
|
105
|
+
size = 'large';
|
|
96
106
|
onClick = new EventEmitter();
|
|
97
107
|
click() {
|
|
98
108
|
if (!this.btnDisabled) {
|
|
@@ -100,11 +110,11 @@ class SecondaryButtonComponent {
|
|
|
100
110
|
}
|
|
101
111
|
}
|
|
102
112
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: SecondaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
103
|
-
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" }, 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
|
|
113
|
+
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-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"] }] });
|
|
104
114
|
}
|
|
105
115
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: SecondaryButtonComponent, decorators: [{
|
|
106
116
|
type: Component,
|
|
107
|
-
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
|
|
117
|
+
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-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"] }]
|
|
108
118
|
}], propDecorators: { label: [{
|
|
109
119
|
type: Input
|
|
110
120
|
}], btnDisabled: [{
|
|
@@ -117,6 +127,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
|
|
|
117
127
|
type: Input
|
|
118
128
|
}], btnClass: [{
|
|
119
129
|
type: Input
|
|
130
|
+
}], size: [{
|
|
131
|
+
type: Input
|
|
120
132
|
}], onClick: [{
|
|
121
133
|
type: Output
|
|
122
134
|
}] } });
|
|
@@ -128,6 +140,7 @@ class OutlineButtonComponent {
|
|
|
128
140
|
suffixIcon = '';
|
|
129
141
|
selected = false;
|
|
130
142
|
btnClass = '';
|
|
143
|
+
size = 'large';
|
|
131
144
|
onClick = new EventEmitter();
|
|
132
145
|
click() {
|
|
133
146
|
if (!this.btnDisabled) {
|
|
@@ -135,11 +148,11 @@ class OutlineButtonComponent {
|
|
|
135
148
|
}
|
|
136
149
|
}
|
|
137
150
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: OutlineButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
138
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: OutlineButtonComponent, selector: "outline-button", inputs: { label: "label", btnDisabled: "btnDisabled", icon: "icon", suffixIcon: "suffixIcon", selected: "selected", btnClass: "btnClass" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<default-button btnClass=\"apipass-btn-outline {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled
|
|
151
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: OutlineButtonComponent, selector: "outline-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-outline {{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-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"] }] });
|
|
139
152
|
}
|
|
140
153
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: OutlineButtonComponent, decorators: [{
|
|
141
154
|
type: Component,
|
|
142
|
-
args: [{ selector: 'outline-button', template: "<default-button btnClass=\"apipass-btn-outline {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [suffixIcon]=\"suffixIcon\" [btnText]=\"label\"\n (click)=\"click()\" [btnDisabled]=btnDisabled
|
|
155
|
+
args: [{ selector: 'outline-button', template: "<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", 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-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"] }]
|
|
143
156
|
}], propDecorators: { label: [{
|
|
144
157
|
type: Input
|
|
145
158
|
}], btnDisabled: [{
|
|
@@ -152,6 +165,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
|
|
|
152
165
|
type: Input
|
|
153
166
|
}], btnClass: [{
|
|
154
167
|
type: Input
|
|
168
|
+
}], size: [{
|
|
169
|
+
type: Input
|
|
155
170
|
}], onClick: [{
|
|
156
171
|
type: Output
|
|
157
172
|
}] } });
|
|
@@ -163,6 +178,7 @@ class TertiaryButtonComponent {
|
|
|
163
178
|
suffixIcon = '';
|
|
164
179
|
selected = false;
|
|
165
180
|
btnClass = '';
|
|
181
|
+
size = 'large';
|
|
166
182
|
onClick = new EventEmitter();
|
|
167
183
|
click() {
|
|
168
184
|
if (!this.btnDisabled) {
|
|
@@ -170,11 +186,11 @@ class TertiaryButtonComponent {
|
|
|
170
186
|
}
|
|
171
187
|
}
|
|
172
188
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TertiaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
173
|
-
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" }, 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></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-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"], outputs: ["onClick"] }] });
|
|
189
|
+
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-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"] }] });
|
|
174
190
|
}
|
|
175
191
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TertiaryButtonComponent, decorators: [{
|
|
176
192
|
type: Component,
|
|
177
|
-
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></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-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"] }]
|
|
193
|
+
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-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"] }]
|
|
178
194
|
}], propDecorators: { label: [{
|
|
179
195
|
type: Input
|
|
180
196
|
}], btnDisabled: [{
|
|
@@ -187,6 +203,8 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
|
|
|
187
203
|
type: Input
|
|
188
204
|
}], btnClass: [{
|
|
189
205
|
type: Input
|
|
206
|
+
}], size: [{
|
|
207
|
+
type: Input
|
|
190
208
|
}], onClick: [{
|
|
191
209
|
type: Output
|
|
192
210
|
}] } });
|
|
@@ -213,11 +231,11 @@ class TabButtonComponent {
|
|
|
213
231
|
return classValues;
|
|
214
232
|
}
|
|
215
233
|
static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TabButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
|
|
216
|
-
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: TabButtonComponent, selector: "tab-button", inputs: { btnText: "btnText", btnIcon: "btnIcon", suffixIcon: "suffixIcon", btnDisabled: "btnDisabled", btnClass: "btnClass", selected: "selected" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<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", 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-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}.apipass-tab-button{background:#FFF;font-weight:700;color:var(--color-fonts-tertiary);border-top:1px solid var(--color-tertiary);border-left:1px solid var(--color-tertiary);border-right:1px solid var(--color-tertiary);border-bottom:1px solid var(--color_components_light);opacity:.6}.apipass-tab-button.selected-tab{background:var(--color_components_light);font-weight:700;color:var(--color-primary);border:1px solid var(--color_components_light);cursor:default;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
234
|
+
static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "16.0.2", type: TabButtonComponent, selector: "tab-button", inputs: { btnText: "btnText", btnIcon: "btnIcon", suffixIcon: "suffixIcon", btnDisabled: "btnDisabled", btnClass: "btnClass", selected: "selected" }, outputs: { onClick: "onClick" }, ngImport: i0, template: "<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", 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-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}.apipass-tab-button{background:#FFF;font-weight:700;color:var(--color-fonts-tertiary);border-top:1px solid var(--color-tertiary);border-left:1px solid var(--color-tertiary);border-right:1px solid var(--color-tertiary);border-bottom:1px solid var(--color_components_light);opacity:.6}.apipass-tab-button.selected-tab{background:var(--color_components_light);font-weight:700;color:var(--color-primary);border:1px solid var(--color_components_light);cursor:default;opacity:1}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }, { kind: "component", type: i2.MatIcon, selector: "mat-icon", inputs: ["color", "inline", "svgIcon", "fontSet", "fontIcon"], exportAs: ["matIcon"] }, { kind: "component", type: i3.MatIconButton, selector: "button[mat-icon-button]", inputs: ["disabled", "disableRipple", "color"], exportAs: ["matButton"] }] });
|
|
217
235
|
}
|
|
218
236
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TabButtonComponent, decorators: [{
|
|
219
237
|
type: Component,
|
|
220
|
-
args: [{ selector: 'tab-button', template: "<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", 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-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}.apipass-tab-button{background:#FFF;font-weight:700;color:var(--color-fonts-tertiary);border-top:1px solid var(--color-tertiary);border-left:1px solid var(--color-tertiary);border-right:1px solid var(--color-tertiary);border-bottom:1px solid var(--color_components_light);opacity:.6}.apipass-tab-button.selected-tab{background:var(--color_components_light);font-weight:700;color:var(--color-primary);border:1px solid var(--color_components_light);cursor:default;opacity:1}\n"] }]
|
|
238
|
+
args: [{ selector: 'tab-button', template: "<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", 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-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}.apipass-tab-button{background:#FFF;font-weight:700;color:var(--color-fonts-tertiary);border-top:1px solid var(--color-tertiary);border-left:1px solid var(--color-tertiary);border-right:1px solid var(--color-tertiary);border-bottom:1px solid var(--color_components_light);opacity:.6}.apipass-tab-button.selected-tab{background:var(--color_components_light);font-weight:700;color:var(--color-primary);border:1px solid var(--color_components_light);cursor:default;opacity:1}\n"] }]
|
|
221
239
|
}], propDecorators: { btnText: [{
|
|
222
240
|
type: Input
|
|
223
241
|
}], btnIcon: [{
|
|
@@ -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/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\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 return classValues\n }\n\n}\n","<button class=\"apipass-btn-default\" [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\">{{this.btnText}}</span>\n <mat-icon [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\" *ngIf=\"suffixIcon\">{{suffixIcon}}</mat-icon>\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\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></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\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></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\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></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\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></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 { 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'\n\n@NgModule({\n imports: [\n CommonModule,\n MatIconModule,\n MatTooltipModule,\n MatButtonModule\n ],\n declarations: [\n DefaultButtonComponent,\n PrimaryButtonComponent,\n SecondaryButtonComponent,\n OutlineButtonComponent,\n TertiaryButtonComponent,\n TabButtonComponent\n ],\n exports: [\n DefaultButtonComponent,\n PrimaryButtonComponent,\n SecondaryButtonComponent,\n OutlineButtonComponent,\n TertiaryButtonComponent,\n TabButtonComponent\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"],"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/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' = '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 return classValues\n }\n\n}\n","<button class=\"apipass-btn-default\" [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\">{{this.btnText}}</span>\n <mat-icon [ngClass]=\"{'apipass-btn-icon-text-suffix' : btnText}\" *ngIf=\"suffixIcon\">{{suffixIcon}}</mat-icon>\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' = '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' = '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' = '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' = '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 { 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'\n\n@NgModule({\n imports: [\n CommonModule,\n MatIconModule,\n MatTooltipModule,\n MatButtonModule\n ],\n declarations: [\n DefaultButtonComponent,\n PrimaryButtonComponent,\n SecondaryButtonComponent,\n OutlineButtonComponent,\n TertiaryButtonComponent,\n TabButtonComponent\n ],\n exports: [\n DefaultButtonComponent,\n PrimaryButtonComponent,\n SecondaryButtonComponent,\n OutlineButtonComponent,\n TertiaryButtonComponent,\n TabButtonComponent\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"],"mappings":"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"}
|
|
@@ -7,8 +7,9 @@ export declare class OutlineButtonComponent {
|
|
|
7
7
|
suffixIcon: string;
|
|
8
8
|
selected: boolean;
|
|
9
9
|
btnClass: string;
|
|
10
|
+
size: 'large' | 'slim';
|
|
10
11
|
onClick: EventEmitter<boolean>;
|
|
11
12
|
click(): void;
|
|
12
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<OutlineButtonComponent, never>;
|
|
13
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<OutlineButtonComponent, "outline-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; }; }, { "onClick": "onClick"; }, never, never, false, never>;
|
|
14
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<OutlineButtonComponent, "outline-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>;
|
|
14
15
|
}
|
package/package.json
CHANGED
|
@@ -7,8 +7,9 @@ export declare class PrimaryButtonComponent {
|
|
|
7
7
|
suffixIcon: string;
|
|
8
8
|
selected: boolean;
|
|
9
9
|
btnClass: string;
|
|
10
|
+
size: 'large' | 'slim';
|
|
10
11
|
onClick: EventEmitter<boolean>;
|
|
11
12
|
click(): void;
|
|
12
13
|
static ɵfac: i0.ɵɵFactoryDeclaration<PrimaryButtonComponent, never>;
|
|
13
|
-
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; }; }, { "onClick": "onClick"; }, never, never, false, never>;
|
|
14
|
+
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>;
|
|
14
15
|
}
|