import { Host, h } from '@stencil/core';
/**
 * Displays a user profile image and details.
 * @docsPage
 */
export class BsProfile {
  constructor() {
    this.layout = undefined;
    this.href = undefined;
    this.imageSrc = undefined;
    this.imageSize = 'lg';
    this.initials = undefined;
    this.profileName = undefined;
    this.company = undefined;
    this.jobTitle = undefined;
    this.email = undefined;
    this.action = undefined;
    this.actionIcon = undefined;
    this.miscMeta = undefined;
    this.miscMetaIcon = undefined;
  }
  render() {
    return (h(Host, null, h("bs-profile-layout", { layout: this.layout, href: this.href }, h("bs-profile-img", { src: this.imageSrc, size: this.imageSize, initials: this.initials, "profile-name": this.profileName }), h("bs-profile-details", { "profile-name": this.profileName, company: this.company, "job-title": this.jobTitle, email: this.email, action: this.action, "action-icon": this.actionIcon, "misc-meta": this.miscMeta, "misc-meta-icon": this.miscMetaIcon }))));
  }
  static get is() { return "bs-profile"; }
  static get properties() {
    return {
      "layout": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "Orientation",
          "resolved": "\"horizontal\" | \"vertical\"",
          "references": {
            "Orientation": {
              "location": "import",
              "path": "../../types/propTypes"
            }
          }
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "vertical"
            }, {
              "name": "mapTo",
              "text": "Orientation"
            }],
          "text": ""
        },
        "attribute": "layout",
        "reflect": false
      },
      "href": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "https://wwt.com/profile/derek-zoolander"
            }],
          "text": ""
        },
        "attribute": "href",
        "reflect": false
      },
      "imageSrc": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "/assets/img/zoolander.jpg"
            }],
          "text": ""
        },
        "attribute": "image-src",
        "reflect": false
      },
      "imageSize": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "ImageSizes",
          "resolved": "\"lg\" | \"md\" | \"sm\" | \"xl\" | \"xs\"",
          "references": {
            "ImageSizes": {
              "location": "import",
              "path": "../../types/propTypes"
            }
          }
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "lg"
            }, {
              "name": "mapTo",
              "text": "ImageSizes"
            }],
          "text": ""
        },
        "attribute": "image-size",
        "reflect": false,
        "defaultValue": "'lg'"
      },
      "initials": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "dz"
            }],
          "text": ""
        },
        "attribute": "initials",
        "reflect": false
      },
      "profileName": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": false,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "Derek Zoolander"
            }],
          "text": ""
        },
        "attribute": "profile-name",
        "reflect": false
      },
      "company": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "WWT"
            }],
          "text": ""
        },
        "attribute": "company",
        "reflect": false
      },
      "jobTitle": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "Head Model"
            }],
          "text": ""
        },
        "attribute": "job-title",
        "reflect": false
      },
      "email": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [{
              "name": "ex",
              "text": "derek.zoolander@wwt.com"
            }],
          "text": ""
        },
        "attribute": "email",
        "reflect": false
      },
      "action": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [],
          "text": "Optional 'action' text, first item listed if provided. ex: \"Follow\""
        },
        "attribute": "action",
        "reflect": false
      },
      "actionIcon": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [],
          "text": "Optional icon to show with the action text."
        },
        "attribute": "action-icon",
        "reflect": false
      },
      "miscMeta": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [],
          "text": "Optional miscellaneous text, appears last. ex: \"10 contributions\""
        },
        "attribute": "misc-meta",
        "reflect": false
      },
      "miscMetaIcon": {
        "type": "string",
        "mutable": false,
        "complexType": {
          "original": "string",
          "resolved": "string",
          "references": {}
        },
        "required": false,
        "optional": true,
        "docs": {
          "tags": [],
          "text": "Optional icon to show with the miscellaneous text."
        },
        "attribute": "misc-meta-icon",
        "reflect": false
      }
    };
  }
  static get events() {
    return [{
        "method": "actionToggled",
        "name": "action-toggled",
        "bubbles": true,
        "cancelable": true,
        "composed": true,
        "docs": {
          "tags": [],
          "text": "Originates from child `bs-profile-details` when action is clicked."
        },
        "complexType": {
          "original": "void",
          "resolved": "void",
          "references": {}
        }
      }];
  }
}
//# sourceMappingURL=bs-profile.js.map
