import { r as registerInstance } from './core-3f33e631.js';

const ButtonGroup = class {
    constructor(hostRef) {
        registerInstance(this, hostRef);
        /**
         * If true, the buttons connect to form Mechabutton and destroy the world.
         * Does not apply to the only applies to center, left, and right alignment.
         */
        this.concat = false;
    }
    static get style() { return "anj-button-group {\n  display: -ms-flexbox;\n  display: flex;\n  -ms-flex: 1;\n  flex: 1;\n  -ms-flex-wrap: wrap;\n  flex-wrap: wrap;\n  -ms-flex-pack: justify;\n  justify-content: space-between;\n}\nanj-button-group[align=center] {\n  -ms-flex-pack: center;\n  justify-content: center;\n}\nanj-button-group[align=center]:not([concat]) anj-button:not([context=icon]):not([context=free]) {\n  margin: 0 0.5rem;\n}\nanj-button-group[align=even] {\n  -ms-flex-pack: space-evenly;\n  justify-content: space-evenly;\n}\nanj-button-group[align=left] {\n  -ms-flex-pack: start;\n  justify-content: flex-start;\n}\nanj-button-group[align=left]:not([concat]) anj-button:not([context=icon]):not([context=free]):not(:last-child) {\n  margin-right: 1rem;\n}\nanj-button-group[align=right] {\n  -ms-flex-pack: end;\n  justify-content: flex-end;\n}\nanj-button-group[align=right]:not([concat]) anj-button:not([context=icon]):not([context=free]):not(:first-child) {\n  margin-left: 1rem;\n}\nanj-button-group[context=floating] {\n  position: absolute;\n  right: 0.5rem;\n  top: 0.5rem;\n  z-index: 1;\n}\nanj-button-group:not([concat]) anj-button:not([context=icon]):not([context=free]):not(:first-child) {\n  margin-left: 0.25rem;\n}\nanj-button-group:not([concat]) anj-button:not([context=icon]):not([context=free]):not(:last-child) {\n  margin-right: 0.25rem;\n}\nanj-button-group[concat] anj-button {\n  margin: 0;\n}\nanj-button-group[concat][align=center] anj-button:last-child:not(:first-child) .anj-button, anj-button-group[concat][align=left] anj-button:last-child:not(:first-child) .anj-button, anj-button-group[concat][align=right] anj-button:last-child:not(:first-child) .anj-button {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\nanj-button-group[concat][align=center] anj-button:first-child:not(:last-child) .anj-button, anj-button-group[concat][align=left] anj-button:first-child:not(:last-child) .anj-button, anj-button-group[concat][align=right] anj-button:first-child:not(:last-child) .anj-button {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}"; }
};

export { ButtonGroup as anj_button_group };
