@web-atoms/core/dist/web/styles/AtomListBoxStyle.js

Web Atoms Core

System.register(["./AtomStyle"], function (_export, _context) {
  "use strict";

  var AtomStyle, AtomListBoxStyle;
  _export("AtomListBoxStyle", void 0);
  return {
    setters: [function (_AtomStyle) {
      AtomStyle = _AtomStyle.AtomStyle;
    }],
    execute: function () {
      _export("AtomListBoxStyle", AtomListBoxStyle = class AtomListBoxStyle extends AtomStyle {
        get root() {
          return {
            subclasses: {
              " .item": this.item,
              " .selected-item": this.selectedItem
            }
          };
        }
        get theme() {
          return this.styleSheet;
        }
        get item() {
          return {
            backgroundColor: this.theme.bgColor,
            color: this.theme.color,
            padding: (this.padding || this.theme.padding) + "px",
            borderRadius: (this.padding || this.theme.padding) + "px",
            cursor: "pointer"
          };
        }
        get selectedItem() {
          return Object.assign(Object.assign({}, this.item), {
            backgroundColor: this.theme.selectedBgColor,
            color: this.theme.selectedColor,
            cursor: "pointer"
          });
        }
      });
    }
  };
});
//# sourceMappingURL=AtomListBoxStyle.js.map