'use strict';

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

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

const balCardCss = "@-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-card{display:block;max-width:100%;outline:none;text-decoration:none;overflow-wrap:break-word;position:relative;white-space:normal;border-radius:4px;-webkit-box-shadow:0 0 10px 0 rgba(0, 33, 98, 0.15);box-shadow:0 0 10px 0 rgba(0, 33, 98, 0.15)}.bal-card .bal-card-button{position:static;display:block}.bal-card .bal-button:last-child,.bal-card .bal-button:last-child>button.button,.bal-card bal-accordion:last-child{border-bottom-left-radius:4px;border-bottom-right-radius:4px}.bal-card.is-flat{-webkit-box-shadow:none;box-shadow:none}.bal-card.is-square{border-radius:0}.bal-card.has-border{border:1px solid #d3dbeb}.bal-card.is-inverted{background-color:#003399}.bal-card .bal-card-heading,.bal-card .bal-card-title,.bal-card .bal-card-subtitle,.bal-card .bal-card-content,.bal-card .bal-card-actions{-ms-flex-align:center;align-items:center;display:-ms-flexbox;display:flex;padding:16px}.bal-card .bal-card-heading,.bal-card .bal-card-title,.bal-card .bal-card-subtitle,.bal-card .bal-card-content{-ms-flex-wrap:wrap;flex-wrap:wrap;word-break:break-all}.bal-card .bal-card-heading,.bal-card .bal-card-title,.bal-card .bal-card-subtitle{font-family:MetaPro, Arial, sans-serif;line-height:2rem}.bal-card .bal-card-heading{font-size:0.9375rem;font-weight:700;color:#003399}.bal-card .bal-card-title{font-size:1.375rem;font-weight:700;color:#003399}.bal-card .bal-card-title.inverted{color:#ffffff}.bal-card .bal-card-subtitle{font-size:0.9375rem;font-weight:400;color:#7188b8}.bal-card .bal-card-subtitle.inverted{color:#ffffff}.bal-card .bal-card-content{font-size:0.9375rem;font-weight:400;font-family:MetaPro, Arial, sans-serif}.bal-card .bal-card-content.inverted{color:#ffffff}.bal-card .bal-card-heading+.bal-card-title,.bal-card .bal-card-title+.bal-card-subtitle{margin-top:-18px;padding-top:0}.bal-card .bal-card-heading+.bal-card-content,.bal-card .bal-card-title+.bal-card-content,.bal-card .bal-card-subtitle+.bal-card-content{padding-top:0}.bal-card .bal-card-actions.is-right{-ms-flex-direction:row-reverse;flex-direction:row-reverse}@media screen and (min-width: 720px), print{.bal-card.is-teaser{width:380px}}@media screen and (min-width: 960px){.bal-card.is-teaser{min-height:470px;width:570px}}";

const BalCard = class {
  constructor(hostRef) {
    index.registerInstance(this, hostRef);
    /**
     * If `true` a light blue border is added to the card.
     */
    this.border = false;
    /**
     * If `true` the card loses its shadow.
     */
    this.flat = false;
    /**
     * If `true` the card loses its border radius.
     */
    this.square = false;
    /**
     * If `true` the card background color becomes blue.
     */
    this.inverted = false;
    /**
     * If `true` the card has a limited width on desktop.
     */
    this.teaser = false;
  }
  render() {
    return (index.h(index.Host, { class: [
        'bal-card',
        this.teaser ? 'is-teaser' : '',
        this.square ? 'is-square' : '',
        this.border ? 'has-border' : '',
        this.flat ? 'is-flat' : '',
        this.inverted ? 'is-inverted' : '',
      ].join(' ') }, index.h("slot", null)));
  }
};
BalCard.style = balCardCss;

exports.bal_card = BalCard;
