@web-atoms/core/dist/web/controls/AtomToggleButtonBar.js

Web Atoms Core

System.register(["../styles/AtomToggleButtonBarStyle", "./AtomControl", "./AtomListBox"], function (_export, _context) {
  "use strict";

  var AtomToggleButtonBarStyle, AtomControl, AtomListBox, AtomToggleButtonBar, AtomToggleButtonBarItemTemplate;
  _export("AtomToggleButtonBar", void 0);
  return {
    setters: [function (_stylesAtomToggleButtonBarStyle) {
      AtomToggleButtonBarStyle = _stylesAtomToggleButtonBarStyle.AtomToggleButtonBarStyle;
    }, function (_AtomControl) {
      AtomControl = _AtomControl.AtomControl;
    }, function (_AtomListBox) {
      AtomListBox = _AtomListBox.AtomListBox;
    }],
    execute: function () {
      _export("AtomToggleButtonBar", AtomToggleButtonBar = class AtomToggleButtonBar extends AtomListBox {
        constructor(app, e) {
          super(app, e || document.createElement("ul"));
        }
        preCreate() {
          super.preCreate();
          this.allowMultipleSelection = false;
          this.allowSelectFirst = true;
          this.itemTemplate = AtomToggleButtonBarItemTemplate;
          this.defaultControlStyle = AtomToggleButtonBarStyle;
          this.registerItemClick();
          this.runAfterInit(() => this.setElementClass(this.element, {
            [this.controlStyle.name]: 1,
            "atom-toggle-button-bar": 1
          }, true));
        }
      });
      AtomToggleButtonBarItemTemplate = class AtomToggleButtonBarItemTemplate extends AtomControl {
        constructor(app, e) {
          super(app, e || document.createElement("li"));
        }
        create() {
          this.bind(this.element, "text", [["data"]], false, v => {
            const p = this.parent;
            return v[p.labelPath];
          });
        }
      };
    }
  };
});
//# sourceMappingURL=AtomToggleButtonBar.js.map