globuswebcomponents 0.7.2 → 0.7.4

package/dist/globuscomponents/p-ef70935e.entry.js.map

@@ -1 +0,0 @@
-{"version":3,"names":["gbAvatarDropdownCss","GbAvatarDropdownStyle0","GbAvatarDropdown","applyColorToInitials","this","color","componentDidLoad","slottedInitials","el","querySelector","classList","add","viewProfileClicked","logoutClicked","render","type","h","class","size","text","name","slot","showProfile","icon","iconSrc","label","shortcut","shortcutIcon","onClick","showDarkTheme","showLogOut","listGroupOne","listGroupTwo","listGroupThree"],"sources":["src/components/gb-avatar-dropdown/gb-avatar-dropdown.css?tag=gb-avatar-dropdown&encapsulation=shadow","src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.simple-dropdown {\r\n    display: inline-flex;\r\n    padding: 0px;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 0px;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.profile {\r\n    display: flex;\r\n    width: 15rem;\r\n    padding: var(--spacing-1) var(--spacing-3);\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: var(--spacing-none);\r\n    border-radius: var(--rounded-none);\r\n    border-bottom: 1px solid var(--color-boarder-subtler, #E3E8EF);\r\n}\r\n\r\n.complex-dropdown {\r\n    display: inline-flex;\r\n    padding: 0px;\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: 0px;\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid #E3E8EF;\r\n    background: #FFFFFF;\r\n    box-shadow: var(--shadow-lg);\r\n}\r\n\r\n.menu-items {\r\n    display: flex;\r\n    width: 96.5%;\r\n    padding: var(--spacing-none);\r\n    flex-direction: column;\r\n    align-items: flex-start;\r\n    gap: var(--spacing-none);\r\n}\r\n\r\n.list {\r\n    padding: var(--spacing-1) var(--spacing-none);\r\n    align-self: stretch;\r\n    border-radius: var(--rounded-none);\r\n}\r\n\r\n.list-group-one,\r\n.list-group-two,\r\n.list-group-three{\r\n    width: 100%;\r\n    padding: var(--spacing-1) var(--spacing-none);\r\n}\r\n\r\n.list-group-one,\r\n.list-group-two{\r\n    border-bottom: 1px solid var(--color-border-subtler, #E3E8EF);\r\n}\r\n\r\n.one,\r\n.two,\r\n.three{\r\n    width: 96.5%;\r\n}\r\n\r\n.label_group {\r\n    display: flex;\r\n    padding: 0px;\r\n    align-items: center;\r\n    gap: 12px;\r\n    align-self: stretch;\r\n    border-radius: var(--rounded-none);\r\n}\r\n\r\n\r\n::slotted([slot='name']) {\r\n    color: #4B5565;\r\n    /* Text sm/Semibold */\r\n    font-family: var(--Font-Family-Body, Sora);\r\n    font-size: var(--Font-Size-T-sm, 14px);\r\n    font-style: normal;\r\n    font-weight: var(--Font-Weight-Semi-Bold, 600);\r\n    line-height: var(--Font-Line-height-T-sm, 20px); /* 142.857% */\r\n    letter-spacing: var(--Font-Letter-spacing-T-sm, 0px);\r\n}\r\n\r\n::slotted([slot='supporting_text']) {\r\n    margin-top: -20px;\r\n    color: #697586;\r\n    /* Text sm/Regular */\r\n    font-family: var(--Font-Family-Body, Sora);\r\n    font-size: var(--Font-Size-T-sm, 14px);\r\n    font-style: normal;\r\n    font-weight: var(--Font-Weight-Regular, 400);\r\n    line-height: var(--Font-Line-height-T-sm, 20px); /* 142.857% */\r\n    letter-spacing: var(--Font-Letter-spacing-T-sm, 0px);\r\n}","import {Component, Element, Method, Prop, h} from '@stencil/core';\r\nimport { AvatarColorTypes } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-avatar-dropdown',\r\n  styleUrl: 'gb-avatar-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbAvatarDropdown {\r\n  @Prop() type: 'simple' | 'complex';\r\n  @Prop() text: boolean = false;\r\n  @Prop() showProfile: boolean;\r\n  @Prop() showDarkTheme: boolean;\r\n  @Prop() showLogOut: boolean;\r\n  @Prop() listGroupOne: boolean;\r\n  @Prop() listGroupTwo: boolean;\r\n  @Prop() listGroupThree: boolean;\r\n  @Prop() color: AvatarColorTypes;\r\n  @Element() el: HTMLElement;\r\n\r\n  applyColorToInitials() {\r\n        switch(this.color) {\r\n            case 'gray': return 'gray';\r\n            case 'blue': return 'blue';\r\n            case 'cyan': return 'cyan';\r\n            case 'pink': return 'pink';\r\n            case 'purple': return 'purple';\r\n            case 'green': return 'green';\r\n            case 'yellow': return 'yellow';\r\n        }\r\n    }\r\n\r\n  componentDidLoad() {\r\n    const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n\r\n    if (slottedInitials) {\r\n      slottedInitials.classList.add('text-md-semi-bold');\r\n      slottedInitials.classList.add(this.applyColorToInitials());\r\n    }\r\n  }\r\n\r\n  @Method()\r\n  async viewProfileClicked() {}\r\n\r\n  @Method()\r\n  async logoutClicked() {}\r\n\r\n  render() {\r\n    if (this.type === 'simple') {\r\n      return (\r\n        <div class=\"simple-dropdown\">\r\n          <div class=\"profile\">\r\n            <gb-avatar-label-group size=\"md\" text={this.text} color={this.color}>\r\n              <slot name=\"name\" slot=\"name\"></slot>\r\n              {!this.text ? <slot name=\"image\" slot=\"image\"></slot> : <slot name=\"initials\" slot=\"initials\"></slot>}\r\n              <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n            </gb-avatar-label-group>\r\n          </div>\r\n          <div class=\"menu-items\">\r\n            <div class=\"list\">\r\n              {this.showProfile && (\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"user_profile\"\r\n                  label=\"View Profile\"\r\n                  shortcut\r\n                  shortcutIcon=\"K + P\"\r\n                  onClick={() => this.viewProfileClicked()}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              )}\r\n              {this.showDarkTheme && <gb-dropdown-items-with-shortcut icon iconSrc=\"dark_theme\" label=\"Dark Theme\" shortcut shortcutIcon=\"T\"></gb-dropdown-items-with-shortcut>}\r\n              {this.showLogOut && (\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"logout_button\"\r\n                  label=\"Log out\"\r\n                  shortcut\r\n                  shortcutIcon=\"L\"\r\n                  onClick={() => this.logoutClicked()}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              )}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      );\r\n    }\r\n\r\n    if (this.type === 'complex') {\r\n      return (\r\n        <div class=\"complex-dropdown\">\r\n          <div class=\"profile\">\r\n            <gb-avatar-label-group size=\"md\" class=\"label_group\" text={this.text} color={this.color}>\r\n              <slot name=\"name\" slot=\"name\"></slot>\r\n              {!this.text ? <slot name=\"image\" slot=\"image\"></slot> : <slot name=\"initials\" slot=\"initials\"></slot>}\r\n              <slot name=\"supporting_text\" slot=\"supporting_text\"></slot>\r\n            </gb-avatar-label-group>\r\n          </div>\r\n          {this.listGroupOne && (\r\n            <div class=\"list-group-one\">\r\n              <div class=\"one\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"user_profile\"\r\n                  label=\"View Profile\"\r\n                  shortcut\r\n                  shortcutIcon=\"K+P\"\r\n                  onClick={() => this.viewProfileClicked()}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"two\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"dark_theme\" label=\"Dark Theme\" shortcut shortcutIcon=\"T\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            </div>\r\n          )}\r\n          {this.listGroupTwo && (\r\n            <div class=\"list-group-two\">\r\n              <div class=\"one\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"configuration_02\" label=\"Configuration\" shortcut shortcutIcon=\"S\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"two\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"user_group\" label=\"Team\" shortcut shortcutIcon=\"K->T\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"three\">\r\n                <gb-dropdown-items-with-shortcut icon iconSrc=\"user_add\" label=\"Invite Members\" shortcut shortcutIcon=\"I\"></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            </div>\r\n          )}\r\n          {this.listGroupThree && (\r\n            <div class=\"list-group-three\">\r\n              <div class=\"one\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"logout_button\"\r\n                  label=\"Log out\"\r\n                  shortcut\r\n                  shortcutIcon=\"L\"\r\n                  onClick={() => this.logoutClicked()}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            </div>\r\n          )}\r\n        </div>\r\n      );\r\n    }\r\n  }\r\n}"],"mappings":"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","ignoreList":[]}