@apipass/buttons 0.1.1-beta.10

package/fesm2015/apipass-buttons.js

@@ -0,0 +1,232 @@
+import { EventEmitter, Component, Input, Output, NgModule } from '@angular/core';
+import { CommonModule } from '@angular/common';
+import { MatIconModule } from '@angular/material/icon';
+import { MatTooltipModule } from '@angular/material/tooltip';
+import { MatButtonModule } from '@angular/material/button';
+
+class DefaultButtonComponent {
+    constructor() {
+        this.btnText = '';
+        this.btnIcon = '';
+        this.btnClass = '';
+        this.btnDisabled = false;
+        this.selected = false;
+        this.onClick = new EventEmitter();
+    }
+    click() {
+        this.onClick.emit(true);
+    }
+    getClass() {
+        const classValues = {};
+        classValues[this.btnClass] = true;
+        if (this.selected) {
+            classValues['selected'] = true;
+        }
+        return classValues;
+    }
+}
+DefaultButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'default-button',
+                template: "<button class=\"apipass-btn-default\" [ngClass]=\"getClass()\" *ngIf=\"btnIcon\" mat-icon-button (click)=\"click()\" [disabled]=\"btnDisabled\">\r\n  <mat-icon [ngClass]=\"{'apipass-btn-icon-text' : btnText}\">{{btnIcon}}</mat-icon>\r\n  <span class=\"button-text\" *ngIf=\"btnText\">{{this.btnText}}</span>\r\n</button>\r\n\r\n<button class=\"apipass-btn-default\" [ngClass]=\"getClass()\" *ngIf=\"!btnIcon\" (click)=\"click()\" [disabled]=\"btnDisabled\">\r\n  <span class=\"button-text\" *ngIf=\"btnText\">{{this.btnText}}</span>\r\n</button>\r\n",
+                styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.apipass-tab-button{align-items:center!important;border-radius:6px 6px 0 0!important;display:flex!important;font-size:12px;font-weight:700;justify-content:center!important;padding:8px 40px!important}.apipass-tab-button .button-text,.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-tab-button .apipass-btn-icon-text{padding-right:10px}.apipass-btn-default{align-items:center!important;border-radius:6px!important;display:flex!important;font-weight:700;justify-content:center!important;padding:0 15px!important}.apipass-btn-default .button-text,.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-btn-default .apipass-btn-icon-text{padding-right:10px}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);border:1px solid var(--color-tertiary-hover);color:var(--color-primary);padding:15px!important}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}"]
+            },] }
+];
+DefaultButtonComponent.propDecorators = {
+    btnText: [{ type: Input }],
+    btnIcon: [{ type: Input }],
+    btnClass: [{ type: Input }],
+    btnDisabled: [{ type: Input }],
+    selected: [{ type: Input }],
+    onClick: [{ type: Output }]
+};
+
+class PrimaryButtonComponent {
+    constructor() {
+        this.label = '';
+        this.btnDisabled = false;
+        this.icon = '';
+        this.selected = false;
+        this.btnClass = '';
+        this.onClick = new EventEmitter();
+    }
+    click() {
+        this.onClick.emit(true);
+    }
+}
+PrimaryButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'primary-button',
+                template: "<default-button btnClass=\"apipass-btn-primary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [btnText]=\"label\"\r\n                (click)=\"click()\" [btnDisabled]=btnDisabled></default-button>\r\n",
+                styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.apipass-tab-button{align-items:center!important;border-radius:6px 6px 0 0!important;display:flex!important;font-size:12px;font-weight:700;justify-content:center!important;padding:8px 40px!important}.apipass-tab-button .button-text,.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-tab-button .apipass-btn-icon-text{padding-right:10px}.apipass-btn-default{align-items:center!important;border-radius:6px!important;display:flex!important;font-weight:700;justify-content:center!important;padding:0 15px!important}.apipass-btn-default .button-text,.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-btn-default .apipass-btn-icon-text{padding-right:10px}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);border:1px solid var(--color-tertiary-hover);color:var(--color-primary);padding:15px!important}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}"]
+            },] }
+];
+PrimaryButtonComponent.propDecorators = {
+    label: [{ type: Input }],
+    btnDisabled: [{ type: Input }],
+    icon: [{ type: Input }],
+    selected: [{ type: Input }],
+    btnClass: [{ type: Input }],
+    onClick: [{ type: Output }]
+};
+
+class SecondaryButtonComponent {
+    constructor() {
+        this.label = '';
+        this.btnDisabled = false;
+        this.icon = '';
+        this.selected = false;
+        this.btnClass = '';
+        this.onClick = new EventEmitter();
+    }
+    click() {
+        this.onClick.emit(true);
+    }
+}
+SecondaryButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'secondary-button',
+                template: "<default-button btnClass=\"apipass-btn-secondary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [btnText]=\"label\"\r\n                (click)=\"click()\" [btnDisabled]=btnDisabled></default-button>\r\n",
+                styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.apipass-tab-button{align-items:center!important;border-radius:6px 6px 0 0!important;display:flex!important;font-size:12px;font-weight:700;justify-content:center!important;padding:8px 40px!important}.apipass-tab-button .button-text,.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-tab-button .apipass-btn-icon-text{padding-right:10px}.apipass-btn-default{align-items:center!important;border-radius:6px!important;display:flex!important;font-weight:700;justify-content:center!important;padding:0 15px!important}.apipass-btn-default .button-text,.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-btn-default .apipass-btn-icon-text{padding-right:10px}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);border:1px solid var(--color-tertiary-hover);color:var(--color-primary);padding:15px!important}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}"]
+            },] }
+];
+SecondaryButtonComponent.propDecorators = {
+    label: [{ type: Input }],
+    btnDisabled: [{ type: Input }],
+    icon: [{ type: Input }],
+    selected: [{ type: Input }],
+    btnClass: [{ type: Input }],
+    onClick: [{ type: Output }]
+};
+
+class OutlineButtonComponent {
+    constructor() {
+        this.label = '';
+        this.btnDisabled = false;
+        this.icon = '';
+        this.selected = false;
+        this.btnClass = '';
+        this.onClick = new EventEmitter();
+    }
+    click() {
+        this.onClick.emit(true);
+    }
+}
+OutlineButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'outline-button',
+                template: "<default-button btnClass=\"apipass-btn-outline {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [btnText]=\"label\"\r\n                (click)=\"click()\" [btnDisabled]=btnDisabled></default-button>\r\n",
+                styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.apipass-tab-button{align-items:center!important;border-radius:6px 6px 0 0!important;display:flex!important;font-size:12px;font-weight:700;justify-content:center!important;padding:8px 40px!important}.apipass-tab-button .button-text,.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-tab-button .apipass-btn-icon-text{padding-right:10px}.apipass-btn-default{align-items:center!important;border-radius:6px!important;display:flex!important;font-weight:700;justify-content:center!important;padding:0 15px!important}.apipass-btn-default .button-text,.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-btn-default .apipass-btn-icon-text{padding-right:10px}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);border:1px solid var(--color-tertiary-hover);color:var(--color-primary);padding:15px!important}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}"]
+            },] }
+];
+OutlineButtonComponent.propDecorators = {
+    label: [{ type: Input }],
+    btnDisabled: [{ type: Input }],
+    icon: [{ type: Input }],
+    selected: [{ type: Input }],
+    btnClass: [{ type: Input }],
+    onClick: [{ type: Output }]
+};
+
+class TertiaryButtonComponent {
+    constructor() {
+        this.label = '';
+        this.btnDisabled = false;
+        this.icon = '';
+        this.selected = false;
+        this.btnClass = '';
+        this.onClick = new EventEmitter();
+    }
+    click() {
+        this.onClick.emit(true);
+    }
+}
+TertiaryButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'tertiary-button',
+                template: "<default-button btnClass=\"apipass-btn-tertiary {{btnClass}}\" [selected]=\"selected\" [btnIcon]=\"icon\" [btnText]=\"label\"\r\n                (click)=\"click()\" [btnDisabled]=btnDisabled></default-button>\r\n",
+                styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.apipass-tab-button{align-items:center!important;border-radius:6px 6px 0 0!important;display:flex!important;font-size:12px;font-weight:700;justify-content:center!important;padding:8px 40px!important}.apipass-tab-button .button-text,.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-tab-button .apipass-btn-icon-text{padding-right:10px}.apipass-btn-default{align-items:center!important;border-radius:6px!important;display:flex!important;font-weight:700;justify-content:center!important;padding:0 15px!important}.apipass-btn-default .button-text,.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-btn-default .apipass-btn-icon-text{padding-right:10px}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);border:1px solid var(--color-tertiary-hover);color:var(--color-primary);padding:15px!important}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}"]
+            },] }
+];
+TertiaryButtonComponent.propDecorators = {
+    label: [{ type: Input }],
+    btnDisabled: [{ type: Input }],
+    icon: [{ type: Input }],
+    selected: [{ type: Input }],
+    btnClass: [{ type: Input }],
+    onClick: [{ type: Output }]
+};
+
+class TabButtonComponent {
+    constructor() {
+        this.btnText = '';
+        this.btnIcon = '';
+        this.btnDisabled = false;
+        this.btnClass = '';
+        this.selected = false;
+        this.onClick = new EventEmitter();
+    }
+    click() {
+        this.onClick.emit(true);
+    }
+    getClass() {
+        const classValues = {};
+        classValues[this.btnClass] = true;
+        if (this.selected) {
+            classValues['selected-tab'] = true;
+        }
+        return classValues;
+    }
+}
+TabButtonComponent.decorators = [
+    { type: Component, args: [{
+                selector: 'tab-button',
+                template: "<button class=\"apipass-tab-button\" [ngClass]=\"getClass()\" *ngIf=\"btnIcon\" mat-icon-button (click)=\"click()\" [disabled]=\"btnDisabled\">\r\n  <mat-icon [ngClass]=\"{'apipass-btn-icon-text' : btnText}\">{{btnIcon}}</mat-icon>\r\n  <span class=\"button-text\" *ngIf=\"btnText\">{{btnText}}</span>\r\n</button>\r\n\r\n<button class=\"apipass-tab-button\" [ngClass]=\"getClass()\" *ngIf=\"!btnIcon\" (click)=\"click()\" [disabled]=\"btnDisabled\">\r\n  <span class=\"button-text\" *ngIf=\"btnText\">{{btnText}}</span>\r\n</button>\r\n",
+                styles: [":root{--color-body-light:#fff;--color-fonts-tertiary:#777;--color-inputs-background:#fff;--color-inputs-border:#ddd;--color-primary:#222d57;--color-primary-active:#29376a;--color-primary-hover:#18203d;--color-red:red;--color-secondary:#d3d921;--color-secondary-active:#dce13f;--color-secondary-hover:#b3b81c;--color-tertiary:#efefef;--color-tertiary-active:#f1f1f1;--color-tertiary-hover:#cbcbcb;--color_components_light:#fff;--color_disabled:#e0e0e0;--color_graph_error:#eb5757;--color_graph_error_hover:#c91717;--color_graph_primary:#1643ef;--color_graph_primary_hover:#0a2692;--color_icon_remove:var(--color-red);--color_icon_success:#070;--limit-plan-color:#ff6c00}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ysmIEDQ.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0w8mIEDQ.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0ycmIEDQ.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:400;src:local(\"PT Sans Italic\"),local(\"PTSans-Italic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizYRExUiTo99u79D0e0x8mI.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIhUdwzM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydKxUdwzM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydIRUdwzM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:italic;font-weight:700;src:local(\"PT Sans Bold Italic\"),local(\"PTSans-BoldItalic\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizdRExUiTo99u79D0e8fOydLxUd.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0-ExdGM.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0aExdGM.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0yExdGM.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:400;src:local(\"PT Sans\"),local(\"PTSans-Regular\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizaRExUiTo99u79D0KExQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OOtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0460-052f,U+1c80-1c88,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OqtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0OCtLQ0Z.woff2) format(\"woff2\");unicode-range:U+0100-024f,U+0259,U+1e??,U+2020,U+20a0-20ab,U+20ad-20cf,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-display:swap;font-family:PT Sans;font-style:normal;font-weight:700;src:local(\"PT Sans Bold\"),local(\"PTSans-Bold\"),url(https://fonts.gstatic.com/s/ptsans/v11/jizfRExUiTo99u79B_mh0O6tLQ.woff2) format(\"woff2\");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+2000-206f,U+2074,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}.text-primary{color:var(--color-primary)!important}.text-secondary{color:var(--color-secondary)!important}.text-tertiary{color:var(--color-fonts-tertiary)!important}.text-weight-bold{font-weight:700!important}.text-weight-normal{font-weight:400!important}.apipass-tab-button{align-items:center!important;border-radius:6px 6px 0 0!important;display:flex!important;font-size:12px;justify-content:center!important;padding:8px 40px!important}.apipass-tab-button .button-text,.apipass-tab-button .mat-button-wrapper,.apipass-tab-button .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-tab-button .apipass-btn-icon-text{padding-right:10px}.apipass-btn-default{align-items:center!important;border-radius:6px!important;display:flex!important;font-weight:700;justify-content:center!important;padding:0 15px!important}.apipass-btn-default .button-text,.apipass-btn-default .mat-button-wrapper,.apipass-btn-default .mat-icon{align-items:center;display:flex;justify-content:center}.apipass-btn-default .apipass-btn-icon-text{padding-right:10px}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}.apipass-btn-tertiary{background:var(--color-tertiary);border:1px solid var(--color-tertiary-hover);color:var(--color-primary);padding:15px!important}.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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);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);border:1px solid var(--color-tertiary-hover);color:var(--color-fonts-tertiary);cursor:no-drop!important}.apipass-tab-button{background:#fff;border:1px solid var(--color-tertiary);border-bottom-color:var(--color_components_light);color:var(--color-fonts-tertiary);font-weight:700;opacity:.6}.apipass-tab-button.selected-tab{background:var(--color_components_light);border:1px solid var(--color_components_light);color:var(--color-primary);cursor:default;font-weight:700;opacity:1}"]
+            },] }
+];
+TabButtonComponent.propDecorators = {
+    btnText: [{ type: Input }],
+    btnIcon: [{ type: Input }],
+    btnDisabled: [{ type: Input }],
+    btnClass: [{ type: Input }],
+    selected: [{ type: Input }],
+    onClick: [{ type: Output }]
+};
+
+class ButtonsModule {
+}
+ButtonsModule.decorators = [
+    { type: NgModule, args: [{
+                imports: [
+                    CommonModule,
+                    MatIconModule,
+                    MatTooltipModule,
+                    MatButtonModule,
+                ],
+                declarations: [
+                    DefaultButtonComponent,
+                    PrimaryButtonComponent,
+                    SecondaryButtonComponent,
+                    OutlineButtonComponent,
+                    TertiaryButtonComponent,
+                    TabButtonComponent
+                ],
+                exports: [
+                    DefaultButtonComponent,
+                    PrimaryButtonComponent,
+                    SecondaryButtonComponent,
+                    OutlineButtonComponent,
+                    TertiaryButtonComponent,
+                    TabButtonComponent
+                ],
+                providers: []
+            },] }
+];
+
+/**
+ * Generated bundle index. Do not edit.
+ */
+
+export { ButtonsModule, DefaultButtonComponent, OutlineButtonComponent, PrimaryButtonComponent, SecondaryButtonComponent, TabButtonComponent, TertiaryButtonComponent };
+//# sourceMappingURL=apipass-buttons.js.map

package/fesm2015/apipass-buttons.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"apipass-buttons.js","sources":["../../../projects/buttons/src/default-button/default-button.component.ts","../../../projects/buttons/src/primary-button/primary-button.component.ts","../../../projects/buttons/src/secondary-button/secondary-button.component.ts","../../../projects/buttons/src/outline-button/outline-button.component.ts","../../../projects/buttons/src/tertiary-button/tertiary-button.component.ts","../../../projects/buttons/src/tab-button/tab-button.component.ts","../../../projects/buttons/src/buttons.module.ts","../../../projects/buttons/src/apipass-buttons.ts"],"sourcesContent":["import { Component, Input, EventEmitter, Output } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'default-button',\r\n  templateUrl: 'default-button.component.html',\r\n  styleUrls: ['default-button.component.scss']\r\n})\r\nexport class DefaultButtonComponent {\r\n\r\n  @Input() public btnText: string = '';\r\n  @Input() public btnIcon: string = '';\r\n  @Input() public btnClass: string = '';\r\n  @Input() public btnDisabled: boolean = false;\r\n  @Input() public selected: boolean = false;\r\n\r\n  @Output() public onClick = new EventEmitter<boolean>();\r\n\r\n  public click() {\r\n    this.onClick.emit(true);\r\n  }\r\n\r\n  getClass() {\r\n    const classValues: any = {};\r\n    classValues[this.btnClass] = true;\r\n    if (this.selected) {\r\n      classValues['selected'] = true;\r\n    }\r\n    return classValues;\r\n  }\r\n\r\n}\r\n","import { Component, Input, EventEmitter, Output } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'primary-button',\r\n  templateUrl: 'primary-button.component.html',\r\n  styleUrls: ['primary-button.component.scss']\r\n})\r\nexport class PrimaryButtonComponent {\r\n\r\n  @Input() public label: string = '';\r\n  @Input() public btnDisabled: boolean = false;\r\n  @Input() public icon: string = '';\r\n  @Input() public selected: boolean = false;\r\n  @Input() public btnClass = '';\r\n\r\n  @Output() public onClick = new EventEmitter<boolean>();\r\n\r\n  public click() {\r\n    this.onClick.emit(true);\r\n  }\r\n\r\n}\r\n","import { Component, Input, EventEmitter, Output } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'secondary-button',\r\n  templateUrl: 'secondary-button.component.html',\r\n  styleUrls: ['secondary-button.component.scss']\r\n})\r\nexport class SecondaryButtonComponent {\r\n\r\n  @Input() public label: string = '';\r\n  @Input() public btnDisabled: boolean = false;\r\n  @Input() public icon: string = '';\r\n  @Input() public selected: boolean = false;\r\n  @Input() public btnClass = '';\r\n\r\n  @Output() public onClick = new EventEmitter<boolean>();\r\n\r\n  public click() {\r\n    this.onClick.emit(true);\r\n  }\r\n\r\n}\r\n","import { Component, Input, EventEmitter, Output } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'outline-button',\r\n  templateUrl: 'outline-button.component.html',\r\n  styleUrls: ['outline-button.component.scss']\r\n})\r\nexport class OutlineButtonComponent {\r\n\r\n  @Input() public label: string = '';\r\n  @Input() public btnDisabled: boolean = false;\r\n  @Input() public icon: string = '';\r\n  @Input() public selected: boolean = false;\r\n  @Input() public btnClass = '';\r\n\r\n  @Output() public onClick = new EventEmitter<boolean>();\r\n\r\n  public click() {\r\n    this.onClick.emit(true);\r\n  }\r\n\r\n}\r\n","import { Component, Input, EventEmitter, Output } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'tertiary-button',\r\n  templateUrl: 'tertiary-button.component.html',\r\n  styleUrls: ['tertiary-button.component.scss']\r\n})\r\nexport class TertiaryButtonComponent {\r\n\r\n  @Input() public label: string = '';\r\n  @Input() public btnDisabled: boolean = false;\r\n  @Input() public icon: string = '';\r\n  @Input() public selected: boolean = false;\r\n  @Input() public btnClass = '';\r\n\r\n  @Output() public onClick = new EventEmitter<boolean>();\r\n\r\n  public click() {\r\n    this.onClick.emit(true);\r\n  }\r\n\r\n}\r\n","import { Component, Input, EventEmitter, Output } from '@angular/core';\r\n\r\n@Component({\r\n  selector: 'tab-button',\r\n  templateUrl: 'tab-button.component.html',\r\n  styleUrls: ['tab-button.component.scss']\r\n})\r\nexport class TabButtonComponent {\r\n\r\n  @Input() public btnText: string = '';\r\n  @Input() public btnIcon: string = '';\r\n  @Input() public btnDisabled: boolean = false;\r\n  @Input() public btnClass: string = '';\r\n  @Input() public selected: boolean = false;\r\n\r\n  @Output() public onClick = new EventEmitter<boolean>();\r\n\r\n  public click() {\r\n    this.onClick.emit(true);\r\n  }\r\n\r\n  getClass() {\r\n    const classValues: any = {};\r\n    classValues[this.btnClass] = true;\r\n    if (this.selected) {\r\n      classValues['selected-tab'] = true;\r\n    }\r\n    return classValues;\r\n  }\r\n\r\n}\r\n","import {NgModule} from '@angular/core';\r\nimport {CommonModule} from '@angular/common';\r\nimport {MatIconModule} from '@angular/material/icon';\r\nimport {MatTooltipModule} from '@angular/material/tooltip';\r\nimport {DefaultButtonComponent} from './default-button/default-button.component';\r\nimport {PrimaryButtonComponent} from './primary-button/primary-button.component';\r\nimport {SecondaryButtonComponent} from './secondary-button/secondary-button.component';\r\nimport {OutlineButtonComponent} from './outline-button/outline-button.component';\r\nimport {TertiaryButtonComponent} from './tertiary-button/tertiary-button.component';\r\nimport {TabButtonComponent} from './tab-button/tab-button.component';\r\nimport {MatButtonModule} from '@angular/material/button';\r\n\r\n@NgModule({\r\n  imports: [\r\n    CommonModule,\r\n    MatIconModule,\r\n    MatTooltipModule,\r\n    MatButtonModule,\r\n  ],\r\n  declarations: [\r\n    DefaultButtonComponent,\r\n    PrimaryButtonComponent,\r\n    SecondaryButtonComponent,\r\n    OutlineButtonComponent,\r\n    TertiaryButtonComponent,\r\n    TabButtonComponent\r\n  ],\r\n  exports: [\r\n    DefaultButtonComponent,\r\n    PrimaryButtonComponent,\r\n    SecondaryButtonComponent,\r\n    OutlineButtonComponent,\r\n    TertiaryButtonComponent,\r\n    TabButtonComponent\r\n  ],\r\n  providers: []\r\n})\r\nexport class ButtonsModule { }\r\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;MAOa,sBAAsB;IALnC;QAOkB,YAAO,GAAW,EAAE,CAAC;QACrB,YAAO,GAAW,EAAE,CAAC;QACrB,aAAQ,GAAW,EAAE,CAAC;QACtB,gBAAW,GAAY,KAAK,CAAC;QAC7B,aAAQ,GAAY,KAAK,CAAC;QAEzB,YAAO,GAAG,IAAI,YAAY,EAAW,CAAC;KAexD;IAbQ,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;IAED,QAAQ;QACN,MAAM,WAAW,GAAQ,EAAE,CAAC;QAC5B,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;QAClC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,WAAW,CAAC,UAAU,CAAC,GAAG,IAAI,CAAC;SAChC;QACD,OAAO,WAAW,CAAC;KACpB;;;YA1BF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,ijBAA4C;;aAE7C;;;sBAGE,KAAK;sBACL,KAAK;uBACL,KAAK;0BACL,KAAK;uBACL,KAAK;sBAEL,MAAM;;;MCRI,sBAAsB;IALnC;QAOkB,UAAK,GAAW,EAAE,CAAC;QACnB,gBAAW,GAAY,KAAK,CAAC;QAC7B,SAAI,GAAW,EAAE,CAAC;QAClB,aAAQ,GAAY,KAAK,CAAC;QAC1B,aAAQ,GAAG,EAAE,CAAC;QAEb,YAAO,GAAG,IAAI,YAAY,EAAW,CAAC;KAMxD;IAJQ,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;;;YAjBF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,+NAA4C;;aAE7C;;;oBAGE,KAAK;0BACL,KAAK;mBACL,KAAK;uBACL,KAAK;uBACL,KAAK;sBAEL,MAAM;;;MCRI,wBAAwB;IALrC;QAOkB,UAAK,GAAW,EAAE,CAAC;QACnB,gBAAW,GAAY,KAAK,CAAC;QAC7B,SAAI,GAAW,EAAE,CAAC;QAClB,aAAQ,GAAY,KAAK,CAAC;QAC1B,aAAQ,GAAG,EAAE,CAAC;QAEb,YAAO,GAAG,IAAI,YAAY,EAAW,CAAC;KAMxD;IAJQ,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;;;YAjBF,SAAS,SAAC;gBACT,QAAQ,EAAE,kBAAkB;gBAC5B,iOAA8C;;aAE/C;;;oBAGE,KAAK;0BACL,KAAK;mBACL,KAAK;uBACL,KAAK;uBACL,KAAK;sBAEL,MAAM;;;MCRI,sBAAsB;IALnC;QAOkB,UAAK,GAAW,EAAE,CAAC;QACnB,gBAAW,GAAY,KAAK,CAAC;QAC7B,SAAI,GAAW,EAAE,CAAC;QAClB,aAAQ,GAAY,KAAK,CAAC;QAC1B,aAAQ,GAAG,EAAE,CAAC;QAEb,YAAO,GAAG,IAAI,YAAY,EAAW,CAAC;KAMxD;IAJQ,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;;;YAjBF,SAAS,SAAC;gBACT,QAAQ,EAAE,gBAAgB;gBAC1B,+NAA4C;;aAE7C;;;oBAGE,KAAK;0BACL,KAAK;mBACL,KAAK;uBACL,KAAK;uBACL,KAAK;sBAEL,MAAM;;;MCRI,uBAAuB;IALpC;QAOkB,UAAK,GAAW,EAAE,CAAC;QACnB,gBAAW,GAAY,KAAK,CAAC;QAC7B,SAAI,GAAW,EAAE,CAAC;QAClB,aAAQ,GAAY,KAAK,CAAC;QAC1B,aAAQ,GAAG,EAAE,CAAC;QAEb,YAAO,GAAG,IAAI,YAAY,EAAW,CAAC;KAMxD;IAJQ,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;;;YAjBF,SAAS,SAAC;gBACT,QAAQ,EAAE,iBAAiB;gBAC3B,gOAA6C;;aAE9C;;;oBAGE,KAAK;0BACL,KAAK;mBACL,KAAK;uBACL,KAAK;uBACL,KAAK;sBAEL,MAAM;;;MCRI,kBAAkB;IAL/B;QAOkB,YAAO,GAAW,EAAE,CAAC;QACrB,YAAO,GAAW,EAAE,CAAC;QACrB,gBAAW,GAAY,KAAK,CAAC;QAC7B,aAAQ,GAAW,EAAE,CAAC;QACtB,aAAQ,GAAY,KAAK,CAAC;QAEzB,YAAO,GAAG,IAAI,YAAY,EAAW,CAAC;KAexD;IAbQ,KAAK;QACV,IAAI,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;KACzB;IAED,QAAQ;QACN,MAAM,WAAW,GAAQ,EAAE,CAAC;QAC5B,WAAW,CAAC,IAAI,CAAC,QAAQ,CAAC,GAAG,IAAI,CAAC;QAClC,IAAI,IAAI,CAAC,QAAQ,EAAE;YACjB,WAAW,CAAC,cAAc,CAAC,GAAG,IAAI,CAAC;SACpC;QACD,OAAO,WAAW,CAAC;KACpB;;;YA1BF,SAAS,SAAC;gBACT,QAAQ,EAAE,YAAY;gBACtB,qiBAAwC;;aAEzC;;;sBAGE,KAAK;sBACL,KAAK;0BACL,KAAK;uBACL,KAAK;uBACL,KAAK;sBAEL,MAAM;;;MCsBI,aAAa;;;YAzBzB,QAAQ,SAAC;gBACR,OAAO,EAAE;oBACP,YAAY;oBACZ,aAAa;oBACb,gBAAgB;oBAChB,eAAe;iBAChB;gBACD,YAAY,EAAE;oBACZ,sBAAsB;oBACtB,sBAAsB;oBACtB,wBAAwB;oBACxB,sBAAsB;oBACtB,uBAAuB;oBACvB,kBAAkB;iBACnB;gBACD,OAAO,EAAE;oBACP,sBAAsB;oBACtB,sBAAsB;oBACtB,wBAAwB;oBACxB,sBAAsB;oBACtB,uBAAuB;oBACvB,kBAAkB;iBACnB;gBACD,SAAS,EAAE,EAAE;aACd;;;ACpCD;;;;;;"}

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

@@ -0,0 +1,10 @@
+import { EventEmitter } from '@angular/core';
+export declare class OutlineButtonComponent {
+    label: string;
+    btnDisabled: boolean;
+    icon: string;
+    selected: boolean;
+    btnClass: string;
+    onClick: EventEmitter<boolean>;
+    click(): void;
+}

package/package.json

@@ -0,0 +1,28 @@
+{
+  "name": "@apipass/buttons",
+  "version": "0.1.1-beta.10",
+  "peerDependencies": {
+    "@angular/common": "10.0.11",
+    "@angular/animations": "10.0.11",
+    "@angular/core": "10.0.11",
+    "@angular/forms": "10.0.11",
+    "@angular/cdk": "10.0.2"
+  },
+  "dependencies": {
+    "@angular/common": "10.0.11",
+    "@angular/animations": "10.0.11",
+    "@angular/core": "10.0.11",
+    "@angular/forms": "10.0.11",
+    "@angular/cdk": "10.0.2",
+    "@angular/material": "10.0.2",
+    "tslib": "2.0.0"
+  },
+  "main": "bundles/apipass-buttons.umd.js",
+  "module": "fesm2015/apipass-buttons.js",
+  "es2015": "fesm2015/apipass-buttons.js",
+  "esm2015": "esm2015/apipass-buttons.js",
+  "fesm2015": "fesm2015/apipass-buttons.js",
+  "typings": "apipass-buttons.d.ts",
+  "metadata": "apipass-buttons.metadata.json",
+  "sideEffects": false
+}

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

@@ -0,0 +1,10 @@
+import { EventEmitter } from '@angular/core';
+export declare class PrimaryButtonComponent {
+    label: string;
+    btnDisabled: boolean;
+    icon: string;
+    selected: boolean;
+    btnClass: string;
+    onClick: EventEmitter<boolean>;
+    click(): void;
+}

package/public-api.d.ts

@@ -0,0 +1,7 @@
+export * from './buttons.module';
+export * from './default-button/default-button.component';
+export * from './outline-button/outline-button.component';
+export * from './primary-button/primary-button.component';
+export * from './secondary-button/secondary-button.component';
+export * from './tertiary-button/tertiary-button.component';
+export * from './tab-button/tab-button.component';

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

@@ -0,0 +1,10 @@
+import { EventEmitter } from '@angular/core';
+export declare class SecondaryButtonComponent {
+    label: string;
+    btnDisabled: boolean;
+    icon: string;
+    selected: boolean;
+    btnClass: string;
+    onClick: EventEmitter<boolean>;
+    click(): void;
+}

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

@@ -0,0 +1,11 @@
+import { EventEmitter } from '@angular/core';
+export declare class TabButtonComponent {
+    btnText: string;
+    btnIcon: string;
+    btnDisabled: boolean;
+    btnClass: string;
+    selected: boolean;
+    onClick: EventEmitter<boolean>;
+    click(): void;
+    getClass(): any;
+}

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

@@ -0,0 +1,10 @@
+import { EventEmitter } from '@angular/core';
+export declare class TertiaryButtonComponent {
+    label: string;
+    btnDisabled: boolean;
+    icon: string;
+    selected: boolean;
+    btnClass: string;
+    onClick: EventEmitter<boolean>;
+    click(): void;
+}