@web-atoms/core
Version:
77 lines (76 loc) • 2.96 kB
JavaScript
System.register(["./AtomListBoxStyle"], function (_export, _context) {
"use strict";
var AtomListBoxStyle, AtomToggleButtonBarStyle;
_export("AtomToggleButtonBarStyle", void 0);
return {
setters: [function (_AtomListBoxStyle) {
AtomListBoxStyle = _AtomListBoxStyle.AtomListBoxStyle;
}],
execute: function () {
_export("AtomToggleButtonBarStyle", AtomToggleButtonBarStyle = class AtomToggleButtonBarStyle extends AtomListBoxStyle {
constructor() {
super(...arguments);
this.toggleColor = "blue";
}
get root() {
return Object.assign(Object.assign({}, this.getBaseProperty(AtomToggleButtonBarStyle, "root")), {
display: "inline-block",
paddingInlineStart: 0,
margin: 0
});
}
get item() {
return Object.assign(Object.assign({}, this.getBaseProperty(AtomToggleButtonBarStyle, "item")), {
borderRadius: 0,
display: "inline-block",
border: "1px solid",
borderLeft: "none",
color: this.toggleColor,
borderColor: this.toggleColor,
cursor: "pointer",
subclasses: {
":first-child": {
borderTopLeftRadius: `${this.padding || this.theme.padding}px`,
borderBottomLeftRadius: `${this.padding || this.theme.padding}px`,
borderTopRightRadius: 0,
borderBottomRightRadius: 0,
borderLeft: "1px solid"
},
":last-child": {
borderTopLeftRadius: 0,
borderBottomLeftRadius: 0,
borderTopRightRadius: `${this.padding || this.theme.padding}px`,
borderBottomRightRadius: `${this.padding || this.theme.padding}px`
}
}
});
}
get selectedItem() {
return Object.assign(Object.assign({}, this.getBaseProperty(AtomToggleButtonBarStyle, "selectedItem")), {
borderRadius: 0,
display: "inline-block",
border: "1px solid",
borderLeft: "none",
borderColor: this.toggleColor,
cursor: "pointer",
subclasses: {
":first-child": {
borderTopLeftRadius: `${this.padding || this.theme.padding}px`,
borderBottomLeftRadius: `${this.padding || this.theme.padding}px`,
borderTopRightRadius: 0,
borderBottomRightRadius: 0
},
":last-child": {
borderTopLeftRadius: 0,
borderBottomLeftRadius: 0,
borderTopRightRadius: `${this.padding || this.theme.padding}px`,
borderBottomRightRadius: `${this.padding || this.theme.padding}px`
}
}
});
}
});
}
};
});
//# sourceMappingURL=AtomToggleButtonBarStyle.js.map