@apipass/buttons 1.0.59 → 1.0.60

package/assets/css/buttons.scss

@@ -115,6 +115,10 @@
     justify-content: center;
     align-items: center;
   }
+
+  &.apipass-btn-slim {
+    height: 30px !important;
+  }
 }
 
 .apipass-btn-primary {

package/default-button/default-button.component.d.ts

@@ -7,9 +7,10 @@ export declare class DefaultButtonComponent {
     btnClass: string;
     btnDisabled: boolean;
     selected: boolean;
+    size: 'large' | 'slim';
     onClick: EventEmitter<boolean>;
     click(): void;
     getClass(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultButtonComponent, "default-button", never, { "btnText": { "alias": "btnText"; "required": false; }; "btnIcon": { "alias": "btnIcon"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "btnDisabled": { "alias": "btnDisabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultButtonComponent, "default-button", never, { "btnText": { "alias": "btnText"; "required": false; }; "btnIcon": { "alias": "btnIcon"; "required": false; }; "suffixIcon": { "alias": "suffixIcon"; "required": false; }; "btnClass": { "alias": "btnClass"; "required": false; }; "btnDisabled": { "alias": "btnDisabled"; "required": false; }; "selected": { "alias": "selected"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, { "onClick": "onClick"; }, never, never, false, never>;
 }

package/esm2022/default-button/default-button.component.mjs

@@ -10,6 +10,7 @@ class DefaultButtonComponent {
     btnClass = '';
     btnDisabled = false;
     selected = false;
+    size = 'large';
     onClick = new EventEmitter();
     click() {
         if (!this.btnDisabled) {
@@ -22,15 +23,18 @@ class DefaultButtonComponent {
         if (this.selected) {
             classValues.selected = true;
         }
+        if (this.size === 'slim') {
+            classValues['apipass-btn-slim'] = true;
+        }
         return classValues;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: DefaultButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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"] }] });
+    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"] }] });
 }
 export { DefaultButtonComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: DefaultButtonComponent, decorators: [{
             type: Component,
-            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"] }]
+            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"] }]
         }], propDecorators: { btnText: [{
                 type: Input
             }], btnIcon: [{
@@ -43,7 +47,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
                 type: Input
             }], selected: [{
                 type: Input
+            }], size: [{
+                type: Input
             }], onClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvZGVmYXVsdC1idXR0b24vZGVmYXVsdC1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvZGVmYXVsdC1idXR0b24vZGVmYXVsdC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTs7Ozs7QUFFdEUsTUFLYSxzQkFBc0I7SUFFakIsT0FBTyxHQUFHLEVBQUUsQ0FBQTtJQUNaLE9BQU8sR0FBRyxFQUFFLENBQUE7SUFDWixVQUFVLEdBQUcsRUFBRSxDQUFBO0lBQ2YsUUFBUSxHQUFHLEVBQUUsQ0FBQTtJQUNiLFdBQVcsR0FBRyxLQUFLLENBQUE7SUFDbkIsUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUVmLE9BQU8sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFBO0lBRS9DLEtBQUs7UUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtTQUN4QjtJQUNILENBQUM7SUFFTSxRQUFRO1FBQ2IsTUFBTSxXQUFXLEdBQVEsRUFBRSxDQUFBO1FBQzNCLFdBQVcsQ0FBQyxJQUFJLENBQUMsUUFBUSxDQUFDLEdBQUcsSUFBSSxDQUFBO1FBQ2pDLElBQUksSUFBSSxDQUFDLFFBQVEsRUFBRTtZQUNqQixXQUFXLENBQUMsUUFBUSxHQUFHLElBQUksQ0FBQTtTQUM1QjtRQUNELE9BQU8sV0FBVyxDQUFBO0lBQ3BCLENBQUM7dUdBeEJVLHNCQUFzQjsyRkFBdEIsc0JBQXNCLDZPQ1BuQywyckJBU0E7O1NERmEsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQU1WLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUVXLE9BQU87c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIEV2ZW50RW1pdHRlciwgSW5wdXQsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ2RlZmF1bHQtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICdkZWZhdWx0LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydkZWZhdWx0LWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIERlZmF1bHRCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5UZXh0ID0gJydcbiAgQElucHV0KCkgcHVibGljIGJ0bkljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc3VmZml4SWNvbiA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5DbGFzcyA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBzZWxlY3RlZCA9IGZhbHNlXG5cbiAgQE91dHB1dCgpIHB1YmxpYyBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgcHVibGljIGNsaWNrICgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYnRuRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMub25DbGljay5lbWl0KHRydWUpXG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldENsYXNzICgpOiBhbnkge1xuICAgIGNvbnN0IGNsYXNzVmFsdWVzOiBhbnkgPSB7fVxuICAgIGNsYXNzVmFsdWVzW3RoaXMuYnRuQ2xhc3NdID0gdHJ1ZVxuICAgIGlmICh0aGlzLnNlbGVjdGVkKSB7XG4gICAgICBjbGFzc1ZhbHVlcy5zZWxlY3RlZCA9IHRydWVcbiAgICB9XG4gICAgcmV0dXJuIGNsYXNzVmFsdWVzXG4gIH1cblxufVxuIiwiPGJ1dHRvbiBjbGFzcz1cImFwaXBhc3MtYnRuLWRlZmF1bHRcIiBbbmdDbGFzc109XCJnZXRDbGFzcygpXCIgKm5nSWY9XCJidG5JY29uIHx8IHN1ZmZpeEljb25cIiBtYXQtaWNvbi1idXR0b24gKGNsaWNrKT1cImNsaWNrKClcIiBbZGlzYWJsZWRdPVwiYnRuRGlzYWJsZWRcIj5cbiAgPG1hdC1pY29uIFtuZ0NsYXNzXT1cInsnYXBpcGFzcy1idG4taWNvbi10ZXh0JyA6IGJ0blRleHR9XCIgKm5nSWY9XCJidG5JY29uXCI+e3tidG5JY29ufX08L21hdC1pY29uPlxuICA8c3BhbiBjbGFzcz1cImJ1dHRvbi10ZXh0XCIgKm5nSWY9XCJidG5UZXh0XCI+e3t0aGlzLmJ0blRleHR9fTwvc3Bhbj5cbiAgPG1hdC1pY29uIFtuZ0NsYXNzXT1cInsnYXBpcGFzcy1idG4taWNvbi10ZXh0LXN1ZmZpeCcgOiBidG5UZXh0fVwiICpuZ0lmPVwic3VmZml4SWNvblwiPnt7c3VmZml4SWNvbn19PC9tYXQtaWNvbj5cbjwvYnV0dG9uPlxuXG48YnV0dG9uIGNsYXNzPVwiYXBpcGFzcy1idG4tZGVmYXVsdFwiIFtuZ0NsYXNzXT1cImdldENsYXNzKClcIiAqbmdJZj1cIiFidG5JY29uICYmICFzdWZmaXhJY29uXCIgKGNsaWNrKT1cImNsaWNrKClcIiBbZGlzYWJsZWRdPVwiYnRuRGlzYWJsZWRcIj5cbiAgPHNwYW4gY2xhc3M9XCJidXR0b24tdGV4dFwiICpuZ0lmPVwiYnRuVGV4dFwiPnt7dGhpcy5idG5UZXh0fX08L3NwYW4+XG48L2J1dHRvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiZGVmYXVsdC1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvZGVmYXVsdC1idXR0b24vZGVmYXVsdC1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvZGVmYXVsdC1idXR0b24vZGVmYXVsdC1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxZQUFZLEVBQUUsS0FBSyxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTs7Ozs7QUFFdEUsTUFLYSxzQkFBc0I7SUFFakIsT0FBTyxHQUFHLEVBQUUsQ0FBQTtJQUNaLE9BQU8sR0FBRyxFQUFFLENBQUE7SUFDWixVQUFVLEdBQUcsRUFBRSxDQUFBO0lBQ2YsUUFBUSxHQUFHLEVBQUUsQ0FBQTtJQUNiLFdBQVcsR0FBRyxLQUFLLENBQUE7SUFDbkIsUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUNoQixJQUFJLEdBQXFCLE9BQU8sQ0FBQTtJQUUvQixPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtJQUUvQyxLQUFLO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDckIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7U0FDeEI7SUFDSCxDQUFDO0lBRU0sUUFBUTtRQUNiLE1BQU0sV0FBVyxHQUFRLEVBQUUsQ0FBQTtRQUMzQixXQUFXLENBQUMsSUFBSSxDQUFDLFFBQVEsQ0FBQyxHQUFHLElBQUksQ0FBQTtRQUNqQyxJQUFJLElBQUksQ0FBQyxRQUFRLEVBQUU7WUFDakIsV0FBVyxDQUFDLFFBQVEsR0FBRyxJQUFJLENBQUE7U0FDNUI7UUFDRCxJQUFJLElBQUksQ0FBQyxJQUFJLEtBQUssTUFBTSxFQUFFO1lBQ3hCLFdBQVcsQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLElBQUksQ0FBQTtTQUN2QztRQUNELE9BQU8sV0FBVyxDQUFBO0lBQ3BCLENBQUM7dUdBNUJVLHNCQUFzQjsyRkFBdEIsc0JBQXNCLDJQQ1BuQywyckJBU0E7O1NERmEsc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQU1WLE9BQU87c0JBQXRCLEtBQUs7Z0JBQ1UsT0FBTztzQkFBdEIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgRXZlbnRFbWl0dGVyLCBJbnB1dCwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAnZGVmYXVsdC1idXR0b24nLFxuICB0ZW1wbGF0ZVVybDogJ2RlZmF1bHQtYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ2RlZmF1bHQtYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgRGVmYXVsdEJ1dHRvbkNvbXBvbmVudCB7XG5cbiAgQElucHV0KCkgcHVibGljIGJ0blRleHQgPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgYnRuSWNvbiA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBzdWZmaXhJY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIGJ0bkNsYXNzID0gJydcbiAgQElucHV0KCkgcHVibGljIGJ0bkRpc2FibGVkID0gZmFsc2VcbiAgQElucHV0KCkgcHVibGljIHNlbGVjdGVkID0gZmFsc2VcbiAgQElucHV0KCkgcHVibGljIHNpemU6ICdsYXJnZScgfCAnc2xpbScgPSAnbGFyZ2UnXG5cbiAgQE91dHB1dCgpIHB1YmxpYyBvbkNsaWNrID0gbmV3IEV2ZW50RW1pdHRlcjxib29sZWFuPigpXG5cbiAgcHVibGljIGNsaWNrICgpOiB2b2lkIHtcbiAgICBpZiAoIXRoaXMuYnRuRGlzYWJsZWQpIHtcbiAgICAgIHRoaXMub25DbGljay5lbWl0KHRydWUpXG4gICAgfVxuICB9XG5cbiAgcHVibGljIGdldENsYXNzICgpOiBhbnkge1xuICAgIGNvbnN0IGNsYXNzVmFsdWVzOiBhbnkgPSB7fVxuICAgIGNsYXNzVmFsdWVzW3RoaXMuYnRuQ2xhc3NdID0gdHJ1ZVxuICAgIGlmICh0aGlzLnNlbGVjdGVkKSB7XG4gICAgICBjbGFzc1ZhbHVlcy5zZWxlY3RlZCA9IHRydWVcbiAgICB9XG4gICAgaWYgKHRoaXMuc2l6ZSA9PT0gJ3NsaW0nKSB7XG4gICAgICBjbGFzc1ZhbHVlc1snYXBpcGFzcy1idG4tc2xpbSddID0gdHJ1ZVxuICAgIH1cbiAgICByZXR1cm4gY2xhc3NWYWx1ZXNcbiAgfVxuXG59XG4iLCI8YnV0dG9uIGNsYXNzPVwiYXBpcGFzcy1idG4tZGVmYXVsdFwiIFtuZ0NsYXNzXT1cImdldENsYXNzKClcIiAqbmdJZj1cImJ0bkljb24gfHwgc3VmZml4SWNvblwiIG1hdC1pY29uLWJ1dHRvbiAoY2xpY2spPVwiY2xpY2soKVwiIFtkaXNhYmxlZF09XCJidG5EaXNhYmxlZFwiPlxuICA8bWF0LWljb24gW25nQ2xhc3NdPVwieydhcGlwYXNzLWJ0bi1pY29uLXRleHQnIDogYnRuVGV4dH1cIiAqbmdJZj1cImJ0bkljb25cIj57e2J0bkljb259fTwvbWF0LWljb24+XG4gIDxzcGFuIGNsYXNzPVwiYnV0dG9uLXRleHRcIiAqbmdJZj1cImJ0blRleHRcIj57e3RoaXMuYnRuVGV4dH19PC9zcGFuPlxuICA8bWF0LWljb24gW25nQ2xhc3NdPVwieydhcGlwYXNzLWJ0bi1pY29uLXRleHQtc3VmZml4JyA6IGJ0blRleHR9XCIgKm5nSWY9XCJzdWZmaXhJY29uXCI+e3tzdWZmaXhJY29ufX08L21hdC1pY29uPlxuPC9idXR0b24+XG5cbjxidXR0b24gY2xhc3M9XCJhcGlwYXNzLWJ0bi1kZWZhdWx0XCIgW25nQ2xhc3NdPVwiZ2V0Q2xhc3MoKVwiICpuZ0lmPVwiIWJ0bkljb24gJiYgIXN1ZmZpeEljb25cIiAoY2xpY2spPVwiY2xpY2soKVwiIFtkaXNhYmxlZF09XCJidG5EaXNhYmxlZFwiPlxuICA8c3BhbiBjbGFzcz1cImJ1dHRvbi10ZXh0XCIgKm5nSWY9XCJidG5UZXh0XCI+e3t0aGlzLmJ0blRleHR9fTwvc3Bhbj5cbjwvYnV0dG9uPlxuIl19

package/esm2022/outline-button/outline-button.component.mjs

@@ -8,6 +8,7 @@ class OutlineButtonComponent {
     suffixIcon = '';
     selected = false;
     btnClass = '';
+    size = 'large';
     onClick = new EventEmitter();
     click() {
         if (!this.btnDisabled) {
@@ -15,12 +16,12 @@ class OutlineButtonComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: OutlineButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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></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: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected"], outputs: ["onClick"] }] });
+    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: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
 }
 export { OutlineButtonComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: OutlineButtonComponent, decorators: [{
             type: Component,
-            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></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"] }]
+            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"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], btnDisabled: [{
@@ -33,7 +34,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
                 type: Input
             }], btnClass: [{
                 type: Input
+            }], size: [{
+                type: Input
             }], onClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3V0bGluZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvb3V0bGluZS1idXR0b24vb3V0bGluZS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvb3V0bGluZS1idXR0b24vb3V0bGluZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTs7O0FBRXRFLE1BS2Esc0JBQXNCO0lBRWpCLEtBQUssR0FBRyxFQUFFLENBQUE7SUFDVixXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ25CLElBQUksR0FBRyxFQUFFLENBQUE7SUFDVCxVQUFVLEdBQUcsRUFBRSxDQUFBO0lBQ2YsUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUNoQixRQUFRLEdBQUcsRUFBRSxDQUFBO0lBRVosT0FBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7SUFFL0MsS0FBSztRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1NBQ3hCO0lBQ0gsQ0FBQzt1R0FmVSxzQkFBc0I7MkZBQXRCLHNCQUFzQixtT0NQbkMsNk9BRUE7O1NES2Esc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQU1WLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUVXLE9BQU87c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ291dGxpbmUtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICdvdXRsaW5lLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydvdXRsaW5lLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE91dGxpbmVCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxuXG4gIHB1YmxpYyBjbGljayAoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmJ0bkRpc2FibGVkKSB7XG4gICAgICB0aGlzLm9uQ2xpY2suZW1pdCh0cnVlKVxuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGVmYXVsdC1idXR0b24gYnRuQ2xhc3M9XCJhcGlwYXNzLWJ0bi1vdXRsaW5lIHt7YnRuQ2xhc3N9fVwiIFtzZWxlY3RlZF09XCJzZWxlY3RlZFwiIFtidG5JY29uXT1cImljb25cIiBbc3VmZml4SWNvbl09XCJzdWZmaXhJY29uXCIgW2J0blRleHRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjbGljaygpXCIgW2J0bkRpc2FibGVkXT1idG5EaXNhYmxlZD48L2RlZmF1bHQtYnV0dG9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoib3V0bGluZS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvb3V0bGluZS1idXR0b24vb3V0bGluZS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvb3V0bGluZS1idXR0b24vb3V0bGluZS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTs7O0FBRXRFLE1BS2Esc0JBQXNCO0lBRWpCLEtBQUssR0FBRyxFQUFFLENBQUE7SUFDVixXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ25CLElBQUksR0FBRyxFQUFFLENBQUE7SUFDVCxVQUFVLEdBQUcsRUFBRSxDQUFBO0lBQ2YsUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUNoQixRQUFRLEdBQUcsRUFBRSxDQUFBO0lBQ2IsSUFBSSxHQUFxQixPQUFPLENBQUE7SUFFL0IsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7SUFFL0MsS0FBSztRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1NBQ3hCO0lBQ0gsQ0FBQzt1R0FoQlUsc0JBQXNCOzJGQUF0QixzQkFBc0IsaVBDUG5DLGdSQUlBOztTREdhLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFNVixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUVXLE9BQU87c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ291dGxpbmUtYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICdvdXRsaW5lLWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydvdXRsaW5lLWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIE91dGxpbmVCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ2xhcmdlJyB8ICdzbGltJyA9ICdsYXJnZSdcblxuICBAT3V0cHV0KCkgcHVibGljIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KClcblxuICBwdWJsaWMgY2xpY2sgKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5idG5EaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQodHJ1ZSlcbiAgICB9XG4gIH1cblxufVxuIiwiPGRlZmF1bHQtYnV0dG9uIGJ0bkNsYXNzPVwiYXBpcGFzcy1idG4tb3V0bGluZSB7e2J0bkNsYXNzfX1cIiBbc2VsZWN0ZWRdPVwic2VsZWN0ZWRcIiBbYnRuSWNvbl09XCJpY29uXCIgW3N1ZmZpeEljb25dPVwic3VmZml4SWNvblwiIFtidG5UZXh0XT1cImxhYmVsXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2xpY2soKVwiIFtidG5EaXNhYmxlZF09YnRuRGlzYWJsZWRcbiAgICAgICAgICAgICAgICBbc2l6ZV09XCJzaXplXCI+XG48L2RlZmF1bHQtYnV0dG9uPlxuIl19

package/esm2022/primary-button/primary-button.component.mjs

@@ -8,6 +8,7 @@ class PrimaryButtonComponent {
     suffixIcon = '';
     selected = false;
     btnClass = '';
+    size = 'large';
     onClick = new EventEmitter();
     click() {
         if (!this.btnDisabled) {
@@ -15,12 +16,12 @@ class PrimaryButtonComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PrimaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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></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: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected"], outputs: ["onClick"] }] });
+    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: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
 }
 export { PrimaryButtonComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: PrimaryButtonComponent, decorators: [{
             type: Component,
-            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></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"] }]
+            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"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], btnDisabled: [{
@@ -33,7 +34,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
                 type: Input
             }], btnClass: [{
                 type: Input
+            }], size: [{
+                type: Input
             }], onClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpbWFyeS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvcHJpbWFyeS1idXR0b24vcHJpbWFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvcHJpbWFyeS1idXR0b24vcHJpbWFyeS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTs7O0FBRXRFLE1BS2Esc0JBQXNCO0lBRWpCLEtBQUssR0FBRyxFQUFFLENBQUE7SUFDVixXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ25CLElBQUksR0FBRyxFQUFFLENBQUE7SUFDVCxVQUFVLEdBQUcsRUFBRSxDQUFBO0lBQ2YsUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUNoQixRQUFRLEdBQUcsRUFBRSxDQUFBO0lBRVosT0FBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7SUFFL0MsS0FBSztRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1NBQ3hCO0lBQ0gsQ0FBQzt1R0FmVSxzQkFBc0I7MkZBQXRCLHNCQUFzQixtT0NQbkMsNk9BRUE7O1NES2Esc0JBQXNCOzJGQUF0QixzQkFBc0I7a0JBTGxDLFNBQVM7K0JBQ0UsZ0JBQWdCOzhCQU1WLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUVXLE9BQU87c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ByaW1hcnktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICdwcmltYXJ5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydwcmltYXJ5LWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFByaW1hcnlCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxuXG4gIHB1YmxpYyBjbGljayAoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmJ0bkRpc2FibGVkKSB7XG4gICAgICB0aGlzLm9uQ2xpY2suZW1pdCh0cnVlKVxuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGVmYXVsdC1idXR0b24gYnRuQ2xhc3M9XCJhcGlwYXNzLWJ0bi1wcmltYXJ5IHt7YnRuQ2xhc3N9fVwiIFtzZWxlY3RlZF09XCJzZWxlY3RlZFwiIFtidG5JY29uXT1cImljb25cIiBbc3VmZml4SWNvbl09XCJzdWZmaXhJY29uXCIgW2J0blRleHRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjbGljaygpXCIgW2J0bkRpc2FibGVkXT1idG5EaXNhYmxlZD48L2RlZmF1bHQtYnV0dG9uPlxuIl19
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHJpbWFyeS1idXR0b24uY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvcHJpbWFyeS1idXR0b24vcHJpbWFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvcHJpbWFyeS1idXR0b24vcHJpbWFyeS1idXR0b24uY29tcG9uZW50Lmh0bWwiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxFQUFFLFNBQVMsRUFBRSxLQUFLLEVBQUUsWUFBWSxFQUFFLE1BQU0sRUFBRSxNQUFNLGVBQWUsQ0FBQTs7O0FBRXRFLE1BS2Esc0JBQXNCO0lBRWpCLEtBQUssR0FBRyxFQUFFLENBQUE7SUFDVixXQUFXLEdBQUcsS0FBSyxDQUFBO0lBQ25CLElBQUksR0FBRyxFQUFFLENBQUE7SUFDVCxVQUFVLEdBQUcsRUFBRSxDQUFBO0lBQ2YsUUFBUSxHQUFHLEtBQUssQ0FBQTtJQUNoQixRQUFRLEdBQUcsRUFBRSxDQUFBO0lBQ2IsSUFBSSxHQUFxQixPQUFPLENBQUE7SUFFL0IsT0FBTyxHQUFHLElBQUksWUFBWSxFQUFXLENBQUE7SUFFL0MsS0FBSztRQUNWLElBQUksQ0FBQyxJQUFJLENBQUMsV0FBVyxFQUFFO1lBQ3JCLElBQUksQ0FBQyxPQUFPLENBQUMsSUFBSSxDQUFDLElBQUksQ0FBQyxDQUFBO1NBQ3hCO0lBQ0gsQ0FBQzt1R0FoQlUsc0JBQXNCOzJGQUF0QixzQkFBc0IsaVBDUG5DLGdSQUlBOztTREdhLHNCQUFzQjsyRkFBdEIsc0JBQXNCO2tCQUxsQyxTQUFTOytCQUNFLGdCQUFnQjs4QkFNVixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUVXLE9BQU87c0JBQXZCLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBDb21wb25lbnQsIElucHV0LCBFdmVudEVtaXR0ZXIsIE91dHB1dCB9IGZyb20gJ0Bhbmd1bGFyL2NvcmUnXG5cbkBDb21wb25lbnQoe1xuICBzZWxlY3RvcjogJ3ByaW1hcnktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICdwcmltYXJ5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCcsXG4gIHN0eWxlVXJsczogWydwcmltYXJ5LWJ1dHRvbi5jb21wb25lbnQuc2NzcyddXG59KVxuZXhwb3J0IGNsYXNzIFByaW1hcnlCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ2xhcmdlJyB8ICdzbGltJyA9ICdsYXJnZSdcblxuICBAT3V0cHV0KCkgcHVibGljIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KClcblxuICBwdWJsaWMgY2xpY2sgKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5idG5EaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQodHJ1ZSlcbiAgICB9XG4gIH1cblxufVxuIiwiPGRlZmF1bHQtYnV0dG9uIGJ0bkNsYXNzPVwiYXBpcGFzcy1idG4tcHJpbWFyeSB7e2J0bkNsYXNzfX1cIiBbc2VsZWN0ZWRdPVwic2VsZWN0ZWRcIiBbYnRuSWNvbl09XCJpY29uXCIgW3N1ZmZpeEljb25dPVwic3VmZml4SWNvblwiIFtidG5UZXh0XT1cImxhYmVsXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2xpY2soKVwiIFtidG5EaXNhYmxlZF09YnRuRGlzYWJsZWRcbiAgICAgICAgICAgICAgICBbc2l6ZV09XCJzaXplXCI+XG48L2RlZmF1bHQtYnV0dG9uPlxuIl19

package/esm2022/secondary-button/secondary-button.component.mjs

@@ -8,6 +8,7 @@ class SecondaryButtonComponent {
     suffixIcon = '';
     selected = false;
     btnClass = '';
+    size = 'large';
     onClick = new EventEmitter();
     click() {
         if (!this.btnDisabled) {
@@ -15,12 +16,12 @@ class SecondaryButtonComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: SecondaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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></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: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected"], outputs: ["onClick"] }] });
+    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: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
 }
 export { SecondaryButtonComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: SecondaryButtonComponent, decorators: [{
             type: Component,
-            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></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"] }]
+            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"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], btnDisabled: [{
@@ -33,7 +34,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
                 type: Input
             }], btnClass: [{
                 type: Input
+            }], size: [{
+                type: Input
             }], onClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Vjb25kYXJ5LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9idXR0b25zL3NyYy9zZWNvbmRhcnktYnV0dG9uL3NlY29uZGFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvc2Vjb25kYXJ5LWJ1dHRvbi9zZWNvbmRhcnktYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7OztBQUV0RSxNQUthLHdCQUF3QjtJQUVuQixLQUFLLEdBQUcsRUFBRSxDQUFBO0lBQ1YsV0FBVyxHQUFHLEtBQUssQ0FBQTtJQUNuQixJQUFJLEdBQUcsRUFBRSxDQUFBO0lBQ1QsVUFBVSxHQUFHLEVBQUUsQ0FBQTtJQUNmLFFBQVEsR0FBRyxLQUFLLENBQUE7SUFDaEIsUUFBUSxHQUFHLEVBQUUsQ0FBQTtJQUVaLE9BQU8sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFBO0lBRS9DLEtBQUs7UUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtTQUN4QjtJQUNILENBQUM7dUdBZlUsd0JBQXdCOzJGQUF4Qix3QkFBd0IscU9DUHJDLCtPQUVBOztTREthLHdCQUF3QjsyRkFBeEIsd0JBQXdCO2tCQUxwQyxTQUFTOytCQUNFLGtCQUFrQjs4QkFNWixLQUFLO3NCQUFwQixLQUFLO2dCQUNVLFdBQVc7c0JBQTFCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFDVSxVQUFVO3NCQUF6QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFFVyxPQUFPO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZWNvbmRhcnktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICdzZWNvbmRhcnktYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3NlY29uZGFyeS1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWNvbmRhcnlCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxuXG4gIHB1YmxpYyBjbGljayAoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmJ0bkRpc2FibGVkKSB7XG4gICAgICB0aGlzLm9uQ2xpY2suZW1pdCh0cnVlKVxuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGVmYXVsdC1idXR0b24gYnRuQ2xhc3M9XCJhcGlwYXNzLWJ0bi1zZWNvbmRhcnkge3tidG5DbGFzc319XCIgW3NlbGVjdGVkXT1cInNlbGVjdGVkXCIgW2J0bkljb25dPVwiaWNvblwiIFtzdWZmaXhJY29uXT1cInN1ZmZpeEljb25cIiBbYnRuVGV4dF09XCJsYWJlbFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrKClcIiBbYnRuRGlzYWJsZWRdPWJ0bkRpc2FibGVkPjwvZGVmYXVsdC1idXR0b24+XG4iXX0=
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2Vjb25kYXJ5LWJ1dHRvbi5jb21wb25lbnQuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9wcm9qZWN0cy9idXR0b25zL3NyYy9zZWNvbmRhcnktYnV0dG9uL3NlY29uZGFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvc2Vjb25kYXJ5LWJ1dHRvbi9zZWNvbmRhcnktYnV0dG9uLmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsS0FBSyxFQUFFLFlBQVksRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUE7OztBQUV0RSxNQUthLHdCQUF3QjtJQUVuQixLQUFLLEdBQUcsRUFBRSxDQUFBO0lBQ1YsV0FBVyxHQUFHLEtBQUssQ0FBQTtJQUNuQixJQUFJLEdBQUcsRUFBRSxDQUFBO0lBQ1QsVUFBVSxHQUFHLEVBQUUsQ0FBQTtJQUNmLFFBQVEsR0FBRyxLQUFLLENBQUE7SUFDaEIsUUFBUSxHQUFHLEVBQUUsQ0FBQTtJQUNiLElBQUksR0FBcUIsT0FBTyxDQUFBO0lBRS9CLE9BQU8sR0FBRyxJQUFJLFlBQVksRUFBVyxDQUFBO0lBRS9DLEtBQUs7UUFDVixJQUFJLENBQUMsSUFBSSxDQUFDLFdBQVcsRUFBRTtZQUNyQixJQUFJLENBQUMsT0FBTyxDQUFDLElBQUksQ0FBQyxJQUFJLENBQUMsQ0FBQTtTQUN4QjtJQUNILENBQUM7dUdBaEJVLHdCQUF3QjsyRkFBeEIsd0JBQXdCLG1QQ1ByQyxrUkFJQTs7U0RHYSx3QkFBd0I7MkZBQXhCLHdCQUF3QjtrQkFMcEMsU0FBUzsrQkFDRSxrQkFBa0I7OEJBTVosS0FBSztzQkFBcEIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBQ1UsSUFBSTtzQkFBbkIsS0FBSztnQkFFVyxPQUFPO3NCQUF2QixNQUFNIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBJbnB1dCwgRXZlbnRFbWl0dGVyLCBPdXRwdXQgfSBmcm9tICdAYW5ndWxhci9jb3JlJ1xuXG5AQ29tcG9uZW50KHtcbiAgc2VsZWN0b3I6ICdzZWNvbmRhcnktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICdzZWNvbmRhcnktYnV0dG9uLmNvbXBvbmVudC5odG1sJyxcbiAgc3R5bGVVcmxzOiBbJ3NlY29uZGFyeS1idXR0b24uY29tcG9uZW50LnNjc3MnXVxufSlcbmV4cG9ydCBjbGFzcyBTZWNvbmRhcnlCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ2xhcmdlJyB8ICdzbGltJyA9ICdsYXJnZSdcblxuICBAT3V0cHV0KCkgcHVibGljIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KClcblxuICBwdWJsaWMgY2xpY2sgKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5idG5EaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQodHJ1ZSlcbiAgICB9XG4gIH1cblxufVxuIiwiPGRlZmF1bHQtYnV0dG9uIGJ0bkNsYXNzPVwiYXBpcGFzcy1idG4tc2Vjb25kYXJ5IHt7YnRuQ2xhc3N9fVwiIFtzZWxlY3RlZF09XCJzZWxlY3RlZFwiIFtidG5JY29uXT1cImljb25cIiBbc3VmZml4SWNvbl09XCJzdWZmaXhJY29uXCIgW2J0blRleHRdPVwibGFiZWxcIlxuICAgICAgICAgICAgICAgIChjbGljayk9XCJjbGljaygpXCIgW2J0bkRpc2FibGVkXT1idG5EaXNhYmxlZFxuICAgICAgICAgICAgICAgIFtzaXplXT1cInNpemVcIj5cbjwvZGVmYXVsdC1idXR0b24+XG4iXX0=

package/esm2022/tab-button/tab-button.component.mjs

@@ -25,12 +25,12 @@ class TabButtonComponent {
         return classValues;
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TabButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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"] }] });
+    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"] }] });
 }
 export { TabButtonComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TabButtonComponent, decorators: [{
             type: Component,
-            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"] }]
+            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"] }]
         }], propDecorators: { btnText: [{
                 type: Input
             }], btnIcon: [{

package/esm2022/tertiary-button/tertiary-button.component.mjs

@@ -8,6 +8,7 @@ class TertiaryButtonComponent {
     suffixIcon = '';
     selected = false;
     btnClass = '';
+    size = 'large';
     onClick = new EventEmitter();
     click() {
         if (!this.btnDisabled) {
@@ -15,12 +16,12 @@ class TertiaryButtonComponent {
         }
     }
     static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TertiaryButtonComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
-    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: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected"], outputs: ["onClick"] }] });
+    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: i1.DefaultButtonComponent, selector: "default-button", inputs: ["btnText", "btnIcon", "suffixIcon", "btnClass", "btnDisabled", "selected", "size"], outputs: ["onClick"] }] });
 }
 export { TertiaryButtonComponent };
 i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImport: i0, type: TertiaryButtonComponent, decorators: [{
             type: Component,
-            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"] }]
+            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"] }]
         }], propDecorators: { label: [{
                 type: Input
             }], btnDisabled: [{
@@ -33,7 +34,9 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "16.0.2", ngImpor
                 type: Input
             }], btnClass: [{
                 type: Input
+            }], size: [{
+                type: Input
             }], onClick: [{
                 type: Output
             }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVydGlhcnktYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2J1dHRvbnMvc3JjL3RlcnRpYXJ5LWJ1dHRvbi90ZXJ0aWFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvdGVydGlhcnktYnV0dG9uL3RlcnRpYXJ5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7QUFFdEUsTUFLYSx1QkFBdUI7SUFFbEIsS0FBSyxHQUFHLEVBQUUsQ0FBQTtJQUNWLFdBQVcsR0FBRyxLQUFLLENBQUE7SUFDbkIsSUFBSSxHQUFHLEVBQUUsQ0FBQTtJQUNULFVBQVUsR0FBRyxFQUFFLENBQUE7SUFDZixRQUFRLEdBQUcsS0FBSyxDQUFBO0lBQ2hCLFFBQVEsR0FBRyxFQUFFLENBQUE7SUFFWixPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtJQUUvQyxLQUFLO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDckIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7U0FDeEI7SUFDSCxDQUFDO3VHQWZVLHVCQUF1QjsyRkFBdkIsdUJBQXVCLG9PQ1BwQyw4T0FFQTs7U0RLYSx1QkFBdUI7MkZBQXZCLHVCQUF1QjtrQkFMbkMsU0FBUzsrQkFDRSxpQkFBaUI7OEJBTVgsS0FBSztzQkFBcEIsS0FBSztnQkFDVSxXQUFXO3NCQUExQixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBQ1UsVUFBVTtzQkFBekIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLFFBQVE7c0JBQXZCLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVydGlhcnktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICd0ZXJ0aWFyeS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsndGVydGlhcnktYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGVydGlhcnlCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuXG4gIEBPdXRwdXQoKSBwdWJsaWMgb25DbGljayA9IG5ldyBFdmVudEVtaXR0ZXI8Ym9vbGVhbj4oKVxuXG4gIHB1YmxpYyBjbGljayAoKTogdm9pZCB7XG4gICAgaWYgKCF0aGlzLmJ0bkRpc2FibGVkKSB7XG4gICAgICB0aGlzLm9uQ2xpY2suZW1pdCh0cnVlKVxuICAgIH1cbiAgfVxuXG59XG4iLCI8ZGVmYXVsdC1idXR0b24gYnRuQ2xhc3M9XCJhcGlwYXNzLWJ0bi10ZXJ0aWFyeSB7e2J0bkNsYXNzfX1cIiBbc2VsZWN0ZWRdPVwic2VsZWN0ZWRcIiBbYnRuSWNvbl09XCJpY29uXCIgW3N1ZmZpeEljb25dPVwic3VmZml4SWNvblwiIFtidG5UZXh0XT1cImxhYmVsXCJcbiAgICAgICAgICAgICAgICAoY2xpY2spPVwiY2xpY2soKVwiIFtidG5EaXNhYmxlZF09YnRuRGlzYWJsZWQ+PC9kZWZhdWx0LWJ1dHRvbj5cbiJdfQ==
+//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidGVydGlhcnktYnV0dG9uLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL3Byb2plY3RzL2J1dHRvbnMvc3JjL3RlcnRpYXJ5LWJ1dHRvbi90ZXJ0aWFyeS1idXR0b24uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vcHJvamVjdHMvYnV0dG9ucy9zcmMvdGVydGlhcnktYnV0dG9uL3RlcnRpYXJ5LWJ1dHRvbi5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxZQUFZLEVBQUUsTUFBTSxFQUFFLE1BQU0sZUFBZSxDQUFBOzs7QUFFdEUsTUFLYSx1QkFBdUI7SUFFbEIsS0FBSyxHQUFHLEVBQUUsQ0FBQTtJQUNWLFdBQVcsR0FBRyxLQUFLLENBQUE7SUFDbkIsSUFBSSxHQUFHLEVBQUUsQ0FBQTtJQUNULFVBQVUsR0FBRyxFQUFFLENBQUE7SUFDZixRQUFRLEdBQUcsS0FBSyxDQUFBO0lBQ2hCLFFBQVEsR0FBRyxFQUFFLENBQUE7SUFDYixJQUFJLEdBQXFCLE9BQU8sQ0FBQTtJQUUvQixPQUFPLEdBQUcsSUFBSSxZQUFZLEVBQVcsQ0FBQTtJQUUvQyxLQUFLO1FBQ1YsSUFBSSxDQUFDLElBQUksQ0FBQyxXQUFXLEVBQUU7WUFDckIsSUFBSSxDQUFDLE9BQU8sQ0FBQyxJQUFJLENBQUMsSUFBSSxDQUFDLENBQUE7U0FDeEI7SUFDSCxDQUFDO3VHQWhCVSx1QkFBdUI7MkZBQXZCLHVCQUF1QixrUENQcEMsaVJBSUE7O1NER2EsdUJBQXVCOzJGQUF2Qix1QkFBdUI7a0JBTG5DLFNBQVM7K0JBQ0UsaUJBQWlCOzhCQU1YLEtBQUs7c0JBQXBCLEtBQUs7Z0JBQ1UsV0FBVztzQkFBMUIsS0FBSztnQkFDVSxJQUFJO3NCQUFuQixLQUFLO2dCQUNVLFVBQVU7c0JBQXpCLEtBQUs7Z0JBQ1UsUUFBUTtzQkFBdkIsS0FBSztnQkFDVSxRQUFRO3NCQUF2QixLQUFLO2dCQUNVLElBQUk7c0JBQW5CLEtBQUs7Z0JBRVcsT0FBTztzQkFBdkIsTUFBTSIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQsIEV2ZW50RW1pdHRlciwgT3V0cHV0IH0gZnJvbSAnQGFuZ3VsYXIvY29yZSdcblxuQENvbXBvbmVudCh7XG4gIHNlbGVjdG9yOiAndGVydGlhcnktYnV0dG9uJyxcbiAgdGVtcGxhdGVVcmw6ICd0ZXJ0aWFyeS1idXR0b24uY29tcG9uZW50Lmh0bWwnLFxuICBzdHlsZVVybHM6IFsndGVydGlhcnktYnV0dG9uLmNvbXBvbmVudC5zY3NzJ11cbn0pXG5leHBvcnQgY2xhc3MgVGVydGlhcnlCdXR0b25Db21wb25lbnQge1xuXG4gIEBJbnB1dCgpIHB1YmxpYyBsYWJlbCA9ICcnXG4gIEBJbnB1dCgpIHB1YmxpYyBidG5EaXNhYmxlZCA9IGZhbHNlXG4gIEBJbnB1dCgpIHB1YmxpYyBpY29uID0gJydcbiAgQElucHV0KCkgcHVibGljIHN1ZmZpeEljb24gPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2VsZWN0ZWQgPSBmYWxzZVxuICBASW5wdXQoKSBwdWJsaWMgYnRuQ2xhc3MgPSAnJ1xuICBASW5wdXQoKSBwdWJsaWMgc2l6ZTogJ2xhcmdlJyB8ICdzbGltJyA9ICdsYXJnZSdcblxuICBAT3V0cHV0KCkgcHVibGljIG9uQ2xpY2sgPSBuZXcgRXZlbnRFbWl0dGVyPGJvb2xlYW4+KClcblxuICBwdWJsaWMgY2xpY2sgKCk6IHZvaWQge1xuICAgIGlmICghdGhpcy5idG5EaXNhYmxlZCkge1xuICAgICAgdGhpcy5vbkNsaWNrLmVtaXQodHJ1ZSlcbiAgICB9XG4gIH1cblxufVxuIiwiPGRlZmF1bHQtYnV0dG9uIGJ0bkNsYXNzPVwiYXBpcGFzcy1idG4tdGVydGlhcnkge3tidG5DbGFzc319XCIgW3NlbGVjdGVkXT1cInNlbGVjdGVkXCIgW2J0bkljb25dPVwiaWNvblwiIFtzdWZmaXhJY29uXT1cInN1ZmZpeEljb25cIiBbYnRuVGV4dF09XCJsYWJlbFwiXG4gICAgICAgICAgICAgICAgKGNsaWNrKT1cImNsaWNrKClcIiBbYnRuRGlzYWJsZWRdPWJ0bkRpc2FibGVkXG4gICAgICAgICAgICAgICAgW3NpemVdPVwic2l6ZVwiXG4+PC9kZWZhdWx0LWJ1dHRvbj5cbiJdfQ==