text: /**
   * Copyright 2019 The Pennsylvania State University
   * @license Apache-2.0, see License.md for full text.
   */
  import { LitElement, html, css } from "lit-element/lit-element.js";
  /**
   * `topic-heading`
   * `Semantic and visual meaning behind a heading break`
   * @demo demo/index.html
   * @customElement topic-heading
   */
  class TopicHeading extends LitElement {
    
    //styles function
    static get styles() {
      return  [
        css`
  :host {
    display: block;
  }
  
  :host([hidden]) {
    display: none;
  }
  
  relative-heading {
    color: var(--topic-heading-text-color);
    display: inline-flex;
  }
  iron-icon {
    color: var(--topic-heading-icon-color);
    display: inline-flex;
    font-size: 16px;
    height: 32px;
    width: 32px;
    padding: 16px;
    line-height: 16px;
    vertical-align: bottom;
  }
        `
      ];
    }
    // render function
    render() {
      return html`
  
  ${this.icon ? html`
    <iron-icon icon="${this.icon}"></iron-icon>
  ` : ``}
  ${this.title ? html`
  <relative-heading text="${this.title}">${this.title}</relative-heading>
  ` : ``}`;
    }
  
    // haxProperty definition
    static get haxProperties() {
      return {
    "canScale": true,
    "canPosition": true,
    "canEditSource": false,
    "gizmo": {
      "title": "Topic heading",
      "description": "Semantic and visual meaning behind a heading break",
      "icon": "icons:android",
      "color": "green",
      "groups": ["Heading"],
      "handles": [
        {
          "type": "todo:read-the-docs-for-usage"
        }
      ],
      "meta": {
        "author": "btopro",
        "owner": "The Pennsylvania State University"
      }
    },
    "settings": {
      "quick": [],
      "configure": [
        {
          "property": "icon",
          "description": "",
          "inputMethod": "iconpicker",
          "required": false,
          "icon": "icons:code"
        },
        {
          "property": "title",
          "description": "",
          "inputMethod": "textfield",
          "required": false,
          "icon": "icons:heading"
        }
      ],
      "advanced": []
    }
  }
  ;
    }
    // properties available to the custom element for data binding
      static get properties() {
      return {
    
    ...super.properties,
    
    "icon": {
      "type": String
    },
    "title": {
      "type": String
    }
  }
  ;
    }
    constructor() {
      super();
      this.icon = "";
      this.title = "";
      import("@lrnwebcomponents/relative-heading/relative-heading.js");
    }
    firstUpdated() {
      if (this.icon) {
        import("@polymer/iron-icons/iron-icons.js");
        import("@polymer/iron-icon/iron-icon.js");
      }
    }
    /**
     * Store the tag name to make it easier to obtain directly.
     * @notice function name must be here for tooling to operate correctly
     */
    static get tag() {
      return "topic-heading";
    }
  }
  window.customElements.define(TopicHeading.tag, TopicHeading);
  export { TopicHeading };
  