@bulmil/core/dist/collection/core/layout/divider/divider.js


/*!
 * Bulmil - MIT License
 */
import { Component, Prop, h, Host } from '@stencil/core';
export class Divider {
  constructor() {
    /**
     * IsLight
     */
    this.isLight = false;
    /**
     * IsVertical
     */
    this.isVertical = false;
  }
  render() {
    return (h(Host, { class: {
        divider: true,
        'is-vertical': this.isVertical,
        'is-light': this.isLight,
        [this.color]: Boolean(this.color),
        [this.alignment]: Boolean(this.alignment),
      } },
      h("slot", null)));
  }
  static get is() { return "bm-divider"; }
  static get originalStyleUrls() { return {
    "$": ["divider.scss"]
  }; }
  static get styleUrls() { return {
    "$": ["divider.css"]
  }; }
  static get properties() { return {
    "alignment": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "'is-left' | 'is-right'",
        "resolved": "\"is-left\" | \"is-right\"",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": "\nAlignment"
      },
      "attribute": "alignment",
      "reflect": false
    },
    "color": {
      "type": "string",
      "mutable": false,
      "complexType": {
        "original": "'is-info' | 'is-success' | 'is-warning' | 'is-danger'",
        "resolved": "\"is-danger\" | \"is-info\" | \"is-success\" | \"is-warning\"",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": "\nColor"
      },
      "attribute": "color",
      "reflect": false
    },
    "isLight": {
      "type": "boolean",
      "mutable": false,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": "IsLight"
      },
      "attribute": "is-light",
      "reflect": false,
      "defaultValue": "false"
    },
    "isVertical": {
      "type": "boolean",
      "mutable": false,
      "complexType": {
        "original": "boolean",
        "resolved": "boolean",
        "references": {}
      },
      "required": false,
      "optional": false,
      "docs": {
        "tags": [],
        "text": "IsVertical"
      },
      "attribute": "is-vertical",
      "reflect": false,
      "defaultValue": "false"
    }
  }; }
}