'use strict';

Object.defineProperty(exports, '__esModule', { value: true });

const index = require('./index-7f52f1a2.js');

const balListCss = "@-webkit-keyframes spinAround{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes spinAround{from{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.bal-list{position:static;display:block;width:100%}.bal-list.is-inverted .bal-list-item.is-selected{background:#002b82}.bal-list.is-inverted .bal-list-item:not(.is-selected):hover{background:#002b82}.bal-list.is-disabled .bal-list-item,.bal-list .bal-list-item.is-disabled{-webkit-transition:0;transition:0;cursor:default}.bal-list.is-disabled .bal-list-item:hover,.bal-list .bal-list-item.is-disabled:hover{padding:0}.bal-list.is-disabled .bal-list-item:not(.is-selected):hover{background:transparent}.bal-list.has-border .bal-list-item{border-bottom:1px solid #d3dbeb}.bal-list.has-border.is-inverted .bal-list-item{border-bottom:1px solid #294d98}.bal-list.is-inverted .bal-list-item-title{color:#ffffff}.bal-list-item{position:relative;display:-ms-flexbox;display:flex;-ms-flex:1 1 100%;flex:1 1 100%;-ms-flex-align:center;align-items:center;letter-spacing:normal;min-height:48px;outline:none;text-decoration:none;-webkit-transition:0.2s ease-in-out;transition:0.2s ease-in-out;cursor:pointer}.bal-list-item:hover{padding:0 8px}.bal-list-item.is-selected{background:#f0fbff}.bal-list-item-icon{display:block;-ms-flex-item-align:start;align-self:flex-start;display:-ms-inline-flexbox;display:inline-flex;min-width:24px;margin:8px 0;margin-right:20px}.bal-list-item-icon.is-right{margin-right:0;margin-left:20px}.bal-list-item-title,.bal-list-item-subtitle,.bal-list-item-content{font-weight:400;font-family:MetaPro, Arial, sans-serif;-ms-flex-item-align:center;align-self:center;overflow:hidden}.bal-list-item-title,.bal-list-item-subtitle{display:block;-ms-flex:1 1 100%;flex:1 1 100%;text-overflow:ellipsis;white-space:nowrap}.bal-list-item-title{color:#003399}.bal-list-item-subtitle{color:#7188b8}.bal-list-item-content{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex:1 1;flex:1 1;overflow:hidden}";

const List = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /**
     * If `true` the list item can be hovered
     */
    this.disabled = false;
    /**
     * If `true` the list can be used on a dark backround
     */
    this.inverted = false;
    /**
     * If `true` each list item has a bottom border
     */
    this.border = false;
  }
  render() {
    return (index.h(index.Host, { role: "listbox", class: [
        'bal-list',
        this.disabled ? 'is-disabled' : '',
        this.inverted ? 'is-inverted' : '',
        this.border ? 'has-border' : '',
      ].join(' ') }, index.h("slot", null)));
  }
};
List.style = balListCss;

const ListItem = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /**
     * If `true` the list item can be hovered
     */
    this.disabled = false;
    /**
     * If `true` the list item has a selected theme
     */
    this.selected = false;
  }
  render() {
    return (index.h(index.Host, { role: "listitem", class: [
        "bal-list-item",
        this.disabled ? "is-disabled" : "",
        this.selected ? "is-selected" : "",
      ].join(" ") }, index.h("slot", null)));
  }
};

const ListItemContent = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    return (index.h(index.Host, { class: "bal-list-item-content" }, index.h("slot", null)));
  }
};

const ListItemIcon = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /**
     * If `true` the icon is on the right side of the list item. Default is the left side.
     */
    this.right = false;
  }
  render() {
    return (index.h(index.Host, { class: ["bal-list-item-icon", this.right ? "is-right" : ""].join(" ") }, index.h("slot", null)));
  }
};

const ListItemSubtitle = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    return (index.h(index.Host, { class: "bal-list-item-subtitle" }, index.h("slot", null)));
  }
};

const ListItemTitle = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
  }
  render() {
    return (index.h(index.Host, { class: "bal-list-item-title" }, index.h("slot", null)));
  }
};

exports.bal_list = List;
exports.bal_list_item = ListItem;
exports.bal_list_item_content = ListItemContent;
exports.bal_list_item_icon = ListItemIcon;
exports.bal_list_item_subtitle = ListItemSubtitle;
exports.bal_list_item_title = ListItemTitle;
