/**
 * This file is part of the MedSafe application which is commercial software created by MedVision360 B.V.
 * The source code is proprietary and confidential.
 *
 * Unauthorized copying of this file, via any medium is strictly prohibited.
 *
 * Copyright (c) by MedVision360 B.V. All rights reserved.
 *
 * For the application name: io.medrecord.medsafe
 */
import { __decorate } from "tslib";
import { Component, EventEmitter, Input, Output } from '@angular/core';
import { generateModifierKeyFactory } from '../../utils/style-modifier.util';
import { buttonBordersStyle, buttonColorStyle, ButtonSize, buttonType, buttonWidthStyle } from '../../models';
import { SvgRegisterService } from '../../services/svg-register.service';
let ButtonComponent = class ButtonComponent {
    constructor(iconService) {
        this.iconService = iconService;
        this.isSubmit = true;
        this.isFilled = false;
        this.isActive = false;
        this.defaultOptions = {
            buttonType: buttonType.submit,
            colorStyle: buttonColorStyle.primaryFilled,
            borderStyle: buttonBordersStyle.round,
            widthStyle: buttonWidthStyle.default,
            size: ButtonSize.normal,
            disabled: false,
            textBold: true,
            uppercase: false,
        };
        this.preparedOptions = this.defaultOptions;
        this.btnClick = new EventEmitter();
        this.buttonModifierPrefix = 'button';
        this.buttonUppercaseModifier = 'uppercase';
        this.buttonTextBoldModifier = 'text-bold';
        this.buttonIconLeftModifier = 'icon-left';
        this.buttonIconRightModifier = 'icon-right';
        this.generateModifierKey = generateModifierKeyFactory(this.buttonModifierPrefix);
    }
    set active(value) {
        this.isActive = value;
    }
    get preparedDisabled() {
        if (typeof this.preparedOptions.disabled === 'function') {
            return this.preparedOptions.disabled();
        }
        else {
            return this.preparedOptions.disabled;
        }
    }
    set options(options) {
        options.activeColorStyle = options.activeColorStyle || options.colorStyle || this.defaultOptions.colorStyle;
        this.preparedOptions = Object.assign({}, this.defaultOptions, options);
    }
    get buttonModifiers() {
        return {
            [this.generateModifierKey(this.preparedOptions.activeColorStyle)]: this.isActive,
            [this.generateModifierKey(this.preparedOptions.colorStyle)]: !this.isActive,
            [this.generateModifierKey(this.preparedOptions.widthStyle)]: true,
            [this.generateModifierKey(this.preparedOptions.borderStyle)]: true,
            [this.generateModifierKey(this.preparedOptions.size)]: true,
            [this.generateModifierKey(this.buttonIconLeftModifier)]: this.preparedOptions.iconLeft,
            [this.generateModifierKey(this.buttonIconRightModifier)]: this.preparedOptions.iconRight,
            [this.generateModifierKey(this.buttonUppercaseModifier)]: this.preparedOptions.uppercase,
            [this.generateModifierKey(this.buttonTextBoldModifier)]: this.preparedOptions.textBold,
        };
    }
};
ButtonComponent.ctorParameters = () => [
    { type: SvgRegisterService }
];
__decorate([
    Input()
], ButtonComponent.prototype, "isSubmit", void 0);
__decorate([
    Input()
], ButtonComponent.prototype, "isFilled", void 0);
__decorate([
    Input()
], ButtonComponent.prototype, "active", null);
__decorate([
    Input()
], ButtonComponent.prototype, "options", null);
__decorate([
    Output()
], ButtonComponent.prototype, "btnClick", void 0);
ButtonComponent = __decorate([
    Component({
        selector: 'app-button',
        template: "<button class=\"button\"\n        [type]=\"preparedOptions.buttonType\"\n        [disabled]=\"preparedDisabled\"\n        [ngClass]=\"buttonModifiers\"\n        (click)=\"btnClick.emit($event)\">\n  <svg-icon *ngIf=\"preparedOptions.iconLeft\"\n            [svgClass]=\"'left-icon'\"\n            [name]=\"preparedOptions.iconLeft\"></svg-icon>\n\n  <ng-content></ng-content>\n\n  <svg-icon *ngIf=\"preparedOptions.iconRight\"\n            [svgClass]=\"'right-icon'\"\n            [name]=\"preparedOptions.iconRight\"></svg-icon>\n</button>\n",
        styles: ["/*!\n * This file is part of the MedSafe application which is commercial software created by MedVision360 B.V.\n *  The source code is proprietary and confidential.\n *\n *  Unauthorized copying of this file, via any medium is strictly prohibited.\n *\n *  Copyright (c) by MedVision360 B.V. All rights reserved.\n *\n *  For the application name: io.medrecord.medsafe\n *//*!*\n * This file is part of the MedSafe application which is commercial software created by MedVision360 B.V.\n * The source code is proprietary and confidential.\n * Unauthorized copying of this file, via any medium is strictly prohibited.\n *\n * Copyright (c) by MedVision360 B.V. All rights reserved.\n *\n * For the application name: io.medrecord.medsafe\n */:host .button{user-drag:none;user-select:none;-moz-user-select:none;-webkit-user-drag:none;-webkit-user-select:none;-ms-user-select:none;height:40px;font-size:13px;border:2px solid;color:var(--athens-color);white-space:pre;box-sizing:border-box;display:flex;align-items:center;width:auto;padding:0 10px;cursor:pointer;outline:0;min-width:90px;justify-content:center}:host .button .left-icon{width:20px;margin-right:5px}:host .button .right-icon{width:20px;margin-left:5px}:host .button[disabled]{cursor:auto;pointer-events:none;opacity:.25}:host .button_width-full{justify-content:center;width:100%}:host .button_uppercase{text-transform:uppercase}:host .button_text-bold{font-weight:700}:host .button_border-round{border-radius:25px}:host .button_border-square{border-radius:5px}:host .button_size-large{padding:0 40px;font-size:14px;height:50px}:host .button_size-large .left-icon{width:30px;margin-right:5px}:host .button_size-large .right-icon{width:30px;margin-left:5px}:host .button_size-small{padding:0 7px;font-size:12px;height:32px}:host .button_size-small .left-icon{width:15px;margin-right:5px}:host .button_size-small .right-icon{width:15px;margin-left:5px}:host .button_size-extra-small{padding:0 7px;font-size:10px;height:25px}:host .button_size-extra-small .left-icon{width:13px;margin-right:5px}:host .button_size-extra-small .right-icon{width:13px;margin-left:5px}:host .button_color-primary{background-color:var(--white-color);color:var(--primary-button-color);border-color:var(--primary-button-color)}:host .button_color-primary:hover{color:var(--primary-button-hover-color);border-color:var(--primary-button-hover-color);background-color:var(--white-hover-color)}:host .button_color-primary:active{color:var(--primary-button-pressed-color);border-color:var(--primary-button-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-primary:focus{color:var(--primary-button-pressed-color);border-color:var(--primary-button-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-primary:disabled{color:var(--primary-button-disabled-color);border-color:var(--primary-button-disabled-color);background-color:var(--white-disabled-color)}:host .button_color-primary path{fill:var(--primary-button-color)}:host .button_color-primary circle{fill:var(--white-color);fill:var(--primary-button-color)}:host .button_color-primary circle~path{fill:var(--white-color)}:host .button_color-primary rect~path{fill:var(--white-color);stroke:var(--primary-button-color)}:host .button_color-primary rect~path+path{fill:var(--primary-button-color)}:host .button_color-primary .inverted-stroke{stroke:var(--primary-button-color)}:host .button_color-primary .inverted-fill{fill:var(--white-color)}:host .button_color-primary:hover path{fill:var(--primary-button-hover-color)}:host .button_color-primary:hover circle{fill:var(--white-hover-color);fill:var(--primary-button-hover-color)}:host .button_color-primary:hover circle~path{fill:var(--white-hover-color)}:host .button_color-primary:hover rect~path{fill:var(--white-hover-color);stroke:var(--primary-button-hover-color)}:host .button_color-primary:hover rect~path+path{fill:var(--primary-button-hover-color)}:host .button_color-primary:hover .inverted-stroke{stroke:var(--primary-button-hover-color)}:host .button_color-primary:hover .inverted-fill{fill:var(--white-hover-color)}:host .button_color-primary:active path{fill:var(--primary-button-pressed-color)}:host .button_color-primary:active circle{fill:var(--white-pressed-color);fill:var(--primary-button-pressed-color)}:host .button_color-primary:active circle~path{fill:var(--white-pressed-color)}:host .button_color-primary:active rect~path{fill:var(--white-pressed-color);stroke:var(--primary-button-pressed-color)}:host .button_color-primary:active rect~path+path{fill:var(--primary-button-pressed-color)}:host .button_color-primary:active .inverted-stroke{stroke:var(--primary-button-pressed-color)}:host .button_color-primary:active .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-primary:focus path{fill:var(--primary-button-pressed-color)}:host .button_color-primary:focus circle{fill:var(--white-pressed-color);fill:var(--primary-button-pressed-color)}:host .button_color-primary:focus circle~path{fill:var(--white-pressed-color)}:host .button_color-primary:focus rect~path{fill:var(--white-pressed-color);stroke:var(--primary-button-pressed-color)}:host .button_color-primary:focus rect~path+path{fill:var(--primary-button-pressed-color)}:host .button_color-primary:focus .inverted-stroke{stroke:var(--primary-button-pressed-color)}:host .button_color-primary:focus .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-primary:disabled path{fill:var(--primary-button-disabled-color)}:host .button_color-primary:disabled circle{fill:var(--white-disabled-color);fill:var(--primary-button-disabled-color)}:host .button_color-primary:disabled circle~path{fill:var(--white-disabled-color)}:host .button_color-primary:disabled rect~path{fill:var(--white-disabled-color);stroke:var(--primary-button-disabled-color)}:host .button_color-primary:disabled rect~path+path{fill:var(--primary-button-disabled-color)}:host .button_color-primary:disabled .inverted-stroke{stroke:var(--primary-button-disabled-color)}:host .button_color-primary:disabled .inverted-fill{fill:var(--white-disabled-color)}:host .button_color-primary-filled{background-color:var(--primary-button-color);color:var(--white-color);border-color:var(--primary-button-color)}:host .button_color-primary-filled:hover{color:var(--white-hover-color);border-color:var(--primary-button-hover-color);background-color:var(--primary-button-hover-color)}:host .button_color-primary-filled:active{color:var(--white-pressed-color);border-color:var(--primary-button-pressed-color);background-color:var(--primary-button-pressed-color)}:host .button_color-primary-filled:focus{color:var(--white-pressed-color);border-color:var(--primary-button-pressed-color);background-color:var(--primary-button-pressed-color)}:host .button_color-primary-filled:disabled{color:var(--white-disabled-color);border-color:var(--primary-button-disabled-color);background-color:var(--primary-button-disabled-color)}:host .button_color-primary-filled path{fill:var(--white-color)}:host .button_color-primary-filled circle{fill:var(--primary-button-color);fill:var(--white-color)}:host .button_color-primary-filled circle~path{fill:var(--primary-button-color)}:host .button_color-primary-filled rect~path{fill:var(--primary-button-color);stroke:var(--white-color)}:host .button_color-primary-filled rect~path+path{fill:var(--white-color)}:host .button_color-primary-filled .inverted-stroke{stroke:var(--white-color)}:host .button_color-primary-filled .inverted-fill{fill:var(--primary-button-color)}:host .button_color-primary-filled:hover path{fill:var(--white-hover-color)}:host .button_color-primary-filled:hover circle{fill:var(--primary-button-hover-color);fill:var(--white-hover-color)}:host .button_color-primary-filled:hover circle~path{fill:var(--primary-button-hover-color)}:host .button_color-primary-filled:hover rect~path{fill:var(--primary-button-hover-color);stroke:var(--white-hover-color)}:host .button_color-primary-filled:hover rect~path+path{fill:var(--white-hover-color)}:host .button_color-primary-filled:hover .inverted-stroke{stroke:var(--white-hover-color)}:host .button_color-primary-filled:hover .inverted-fill{fill:var(--primary-button-hover-color)}:host .button_color-primary-filled:active path{fill:var(--white-pressed-color)}:host .button_color-primary-filled:active circle{fill:var(--primary-button-pressed-color);fill:var(--white-pressed-color)}:host .button_color-primary-filled:active circle~path{fill:var(--primary-button-pressed-color)}:host .button_color-primary-filled:active rect~path{fill:var(--primary-button-pressed-color);stroke:var(--white-pressed-color)}:host .button_color-primary-filled:active rect~path+path{fill:var(--white-pressed-color)}:host .button_color-primary-filled:active .inverted-stroke{stroke:var(--white-pressed-color)}:host .button_color-primary-filled:active .inverted-fill{fill:var(--primary-button-pressed-color)}:host .button_color-primary-filled:focus path{fill:var(--white-pressed-color)}:host .button_color-primary-filled:focus circle{fill:var(--primary-button-pressed-color);fill:var(--white-pressed-color)}:host .button_color-primary-filled:focus circle~path{fill:var(--primary-button-pressed-color)}:host .button_color-primary-filled:focus rect~path{fill:var(--primary-button-pressed-color);stroke:var(--white-pressed-color)}:host .button_color-primary-filled:focus rect~path+path{fill:var(--white-pressed-color)}:host .button_color-primary-filled:focus .inverted-stroke{stroke:var(--white-pressed-color)}:host .button_color-primary-filled:focus .inverted-fill{fill:var(--primary-button-pressed-color)}:host .button_color-primary-filled:disabled path{fill:var(--white-disabled-color)}:host .button_color-primary-filled:disabled circle{fill:var(--primary-button-disabled-color);fill:var(--white-disabled-color)}:host .button_color-primary-filled:disabled circle~path{fill:var(--primary-button-disabled-color)}:host .button_color-primary-filled:disabled rect~path{fill:var(--primary-button-disabled-color);stroke:var(--white-disabled-color)}:host .button_color-primary-filled:disabled rect~path+path{fill:var(--white-disabled-color)}:host .button_color-primary-filled:disabled .inverted-stroke{stroke:var(--white-disabled-color)}:host .button_color-primary-filled:disabled .inverted-fill{fill:var(--primary-button-disabled-color)}:host .button_color-secondary{background-color:var(--white-color);color:var(--secondary-color);border-color:var(--secondary-color);border-width:1px}:host .button_color-secondary:hover{color:var(--secondary-hover-color);border-color:var(--secondary-hover-color);background-color:var(--white-hover-color)}:host .button_color-secondary:active{color:var(--secondary-pressed-color);border-color:var(--secondary-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-secondary:focus{color:var(--secondary-pressed-color);border-color:var(--secondary-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-secondary:disabled{color:var(--secondary-disabled-color);border-color:var(--secondary-disabled-color);background-color:var(--white-disabled-color)}:host .button_color-secondary path{fill:var(--secondary-color)}:host .button_color-secondary circle{fill:var(--white-color);fill:var(--secondary-color)}:host .button_color-secondary circle~path{fill:var(--white-color)}:host .button_color-secondary rect~path{fill:var(--white-color);stroke:var(--secondary-color)}:host .button_color-secondary rect~path+path{fill:var(--secondary-color)}:host .button_color-secondary .inverted-stroke{stroke:var(--secondary-color)}:host .button_color-secondary .inverted-fill{fill:var(--white-color)}:host .button_color-secondary:hover path{fill:var(--secondary-hover-color)}:host .button_color-secondary:hover circle{fill:var(--white-hover-color);fill:var(--secondary-hover-color)}:host .button_color-secondary:hover circle~path{fill:var(--white-hover-color)}:host .button_color-secondary:hover rect~path{fill:var(--white-hover-color);stroke:var(--secondary-hover-color)}:host .button_color-secondary:hover rect~path+path{fill:var(--secondary-hover-color)}:host .button_color-secondary:hover .inverted-stroke{stroke:var(--secondary-hover-color)}:host .button_color-secondary:hover .inverted-fill{fill:var(--white-hover-color)}:host .button_color-secondary:active path{fill:var(--secondary-pressed-color)}:host .button_color-secondary:active circle{fill:var(--white-pressed-color);fill:var(--secondary-pressed-color)}:host .button_color-secondary:active circle~path{fill:var(--white-pressed-color)}:host .button_color-secondary:active rect~path{fill:var(--white-pressed-color);stroke:var(--secondary-pressed-color)}:host .button_color-secondary:active rect~path+path{fill:var(--secondary-pressed-color)}:host .button_color-secondary:active .inverted-stroke{stroke:var(--secondary-pressed-color)}:host .button_color-secondary:active .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-secondary:focus path{fill:var(--secondary-pressed-color)}:host .button_color-secondary:focus circle{fill:var(--white-pressed-color);fill:var(--secondary-pressed-color)}:host .button_color-secondary:focus circle~path{fill:var(--white-pressed-color)}:host .button_color-secondary:focus rect~path{fill:var(--white-pressed-color);stroke:var(--secondary-pressed-color)}:host .button_color-secondary:focus rect~path+path{fill:var(--secondary-pressed-color)}:host .button_color-secondary:focus .inverted-stroke{stroke:var(--secondary-pressed-color)}:host .button_color-secondary:focus .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-secondary:disabled path{fill:var(--secondary-disabled-color)}:host .button_color-secondary:disabled circle{fill:var(--white-disabled-color);fill:var(--secondary-disabled-color)}:host .button_color-secondary:disabled circle~path{fill:var(--white-disabled-color)}:host .button_color-secondary:disabled rect~path{fill:var(--white-disabled-color);stroke:var(--secondary-disabled-color)}:host .button_color-secondary:disabled rect~path+path{fill:var(--secondary-disabled-color)}:host .button_color-secondary:disabled .inverted-stroke{stroke:var(--secondary-disabled-color)}:host .button_color-secondary:disabled .inverted-fill{fill:var(--white-disabled-color)}:host .button_color-secondary-filled{background-color:var(--secondary-color);color:var(--white-color);border-color:var(--secondary-color)}:host .button_color-secondary-filled:hover{color:var(--white-hover-color);border-color:var(--secondary-hover-color);background-color:var(--secondary-hover-color)}:host .button_color-secondary-filled:active{color:var(--white-pressed-color);border-color:var(--secondary-pressed-color);background-color:var(--secondary-pressed-color)}:host .button_color-secondary-filled:focus{color:var(--white-pressed-color);border-color:var(--secondary-pressed-color);background-color:var(--secondary-pressed-color)}:host .button_color-secondary-filled:disabled{color:var(--white-disabled-color);border-color:var(--secondary-disabled-color);background-color:var(--secondary-disabled-color)}:host .button_color-secondary-filled path{fill:var(--white-color)}:host .button_color-secondary-filled circle{fill:var(--secondary-color);fill:var(--white-color)}:host .button_color-secondary-filled circle~path{fill:var(--secondary-color)}:host .button_color-secondary-filled rect~path{fill:var(--secondary-color);stroke:var(--white-color)}:host .button_color-secondary-filled rect~path+path{fill:var(--white-color)}:host .button_color-secondary-filled .inverted-stroke{stroke:var(--white-color)}:host .button_color-secondary-filled .inverted-fill{fill:var(--secondary-color)}:host .button_color-secondary-filled:hover path{fill:var(--white-hover-color)}:host .button_color-secondary-filled:hover circle{fill:var(--secondary-hover-color);fill:var(--white-hover-color)}:host .button_color-secondary-filled:hover circle~path{fill:var(--secondary-hover-color)}:host .button_color-secondary-filled:hover rect~path{fill:var(--secondary-hover-color);stroke:var(--white-hover-color)}:host .button_color-secondary-filled:hover rect~path+path{fill:var(--white-hover-color)}:host .button_color-secondary-filled:hover .inverted-stroke{stroke:var(--white-hover-color)}:host .button_color-secondary-filled:hover .inverted-fill{fill:var(--secondary-hover-color)}:host .button_color-secondary-filled:active path{fill:var(--white-pressed-color)}:host .button_color-secondary-filled:active circle{fill:var(--secondary-pressed-color);fill:var(--white-pressed-color)}:host .button_color-secondary-filled:active circle~path{fill:var(--secondary-pressed-color)}:host .button_color-secondary-filled:active rect~path{fill:var(--secondary-pressed-color);stroke:var(--white-pressed-color)}:host .button_color-secondary-filled:active rect~path+path{fill:var(--white-pressed-color)}:host .button_color-secondary-filled:active .inverted-stroke{stroke:var(--white-pressed-color)}:host .button_color-secondary-filled:active .inverted-fill{fill:var(--secondary-pressed-color)}:host .button_color-secondary-filled:focus path{fill:var(--white-pressed-color)}:host .button_color-secondary-filled:focus circle{fill:var(--secondary-pressed-color);fill:var(--white-pressed-color)}:host .button_color-secondary-filled:focus circle~path{fill:var(--secondary-pressed-color)}:host .button_color-secondary-filled:focus rect~path{fill:var(--secondary-pressed-color);stroke:var(--white-pressed-color)}:host .button_color-secondary-filled:focus rect~path+path{fill:var(--white-pressed-color)}:host .button_color-secondary-filled:focus .inverted-stroke{stroke:var(--white-pressed-color)}:host .button_color-secondary-filled:focus .inverted-fill{fill:var(--secondary-pressed-color)}:host .button_color-secondary-filled:disabled path{fill:var(--white-disabled-color)}:host .button_color-secondary-filled:disabled circle{fill:var(--secondary-disabled-color);fill:var(--white-disabled-color)}:host .button_color-secondary-filled:disabled circle~path{fill:var(--secondary-disabled-color)}:host .button_color-secondary-filled:disabled rect~path{fill:var(--secondary-disabled-color);stroke:var(--white-disabled-color)}:host .button_color-secondary-filled:disabled rect~path+path{fill:var(--white-disabled-color)}:host .button_color-secondary-filled:disabled .inverted-stroke{stroke:var(--white-disabled-color)}:host .button_color-secondary-filled:disabled .inverted-fill{fill:var(--secondary-disabled-color)}:host .button_color-link{background-color:var(--white-color);color:var(--link-color);border-color:var(--link-color)}:host .button_color-link:hover{color:var(--link-hover-color);border-color:var(--link-hover-color);background-color:var(--white-hover-color)}:host .button_color-link:active{color:var(--link-pressed-color);border-color:var(--link-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-link:focus{color:var(--link-pressed-color);border-color:var(--link-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-link:disabled{color:var(--link-disabled-color);border-color:var(--link-disabled-color);background-color:var(--white-disabled-color)}:host .button_color-link path{fill:var(--link-color)}:host .button_color-link circle{fill:var(--white-color);fill:var(--link-color)}:host .button_color-link circle~path{fill:var(--white-color)}:host .button_color-link rect~path{fill:var(--white-color);stroke:var(--link-color)}:host .button_color-link rect~path+path{fill:var(--link-color)}:host .button_color-link .inverted-stroke{stroke:var(--link-color)}:host .button_color-link .inverted-fill{fill:var(--white-color)}:host .button_color-link:hover path{fill:var(--link-hover-color)}:host .button_color-link:hover circle{fill:var(--white-hover-color);fill:var(--link-hover-color)}:host .button_color-link:hover circle~path{fill:var(--white-hover-color)}:host .button_color-link:hover rect~path{fill:var(--white-hover-color);stroke:var(--link-hover-color)}:host .button_color-link:hover rect~path+path{fill:var(--link-hover-color)}:host .button_color-link:hover .inverted-stroke{stroke:var(--link-hover-color)}:host .button_color-link:hover .inverted-fill{fill:var(--white-hover-color)}:host .button_color-link:active path{fill:var(--link-pressed-color)}:host .button_color-link:active circle{fill:var(--white-pressed-color);fill:var(--link-pressed-color)}:host .button_color-link:active circle~path{fill:var(--white-pressed-color)}:host .button_color-link:active rect~path{fill:var(--white-pressed-color);stroke:var(--link-pressed-color)}:host .button_color-link:active rect~path+path{fill:var(--link-pressed-color)}:host .button_color-link:active .inverted-stroke{stroke:var(--link-pressed-color)}:host .button_color-link:active .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-link:focus path{fill:var(--link-pressed-color)}:host .button_color-link:focus circle{fill:var(--white-pressed-color);fill:var(--link-pressed-color)}:host .button_color-link:focus circle~path{fill:var(--white-pressed-color)}:host .button_color-link:focus rect~path{fill:var(--white-pressed-color);stroke:var(--link-pressed-color)}:host .button_color-link:focus rect~path+path{fill:var(--link-pressed-color)}:host .button_color-link:focus .inverted-stroke{stroke:var(--link-pressed-color)}:host .button_color-link:focus .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-link:disabled path{fill:var(--link-disabled-color)}:host .button_color-link:disabled circle{fill:var(--white-disabled-color);fill:var(--link-disabled-color)}:host .button_color-link:disabled circle~path{fill:var(--white-disabled-color)}:host .button_color-link:disabled rect~path{fill:var(--white-disabled-color);stroke:var(--link-disabled-color)}:host .button_color-link:disabled rect~path+path{fill:var(--link-disabled-color)}:host .button_color-link:disabled .inverted-stroke{stroke:var(--link-disabled-color)}:host .button_color-link:disabled .inverted-fill{fill:var(--white-disabled-color)}:host .button_color-link-filled{background-color:var(--link-color);color:var(--white-color);border-color:var(--link-color)}:host .button_color-link-filled:hover{color:var(--white-hover-color);border-color:var(--link-hover-color);background-color:var(--link-hover-color)}:host .button_color-link-filled:active{color:var(--white-pressed-color);border-color:var(--link-pressed-color);background-color:var(--link-pressed-color)}:host .button_color-link-filled:focus{color:var(--white-pressed-color);border-color:var(--link-pressed-color);background-color:var(--link-pressed-color)}:host .button_color-link-filled:disabled{color:var(--white-disabled-color);border-color:var(--link-disabled-color);background-color:var(--link-disabled-color)}:host .button_color-link-filled path{fill:var(--white-color)}:host .button_color-link-filled circle{fill:var(--link-color);fill:var(--white-color)}:host .button_color-link-filled circle~path{fill:var(--link-color)}:host .button_color-link-filled rect~path{fill:var(--link-color);stroke:var(--white-color)}:host .button_color-link-filled rect~path+path{fill:var(--white-color)}:host .button_color-link-filled .inverted-stroke{stroke:var(--white-color)}:host .button_color-link-filled .inverted-fill{fill:var(--link-color)}:host .button_color-link-filled:hover path{fill:var(--white-hover-color)}:host .button_color-link-filled:hover circle{fill:var(--link-hover-color);fill:var(--white-hover-color)}:host .button_color-link-filled:hover circle~path{fill:var(--link-hover-color)}:host .button_color-link-filled:hover rect~path{fill:var(--link-hover-color);stroke:var(--white-hover-color)}:host .button_color-link-filled:hover rect~path+path{fill:var(--white-hover-color)}:host .button_color-link-filled:hover .inverted-stroke{stroke:var(--white-hover-color)}:host .button_color-link-filled:hover .inverted-fill{fill:var(--link-hover-color)}:host .button_color-link-filled:active path{fill:var(--white-pressed-color)}:host .button_color-link-filled:active circle{fill:var(--link-pressed-color);fill:var(--white-pressed-color)}:host .button_color-link-filled:active circle~path{fill:var(--link-pressed-color)}:host .button_color-link-filled:active rect~path{fill:var(--link-pressed-color);stroke:var(--white-pressed-color)}:host .button_color-link-filled:active rect~path+path{fill:var(--white-pressed-color)}:host .button_color-link-filled:active .inverted-stroke{stroke:var(--white-pressed-color)}:host .button_color-link-filled:active .inverted-fill{fill:var(--link-pressed-color)}:host .button_color-link-filled:focus path{fill:var(--white-pressed-color)}:host .button_color-link-filled:focus circle{fill:var(--link-pressed-color);fill:var(--white-pressed-color)}:host .button_color-link-filled:focus circle~path{fill:var(--link-pressed-color)}:host .button_color-link-filled:focus rect~path{fill:var(--link-pressed-color);stroke:var(--white-pressed-color)}:host .button_color-link-filled:focus rect~path+path{fill:var(--white-pressed-color)}:host .button_color-link-filled:focus .inverted-stroke{stroke:var(--white-pressed-color)}:host .button_color-link-filled:focus .inverted-fill{fill:var(--link-pressed-color)}:host .button_color-link-filled:disabled path{fill:var(--white-disabled-color)}:host .button_color-link-filled:disabled circle{fill:var(--link-disabled-color);fill:var(--white-disabled-color)}:host .button_color-link-filled:disabled circle~path{fill:var(--link-disabled-color)}:host .button_color-link-filled:disabled rect~path{fill:var(--link-disabled-color);stroke:var(--white-disabled-color)}:host .button_color-link-filled:disabled rect~path+path{fill:var(--white-disabled-color)}:host .button_color-link-filled:disabled .inverted-stroke{stroke:var(--white-disabled-color)}:host .button_color-link-filled:disabled .inverted-fill{fill:var(--link-disabled-color)}:host .button_color-success{background-color:var(--white-color);color:var(--success-color);border-color:var(--success-color)}:host .button_color-success:hover{color:var(--success-hover-color);border-color:var(--success-hover-color);background-color:var(--white-hover-color)}:host .button_color-success:active{color:var(--success-pressed-color);border-color:var(--success-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-success:focus{color:var(--success-pressed-color);border-color:var(--success-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-success:disabled{color:var(--success-disabled-color);border-color:var(--success-disabled-color);background-color:var(--white-disabled-color)}:host .button_color-success path{fill:var(--success-color)}:host .button_color-success circle{fill:var(--white-color);fill:var(--success-color)}:host .button_color-success circle~path{fill:var(--white-color)}:host .button_color-success rect~path{fill:var(--white-color);stroke:var(--success-color)}:host .button_color-success rect~path+path{fill:var(--success-color)}:host .button_color-success .inverted-stroke{stroke:var(--success-color)}:host .button_color-success .inverted-fill{fill:var(--white-color)}:host .button_color-success:hover path{fill:var(--success-hover-color)}:host .button_color-success:hover circle{fill:var(--white-hover-color);fill:var(--success-hover-color)}:host .button_color-success:hover circle~path{fill:var(--white-hover-color)}:host .button_color-success:hover rect~path{fill:var(--white-hover-color);stroke:var(--success-hover-color)}:host .button_color-success:hover rect~path+path{fill:var(--success-hover-color)}:host .button_color-success:hover .inverted-stroke{stroke:var(--success-hover-color)}:host .button_color-success:hover .inverted-fill{fill:var(--white-hover-color)}:host .button_color-success:active path{fill:var(--success-pressed-color)}:host .button_color-success:active circle{fill:var(--white-pressed-color);fill:var(--success-pressed-color)}:host .button_color-success:active circle~path{fill:var(--white-pressed-color)}:host .button_color-success:active rect~path{fill:var(--white-pressed-color);stroke:var(--success-pressed-color)}:host .button_color-success:active rect~path+path{fill:var(--success-pressed-color)}:host .button_color-success:active .inverted-stroke{stroke:var(--success-pressed-color)}:host .button_color-success:active .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-success:focus path{fill:var(--success-pressed-color)}:host .button_color-success:focus circle{fill:var(--white-pressed-color);fill:var(--success-pressed-color)}:host .button_color-success:focus circle~path{fill:var(--white-pressed-color)}:host .button_color-success:focus rect~path{fill:var(--white-pressed-color);stroke:var(--success-pressed-color)}:host .button_color-success:focus rect~path+path{fill:var(--success-pressed-color)}:host .button_color-success:focus .inverted-stroke{stroke:var(--success-pressed-color)}:host .button_color-success:focus .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-success:disabled path{fill:var(--success-disabled-color)}:host .button_color-success:disabled circle{fill:var(--white-disabled-color);fill:var(--success-disabled-color)}:host .button_color-success:disabled circle~path{fill:var(--white-disabled-color)}:host .button_color-success:disabled rect~path{fill:var(--white-disabled-color);stroke:var(--success-disabled-color)}:host .button_color-success:disabled rect~path+path{fill:var(--success-disabled-color)}:host .button_color-success:disabled .inverted-stroke{stroke:var(--success-disabled-color)}:host .button_color-success:disabled .inverted-fill{fill:var(--white-disabled-color)}:host .button_color-success-filled{background-color:var(--success-color);color:var(--white-color);border-color:var(--success-color)}:host .button_color-success-filled:hover{color:var(--white-hover-color);border-color:var(--success-hover-color);background-color:var(--success-hover-color)}:host .button_color-success-filled:active{color:var(--white-pressed-color);border-color:var(--success-pressed-color);background-color:var(--success-pressed-color)}:host .button_color-success-filled:focus{color:var(--white-pressed-color);border-color:var(--success-pressed-color);background-color:var(--success-pressed-color)}:host .button_color-success-filled:disabled{color:var(--white-disabled-color);border-color:var(--success-disabled-color);background-color:var(--success-disabled-color)}:host .button_color-success-filled path{fill:var(--white-color)}:host .button_color-success-filled circle{fill:var(--success-color);fill:var(--white-color)}:host .button_color-success-filled circle~path{fill:var(--success-color)}:host .button_color-success-filled rect~path{fill:var(--success-color);stroke:var(--white-color)}:host .button_color-success-filled rect~path+path{fill:var(--white-color)}:host .button_color-success-filled .inverted-stroke{stroke:var(--white-color)}:host .button_color-success-filled .inverted-fill{fill:var(--success-color)}:host .button_color-success-filled:hover path{fill:var(--white-hover-color)}:host .button_color-success-filled:hover circle{fill:var(--success-hover-color);fill:var(--white-hover-color)}:host .button_color-success-filled:hover circle~path{fill:var(--success-hover-color)}:host .button_color-success-filled:hover rect~path{fill:var(--success-hover-color);stroke:var(--white-hover-color)}:host .button_color-success-filled:hover rect~path+path{fill:var(--white-hover-color)}:host .button_color-success-filled:hover .inverted-stroke{stroke:var(--white-hover-color)}:host .button_color-success-filled:hover .inverted-fill{fill:var(--success-hover-color)}:host .button_color-success-filled:active path{fill:var(--white-pressed-color)}:host .button_color-success-filled:active circle{fill:var(--success-pressed-color);fill:var(--white-pressed-color)}:host .button_color-success-filled:active circle~path{fill:var(--success-pressed-color)}:host .button_color-success-filled:active rect~path{fill:var(--success-pressed-color);stroke:var(--white-pressed-color)}:host .button_color-success-filled:active rect~path+path{fill:var(--white-pressed-color)}:host .button_color-success-filled:active .inverted-stroke{stroke:var(--white-pressed-color)}:host .button_color-success-filled:active .inverted-fill{fill:var(--success-pressed-color)}:host .button_color-success-filled:focus path{fill:var(--white-pressed-color)}:host .button_color-success-filled:focus circle{fill:var(--success-pressed-color);fill:var(--white-pressed-color)}:host .button_color-success-filled:focus circle~path{fill:var(--success-pressed-color)}:host .button_color-success-filled:focus rect~path{fill:var(--success-pressed-color);stroke:var(--white-pressed-color)}:host .button_color-success-filled:focus rect~path+path{fill:var(--white-pressed-color)}:host .button_color-success-filled:focus .inverted-stroke{stroke:var(--white-pressed-color)}:host .button_color-success-filled:focus .inverted-fill{fill:var(--success-pressed-color)}:host .button_color-success-filled:disabled path{fill:var(--white-disabled-color)}:host .button_color-success-filled:disabled circle{fill:var(--success-disabled-color);fill:var(--white-disabled-color)}:host .button_color-success-filled:disabled circle~path{fill:var(--success-disabled-color)}:host .button_color-success-filled:disabled rect~path{fill:var(--success-disabled-color);stroke:var(--white-disabled-color)}:host .button_color-success-filled:disabled rect~path+path{fill:var(--white-disabled-color)}:host .button_color-success-filled:disabled .inverted-stroke{stroke:var(--white-disabled-color)}:host .button_color-success-filled:disabled .inverted-fill{fill:var(--success-disabled-color)}:host .button_color-error{background-color:var(--white-color);color:var(--cape-cod-color);border-color:var(--error-color)}:host .button_color-error:hover{color:var(--cape-cod-hover-color);border-color:var(--error-hover-color);background-color:var(--white-hover-color)}:host .button_color-error:active{color:var(--cape-cod-pressed-color);border-color:var(--error-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-error:focus{color:var(--cape-cod-pressed-color);border-color:var(--error-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-error:disabled{color:var(--cape-cod-disabled-color);border-color:var(--error-disabled-color);background-color:var(--white-disabled-color)}:host .button_color-error path{fill:var(--cape-cod-color)}:host .button_color-error circle{fill:var(--white-color);fill:var(--cape-cod-color)}:host .button_color-error circle~path{fill:var(--white-color)}:host .button_color-error rect~path{fill:var(--white-color);stroke:var(--cape-cod-color)}:host .button_color-error rect~path+path{fill:var(--cape-cod-color)}:host .button_color-error .inverted-stroke{stroke:var(--cape-cod-color)}:host .button_color-error .inverted-fill{fill:var(--white-color)}:host .button_color-error:hover path{fill:var(--cape-cod-hover-color)}:host .button_color-error:hover circle{fill:var(--white-hover-color);fill:var(--cape-cod-hover-color)}:host .button_color-error:hover circle~path{fill:var(--white-hover-color)}:host .button_color-error:hover rect~path{fill:var(--white-hover-color);stroke:var(--cape-cod-hover-color)}:host .button_color-error:hover rect~path+path{fill:var(--cape-cod-hover-color)}:host .button_color-error:hover .inverted-stroke{stroke:var(--cape-cod-hover-color)}:host .button_color-error:hover .inverted-fill{fill:var(--white-hover-color)}:host .button_color-error:active path{fill:var(--cape-cod-pressed-color)}:host .button_color-error:active circle{fill:var(--white-pressed-color);fill:var(--cape-cod-pressed-color)}:host .button_color-error:active circle~path{fill:var(--white-pressed-color)}:host .button_color-error:active rect~path{fill:var(--white-pressed-color);stroke:var(--cape-cod-pressed-color)}:host .button_color-error:active rect~path+path{fill:var(--cape-cod-pressed-color)}:host .button_color-error:active .inverted-stroke{stroke:var(--cape-cod-pressed-color)}:host .button_color-error:active .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-error:focus path{fill:var(--cape-cod-pressed-color)}:host .button_color-error:focus circle{fill:var(--white-pressed-color);fill:var(--cape-cod-pressed-color)}:host .button_color-error:focus circle~path{fill:var(--white-pressed-color)}:host .button_color-error:focus rect~path{fill:var(--white-pressed-color);stroke:var(--cape-cod-pressed-color)}:host .button_color-error:focus rect~path+path{fill:var(--cape-cod-pressed-color)}:host .button_color-error:focus .inverted-stroke{stroke:var(--cape-cod-pressed-color)}:host .button_color-error:focus .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-error:disabled path{fill:var(--cape-cod-disabled-color)}:host .button_color-error:disabled circle{fill:var(--white-disabled-color);fill:var(--cape-cod-disabled-color)}:host .button_color-error:disabled circle~path{fill:var(--white-disabled-color)}:host .button_color-error:disabled rect~path{fill:var(--white-disabled-color);stroke:var(--cape-cod-disabled-color)}:host .button_color-error:disabled rect~path+path{fill:var(--cape-cod-disabled-color)}:host .button_color-error:disabled .inverted-stroke{stroke:var(--cape-cod-disabled-color)}:host .button_color-error:disabled .inverted-fill{fill:var(--white-disabled-color)}:host .button_color-error-filled{background-color:var(--error-color);color:var(--white-color);border-color:var(--error-color)}:host .button_color-error-filled:hover{color:var(--white-hover-color);border-color:var(--error-hover-color);background-color:var(--error-hover-color)}:host .button_color-error-filled:active{color:var(--white-pressed-color);border-color:var(--error-pressed-color);background-color:var(--error-pressed-color)}:host .button_color-error-filled:focus{color:var(--white-pressed-color);border-color:var(--error-pressed-color);background-color:var(--error-pressed-color)}:host .button_color-error-filled:disabled{color:var(--white-disabled-color);border-color:var(--error-disabled-color);background-color:var(--error-disabled-color)}:host .button_color-error-filled path{fill:var(--white-color)}:host .button_color-error-filled circle{fill:var(--error-color);fill:var(--white-color)}:host .button_color-error-filled circle~path{fill:var(--error-color)}:host .button_color-error-filled rect~path{fill:var(--error-color);stroke:var(--white-color)}:host .button_color-error-filled rect~path+path{fill:var(--white-color)}:host .button_color-error-filled .inverted-stroke{stroke:var(--white-color)}:host .button_color-error-filled .inverted-fill{fill:var(--error-color)}:host .button_color-error-filled:hover path{fill:var(--white-hover-color)}:host .button_color-error-filled:hover circle{fill:var(--error-hover-color);fill:var(--white-hover-color)}:host .button_color-error-filled:hover circle~path{fill:var(--error-hover-color)}:host .button_color-error-filled:hover rect~path{fill:var(--error-hover-color);stroke:var(--white-hover-color)}:host .button_color-error-filled:hover rect~path+path{fill:var(--white-hover-color)}:host .button_color-error-filled:hover .inverted-stroke{stroke:var(--white-hover-color)}:host .button_color-error-filled:hover .inverted-fill{fill:var(--error-hover-color)}:host .button_color-error-filled:active path{fill:var(--white-pressed-color)}:host .button_color-error-filled:active circle{fill:var(--error-pressed-color);fill:var(--white-pressed-color)}:host .button_color-error-filled:active circle~path{fill:var(--error-pressed-color)}:host .button_color-error-filled:active rect~path{fill:var(--error-pressed-color);stroke:var(--white-pressed-color)}:host .button_color-error-filled:active rect~path+path{fill:var(--white-pressed-color)}:host .button_color-error-filled:active .inverted-stroke{stroke:var(--white-pressed-color)}:host .button_color-error-filled:active .inverted-fill{fill:var(--error-pressed-color)}:host .button_color-error-filled:focus path{fill:var(--white-pressed-color)}:host .button_color-error-filled:focus circle{fill:var(--error-pressed-color);fill:var(--white-pressed-color)}:host .button_color-error-filled:focus circle~path{fill:var(--error-pressed-color)}:host .button_color-error-filled:focus rect~path{fill:var(--error-pressed-color);stroke:var(--white-pressed-color)}:host .button_color-error-filled:focus rect~path+path{fill:var(--white-pressed-color)}:host .button_color-error-filled:focus .inverted-stroke{stroke:var(--white-pressed-color)}:host .button_color-error-filled:focus .inverted-fill{fill:var(--error-pressed-color)}:host .button_color-error-filled:disabled path{fill:var(--white-disabled-color)}:host .button_color-error-filled:disabled circle{fill:var(--error-disabled-color);fill:var(--white-disabled-color)}:host .button_color-error-filled:disabled circle~path{fill:var(--error-disabled-color)}:host .button_color-error-filled:disabled rect~path{fill:var(--error-disabled-color);stroke:var(--white-disabled-color)}:host .button_color-error-filled:disabled rect~path+path{fill:var(--white-disabled-color)}:host .button_color-error-filled:disabled .inverted-stroke{stroke:var(--white-disabled-color)}:host .button_color-error-filled:disabled .inverted-fill{fill:var(--error-disabled-color)}:host .button_color-light{background-color:var(--white-color);color:var(--primary-color);border-color:var(--mystic-color)}:host .button_color-light:hover{color:var(--primary-hover-color);border-color:var(--mystic-hover-color);background-color:var(--white-hover-color)}:host .button_color-light:active{color:var(--primary-pressed-color);border-color:var(--mystic-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-light:focus{color:var(--primary-pressed-color);border-color:var(--mystic-pressed-color);background-color:var(--white-pressed-color)}:host .button_color-light:disabled{color:var(--primary-disabled-color);border-color:var(--mystic-disabled-color);background-color:var(--white-disabled-color)}:host .button_color-light path{fill:var(--primary-color)}:host .button_color-light circle{fill:var(--white-color);fill:var(--primary-color)}:host .button_color-light circle~path{fill:var(--white-color)}:host .button_color-light rect~path{fill:var(--white-color);stroke:var(--primary-color)}:host .button_color-light rect~path+path{fill:var(--primary-color)}:host .button_color-light .inverted-stroke{stroke:var(--primary-color)}:host .button_color-light .inverted-fill{fill:var(--white-color)}:host .button_color-light:hover path{fill:var(--primary-hover-color)}:host .button_color-light:hover circle{fill:var(--white-hover-color);fill:var(--primary-hover-color)}:host .button_color-light:hover circle~path{fill:var(--white-hover-color)}:host .button_color-light:hover rect~path{fill:var(--white-hover-color);stroke:var(--primary-hover-color)}:host .button_color-light:hover rect~path+path{fill:var(--primary-hover-color)}:host .button_color-light:hover .inverted-stroke{stroke:var(--primary-hover-color)}:host .button_color-light:hover .inverted-fill{fill:var(--white-hover-color)}:host .button_color-light:active path{fill:var(--primary-pressed-color)}:host .button_color-light:active circle{fill:var(--white-pressed-color);fill:var(--primary-pressed-color)}:host .button_color-light:active circle~path{fill:var(--white-pressed-color)}:host .button_color-light:active rect~path{fill:var(--white-pressed-color);stroke:var(--primary-pressed-color)}:host .button_color-light:active rect~path+path{fill:var(--primary-pressed-color)}:host .button_color-light:active .inverted-stroke{stroke:var(--primary-pressed-color)}:host .button_color-light:active .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-light:focus path{fill:var(--primary-pressed-color)}:host .button_color-light:focus circle{fill:var(--white-pressed-color);fill:var(--primary-pressed-color)}:host .button_color-light:focus circle~path{fill:var(--white-pressed-color)}:host .button_color-light:focus rect~path{fill:var(--white-pressed-color);stroke:var(--primary-pressed-color)}:host .button_color-light:focus rect~path+path{fill:var(--primary-pressed-color)}:host .button_color-light:focus .inverted-stroke{stroke:var(--primary-pressed-color)}:host .button_color-light:focus .inverted-fill{fill:var(--white-pressed-color)}:host .button_color-light:disabled path{fill:var(--primary-disabled-color)}:host .button_color-light:disabled circle{fill:var(--white-disabled-color);fill:var(--primary-disabled-color)}:host .button_color-light:disabled circle~path{fill:var(--white-disabled-color)}:host .button_color-light:disabled rect~path{fill:var(--white-disabled-color);stroke:var(--primary-disabled-color)}:host .button_color-light:disabled rect~path+path{fill:var(--primary-disabled-color)}:host .button_color-light:disabled .inverted-stroke{stroke:var(--primary-disabled-color)}:host .button_color-light:disabled .inverted-fill{fill:var(--white-disabled-color)}:host .button_color-dark{background-color:var(--primary-color);color:var(--athens-color);border-color:var(--primary-color)}:host .button_color-dark:hover{color:var(--athens-hover-color);border-color:var(--primary-hover-color);background-color:var(--primary-hover-color)}:host .button_color-dark:active{color:var(--athens-pressed-color);border-color:var(--primary-pressed-color);background-color:var(--primary-pressed-color)}:host .button_color-dark:focus{color:var(--athens-pressed-color);border-color:var(--primary-pressed-color);background-color:var(--primary-pressed-color)}:host .button_color-dark:disabled{color:var(--athens-disabled-color);border-color:var(--primary-disabled-color);background-color:var(--primary-disabled-color)}:host .button_color-dark path{fill:var(--athens-color)}:host .button_color-dark circle{fill:var(--primary-color);fill:var(--athens-color)}:host .button_color-dark circle~path{fill:var(--primary-color)}:host .button_color-dark rect~path{fill:var(--primary-color);stroke:var(--athens-color)}:host .button_color-dark rect~path+path{fill:var(--athens-color)}:host .button_color-dark .inverted-stroke{stroke:var(--athens-color)}:host .button_color-dark .inverted-fill{fill:var(--primary-color)}:host .button_color-dark:hover path{fill:var(--athens-hover-color)}:host .button_color-dark:hover circle{fill:var(--primary-hover-color);fill:var(--athens-hover-color)}:host .button_color-dark:hover circle~path{fill:var(--primary-hover-color)}:host .button_color-dark:hover rect~path{fill:var(--primary-hover-color);stroke:var(--athens-hover-color)}:host .button_color-dark:hover rect~path+path{fill:var(--athens-hover-color)}:host .button_color-dark:hover .inverted-stroke{stroke:var(--athens-hover-color)}:host .button_color-dark:hover .inverted-fill{fill:var(--primary-hover-color)}:host .button_color-dark:active path{fill:var(--athens-pressed-color)}:host .button_color-dark:active circle{fill:var(--primary-pressed-color);fill:var(--athens-pressed-color)}:host .button_color-dark:active circle~path{fill:var(--primary-pressed-color)}:host .button_color-dark:active rect~path{fill:var(--primary-pressed-color);stroke:var(--athens-pressed-color)}:host .button_color-dark:active rect~path+path{fill:var(--athens-pressed-color)}:host .button_color-dark:active .inverted-stroke{stroke:var(--athens-pressed-color)}:host .button_color-dark:active .inverted-fill{fill:var(--primary-pressed-color)}:host .button_color-dark:focus path{fill:var(--athens-pressed-color)}:host .button_color-dark:focus circle{fill:var(--primary-pressed-color);fill:var(--athens-pressed-color)}:host .button_color-dark:focus circle~path{fill:var(--primary-pressed-color)}:host .button_color-dark:focus rect~path{fill:var(--primary-pressed-color);stroke:var(--athens-pressed-color)}:host .button_color-dark:focus rect~path+path{fill:var(--athens-pressed-color)}:host .button_color-dark:focus .inverted-stroke{stroke:var(--athens-pressed-color)}:host .button_color-dark:focus .inverted-fill{fill:var(--primary-pressed-color)}:host .button_color-dark:disabled path{fill:var(--athens-disabled-color)}:host .button_color-dark:disabled circle{fill:var(--primary-disabled-color);fill:var(--athens-disabled-color)}:host .button_color-dark:disabled circle~path{fill:var(--primary-disabled-color)}:host .button_color-dark:disabled rect~path{fill:var(--primary-disabled-color);stroke:var(--athens-disabled-color)}:host .button_color-dark:disabled rect~path+path{fill:var(--athens-disabled-color)}:host .button_color-dark:disabled .inverted-stroke{stroke:var(--athens-disabled-color)}:host .button_color-dark:disabled .inverted-fill{fill:var(--primary-disabled-color)}:host .icon{pointer-events:none}:host .iconLeft{margin-right:6px}:host .iconRight{margin-left:6px}"]
    })
], ButtonComponent);
export { ButtonComponent };
//# sourceMappingURL=data:application/json;base64, 