import { Component, Input } from "@angular/core";
import * as i0 from "@angular/core";
import * as i1 from "@angular/common";
export class SelectButtonItemComponent {
    label;
    active = false;
    first = false;
    last = false;
    disabled = false;
    static ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectButtonItemComponent, deps: [], target: i0.ɵɵFactoryTarget.Component });
    static ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.14", type: SelectButtonItemComponent, selector: "s-select-button-item", inputs: { label: "label", active: "active", first: "first", last: "last", disabled: "disabled" }, ngImport: i0, template: "<button\n    class=\"select-button-item\"\n    [ngClass]=\"{\n        'select-button-item--active': active,\n        'select-button-item--disabled': disabled,\n        'select-button-item--first': first,\n        'select-button-item--last': last\n    }\">\n    <span class=\"select-button-item__label\">{{ label }}</span>\n</button>", styles: [".select-button-item{padding:8px 12px;cursor:pointer;background-color:#fff;border:none;border-left:1px solid #c1c1cc;border-top:1px solid #c1c1cc;border-bottom:1px solid #c1c1cc}.select-button-item__label{font-family:\"Open Sans\" sans-serif;font-size:14px}.select-button-item:not(.select-button-item--disabled):not(.select-button-item--active):hover{background-color:#eeebf2}.select-button-item--active,.select-button-item--active:hover{background-color:#c1c1cc;font-weight:700}.select-button-item--disabled{opacity:.5;cursor:default}.select-button-item--first{border-top-left-radius:2px;border-bottom-left-radius:2px}.select-button-item--last{border-right:1px solid #c1c1cc;border-top-right-radius:2px;border-bottom-right-radius:2px}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }] });
}
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.14", ngImport: i0, type: SelectButtonItemComponent, decorators: [{
            type: Component,
            args: [{ selector: "s-select-button-item", template: "<button\n    class=\"select-button-item\"\n    [ngClass]=\"{\n        'select-button-item--active': active,\n        'select-button-item--disabled': disabled,\n        'select-button-item--first': first,\n        'select-button-item--last': last\n    }\">\n    <span class=\"select-button-item__label\">{{ label }}</span>\n</button>", styles: [".select-button-item{padding:8px 12px;cursor:pointer;background-color:#fff;border:none;border-left:1px solid #c1c1cc;border-top:1px solid #c1c1cc;border-bottom:1px solid #c1c1cc}.select-button-item__label{font-family:\"Open Sans\" sans-serif;font-size:14px}.select-button-item:not(.select-button-item--disabled):not(.select-button-item--active):hover{background-color:#eeebf2}.select-button-item--active,.select-button-item--active:hover{background-color:#c1c1cc;font-weight:700}.select-button-item--disabled{opacity:.5;cursor:default}.select-button-item--first{border-top-left-radius:2px;border-bottom-left-radius:2px}.select-button-item--last{border-right:1px solid #c1c1cc;border-top-right-radius:2px;border-bottom-right-radius:2px}\n"] }]
        }], propDecorators: { label: [{
                type: Input,
                args: [{ required: true }]
            }], active: [{
                type: Input
            }], first: [{
                type: Input
            }], last: [{
                type: Input
            }], disabled: [{
                type: Input
            }] } });
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LWJ1dHRvbi1pdGVtLmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL3Byb2plY3RzL2FuZ3VsYXItY29tcG9uZW50cy9zZWxlY3QtYnV0dG9uL3NyYy9saWIvc2VsZWN0LWJ1dHRvbi9jb21wb25lbnRzL3NlbGVjdC1idXR0b24taXRlbS9zZWxlY3QtYnV0dG9uLWl0ZW0uY29tcG9uZW50LnRzIiwiLi4vLi4vLi4vLi4vLi4vLi4vLi4vcHJvamVjdHMvYW5ndWxhci1jb21wb25lbnRzL3NlbGVjdC1idXR0b24vc3JjL2xpYi9zZWxlY3QtYnV0dG9uL2NvbXBvbmVudHMvc2VsZWN0LWJ1dHRvbi1pdGVtL3NlbGVjdC1idXR0b24taXRlbS5jb21wb25lbnQuaHRtbCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQUUsU0FBUyxFQUFFLEtBQUssRUFBRSxNQUFNLGVBQWUsQ0FBQzs7O0FBT2pELE1BQU0sT0FBTyx5QkFBeUI7SUFFM0IsS0FBSyxDQUFVO0lBR2YsTUFBTSxHQUFHLEtBQUssQ0FBQztJQUdmLEtBQUssR0FBRyxLQUFLLENBQUM7SUFHZCxJQUFJLEdBQUcsS0FBSyxDQUFDO0lBR2IsUUFBUSxHQUFHLEtBQUssQ0FBQzt3R0FkZix5QkFBeUI7NEZBQXpCLHlCQUF5Qiw4SkNQdEMsOFVBU1M7OzRGREZJLHlCQUF5QjtrQkFMckMsU0FBUzsrQkFDSSxzQkFBc0I7OEJBTXpCLEtBQUs7c0JBRFgsS0FBSzt1QkFBQyxFQUFFLFFBQVEsRUFBRSxJQUFJLEVBQUU7Z0JBSWxCLE1BQU07c0JBRFosS0FBSztnQkFJQyxLQUFLO3NCQURYLEtBQUs7Z0JBSUMsSUFBSTtzQkFEVixLQUFLO2dCQUlDLFFBQVE7c0JBRGQsS0FBSyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IENvbXBvbmVudCwgSW5wdXQgfSBmcm9tIFwiQGFuZ3VsYXIvY29yZVwiO1xuXG5AQ29tcG9uZW50KHtcbiAgICBzZWxlY3RvcjogXCJzLXNlbGVjdC1idXR0b24taXRlbVwiLFxuICAgIHRlbXBsYXRlVXJsOiBcIi4vc2VsZWN0LWJ1dHRvbi1pdGVtLmNvbXBvbmVudC5odG1sXCIsXG4gICAgc3R5bGVVcmxzOiBbXCIuL3NlbGVjdC1idXR0b24taXRlbS5jb21wb25lbnQuc2Nzc1wiXSxcbn0pXG5leHBvcnQgY2xhc3MgU2VsZWN0QnV0dG9uSXRlbUNvbXBvbmVudCB7XG4gICAgQElucHV0KHsgcmVxdWlyZWQ6IHRydWUgfSlcbiAgICBwdWJsaWMgbGFiZWwhOiBzdHJpbmc7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBhY3RpdmUgPSBmYWxzZTtcblxuICAgIEBJbnB1dCgpXG4gICAgcHVibGljIGZpcnN0ID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBsYXN0ID0gZmFsc2U7XG5cbiAgICBASW5wdXQoKVxuICAgIHB1YmxpYyBkaXNhYmxlZCA9IGZhbHNlO1xufVxuIiwiPGJ1dHRvblxuICAgIGNsYXNzPVwic2VsZWN0LWJ1dHRvbi1pdGVtXCJcbiAgICBbbmdDbGFzc109XCJ7XG4gICAgICAgICdzZWxlY3QtYnV0dG9uLWl0ZW0tLWFjdGl2ZSc6IGFjdGl2ZSxcbiAgICAgICAgJ3NlbGVjdC1idXR0b24taXRlbS0tZGlzYWJsZWQnOiBkaXNhYmxlZCxcbiAgICAgICAgJ3NlbGVjdC1idXR0b24taXRlbS0tZmlyc3QnOiBmaXJzdCxcbiAgICAgICAgJ3NlbGVjdC1idXR0b24taXRlbS0tbGFzdCc6IGxhc3RcbiAgICB9XCI+XG4gICAgPHNwYW4gY2xhc3M9XCJzZWxlY3QtYnV0dG9uLWl0ZW1fX2xhYmVsXCI+e3sgbGFiZWwgfX08L3NwYW4+XG48L2J1dHRvbj4iXX0=