globuswebcomponents 1.8.4 → 1.8.6

package/dist/cjs/test-input-tag.cjs.entry.js

@@ -78,7 +78,7 @@ const TestInputTag = class {
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (index.h("div", { key: 'a6e80546f6d3565f1c70d06f565de35417e4d31b', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: 'c95617fbaa28d07e1d087661858bf52ce0878a9d', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: 'eb8d3382b989eca16bc0825b79706e7420e9cd09', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: '63550501e09fc2d229baa450542bc198bdb24770', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), index.h("div", { key: '1bf30f3830bf514fae244bedf3f518acce28c7c9', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
+        return (index.h("div", { key: '4bdc2a30033b27a04d15525020038f9a5b5087c9', class: "input_group", ref: el => (this.inputGroupElement = el) }, index.h("label", { key: 'a46160e1653caf4aa2168b62b483e32c20b8b309', htmlFor: this.idOfInput }, this.labelText), index.h("div", { key: 'd0e6c52a0b1443f280ce0ea0dca6c51f95b2d349', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, index.h("input", { key: '76d4b44a40d61683ad1f40e91f38b93706de1f33', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), index.h("div", { key: '16e142ce235fc11592cdb3c1e8e56f0b96935ad9', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index$1) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -87,7 +87,7 @@ const TestInputTag = class {
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        index.h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index$1) }, index.h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, staff.fullname.split(' ')[0])))))), this.show && (index.h("div", { key: '1b32a4acbbd127f0849f1076cd00462aa9fc9283', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        index.h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index$1) }, index.h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), index.h("p", null, staff.fullname.split(' ')[0])))))), this.show && (index.h("div", { key: '19a269e6ebe8c677ea709a86e9b7ea2bb547db10', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/collection/assets/arrow-down-01.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15 7.50004C15 7.50004 11.3176 12.5 9.99996 12.5C8.68237 12.5 5 7.5 5 7.5" stroke="#4B5565" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/collection/assets/file-export.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M17.5 15.4165H10.8333M17.5 15.4165C17.5 16 15.8381 17.0902 15.4167 17.4998M17.5 15.4165C17.5 14.833 15.8381 13.7428 15.4167 13.3332M9.16667 18.3332H8.93939C6.22172 18.3332 4.86289 18.3332 3.91922 17.6683C3.64885 17.4778 3.40882 17.2519 3.20642 16.9974C2.5 16.1093 2.5 14.8304 2.5 12.2726V10.1514C2.5 7.68204 2.5 6.44739 2.89078 5.4613C3.51901 3.87602 4.84761 2.62557 6.53197 2.0343C7.57969 1.6665 8.89151 1.6665 11.5152 1.6665C13.0144 1.6665 13.764 1.6665 14.3627 1.87667C15.3252 2.21454 16.0844 2.92908 16.4434 3.83496C16.6667 4.39844 16.6667 5.10395 16.6667 6.51499V10.8332M2.5 9.99984C2.5 8.46571 3.74365 7.22206 5.27778 7.22206C5.8326 7.22206 6.4867 7.31928 7.02614 7.17473C7.50543 7.04631 7.8798 6.67194 8.00823 6.19264C8.15277 5.6532 8.05556 4.9991 8.05556 4.44428C8.05556 2.91016 9.29921 1.6665 10.8333 1.6665" stroke="#4B5565" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/collection/assets/laptop_gray.svg

@@ -0,0 +1,4 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path opacity="0.4" d="M16.6666 5.41683V12.0835H3.33325V5.41683C3.33325 3.84548 3.33325 3.05981 3.82141 2.57165C4.30956 2.0835 5.09524 2.0835 6.66659 2.0835H13.3333C14.9046 2.0835 15.6903 2.0835 16.1784 2.57165C16.6666 3.05981 16.6666 3.84548 16.6666 5.41683Z" fill="#4B5565"/>
+<path d="M16.6667 12.0835V5.41683C16.6667 3.84548 16.6667 3.05981 16.1786 2.57165C15.6904 2.0835 14.9048 2.0835 13.3334 2.0835H6.66675C5.0954 2.0835 4.30973 2.0835 3.82157 2.57165C3.33341 3.05981 3.33341 3.84548 3.33341 5.41683V12.0835M10.0001 4.5835H10.0076M3.34969 12.0835L2.91476 12.9297C1.71237 15.1476 1.41294 16.2566 1.86997 17.0867C2.32701 17.9168 3.53876 17.9168 5.96227 17.9168H14.0379C16.4614 17.9168 17.6732 17.9168 18.1302 17.0867C18.5872 16.2566 18.2877 15.1476 17.0853 12.9297L16.6266 12.0835H3.34969Z" stroke="#4B5565" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/collection/assets/refresh.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M16.6744 1.6665V4.27666C16.6744 4.52155 16.3682 4.63241 16.2114 4.44428C14.6855 2.73942 12.4681 1.6665 10 1.6665C5.39765 1.6665 1.66669 5.39746 1.66669 9.99984C1.66669 14.6022 5.39765 18.3332 10 18.3332C14.6024 18.3332 18.3334 14.6022 18.3334 9.99984" stroke="#4B5565" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

package/dist/collection/collection-manifest.json

@@ -73,6 +73,7 @@
     "components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js",
     "components/gb-tab-button-base/gb-tab-button-base.js",
     "components/gb-table-cell/gb-table-cell.js",
+    "components/gb-table-header/gb-table-header.js",
     "components/gb-tag/gb-tag.js",
     "components/gb-tag-checkbox/gb-tag-checkbox.js",
     "components/gb-tag-close/gb-tag-close.js",

package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.css

@@ -2685,7 +2685,7 @@
 }
 
 .complex_profile {
-  width: 91%;
+  width: 15rem;
 }
 
 .complex-dropdown {

package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js

@@ -44,7 +44,7 @@ export class GbAvatarDropdown {
         this.itemClicked.emit(item);
     }
     emitTheme(theme) {
-        console.log(theme.detail);
+        // console.log(theme.detail);
         this.themeTabClicked.emit(theme);
     }
     componentDidLoad() {
@@ -64,10 +64,10 @@ export class GbAvatarDropdown {
     }
     render() {
         if (this.type === 'simple') {
-            return (h("div", { class: "simple-dropdown" }, h("div", { class: "profile simple_profile" }, h("gb-avatar-label-group", { size: "md", text: true, color: this.color, "show-border": this.showBorder }, h("slot", { name: "name", slot: "name" }), h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), h("div", { class: "menu-items" }, h("div", { class: "list" }, this.showThemeTab && (h("div", { class: "theme_tab" }, h("gb-theme-tab", { onThemeTabClicked: this.emitTheme.bind(this) }))), this.showProfile && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/user_profile.svg", label: "View Profile", shortcut: true, shortcutIcon: "K + P", onClick: () => this.onItemClicked('view_profile') })), this.showLogOut && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/logout_button.svg", label: "Log out", shortcut: true, shortcutIcon: "L", onClick: () => this.onItemClicked('log_out') }))))));
+            return (h("div", { class: "simple-dropdown" }, h("div", { class: "profile simple_profile" }, h("gb-avatar-label-group", { size: "md", text: true, color: this.color, "show-border": this.showBorder }, h("slot", { name: "name", slot: "name" }), h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), h("div", { class: "menu-items" }, h("div", { class: "list" }, this.showThemeTab && (h("div", { class: "theme_tab" }, h("gb-theme-tab", { "current-active-tab": this.currentTheme, onThemeTabClicked: this.emitTheme.bind(this) }))), this.showProfile && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/user_profile.svg", label: "View Profile", shortcut: true, shortcutIcon: "K + P", onClick: () => this.onItemClicked('view_profile') })), this.showLogOut && (h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/logout_button.svg", label: "Log out", shortcut: true, shortcutIcon: "L", onClick: () => this.onItemClicked('log_out') }))))));
         }
         if (this.type === 'complex') {
-            return (h("div", { class: "complex-dropdown" }, h("div", { class: "profile complex_profile" }, h("gb-avatar-label-group", { size: "md", class: "label_group", text: true, color: this.color }, h("slot", { name: "name", slot: "name" }), h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), this.showRoles && (h("div", { class: "roles" }, h("p", { class: "text-sm-medium" }, "Available roles"), h("div", { class: "badges" }, this.roles.map(role => (h("gb-badge", { size: "md", color: role.badgeColor, type: role.badgeType }, h("p", null, role.badgeLabel))))))), this.showThemeTab && (h("div", { class: "theme_tab" }, h("gb-theme-tab", { onThemeTabClicked: this.emitTheme.bind(this) }))), this.listGroupOne && (h("div", { class: "list-group-one" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/user_profile.svg", label: "View Profile", shortcut: true, shortcutIcon: "K+P", onClick: () => this.onItemClicked('view_profile') })), h("div", { class: "two" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/book-open-02.svg", label: "Documentation", shortcut: true, shortcutIcon: "T", onClick: () => this.onItemClicked('documentation') })), h("div", { class: "three" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/customer-support.svg", label: "Support", shortcut: true, shortcutIcon: "C", onClick: () => this.onItemClicked('support') })))), this.listGroupTwo && (h("div", { class: "list-group-two" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/configuration_02.svg", label: "Configuration", shortcut: true, shortcutIcon: "S", onClick: () => this.onItemClicked('configuration') })), h("div", { class: "two" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/user_group.svg", label: "Team", shortcut: true, shortcutIcon: "K->T", onClick: () => this.onItemClicked('team') })), h("div", { class: "three" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/user_add.svg", label: "Invite Members", shortcut: true, shortcutIcon: "I", onClick: () => this.onItemClicked('invite_members') })))), this.listGroupThree && (h("div", { class: "list-group-three" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/logout_button.svg", label: "Log out", shortcut: true, shortcutIcon: "L", onClick: () => this.onItemClicked('log_out') }))))));
+            return (h("div", { class: "complex-dropdown" }, h("div", { class: "profile complex_profile" }, h("gb-avatar-label-group", { size: "md", class: "label_group", text: true, color: this.color }, h("slot", { name: "name", slot: "name" }), h("slot", { name: "initials", slot: "initials" }), h("slot", { name: "supporting_text", slot: "supporting_text" }))), this.showRoles && (h("div", { class: "roles" }, h("p", { class: "text-sm-medium" }, "Available roles"), h("div", { class: "badges" }, this.roles.map(role => (h("gb-badge", { size: "md", color: role.badgeColor, type: role.badgeType }, h("p", null, role.badgeLabel))))))), this.showThemeTab && (h("div", { class: "theme_tab" }, h("gb-theme-tab", { "current-active-tab": this.currentTheme, onThemeTabClicked: this.emitTheme.bind(this) }))), this.listGroupOne && (h("div", { class: "list-group-one" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/user_profile.svg", label: "View Profile", shortcut: true, shortcutIcon: "K+P", onClick: () => this.onItemClicked('view_profile') })), h("div", { class: "two" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/book-open-02.svg", label: "Documentation", shortcut: true, shortcutIcon: "T", onClick: () => this.onItemClicked('documentation') })), h("div", { class: "three" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/customer-support.svg", label: "Support", shortcut: true, shortcutIcon: "C", onClick: () => this.onItemClicked('support') })))), this.listGroupTwo && (h("div", { class: "list-group-two" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/configuration_02.svg", label: "Configuration", shortcut: true, shortcutIcon: "S", onClick: () => this.onItemClicked('configuration') })), h("div", { class: "two" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/user_group.svg", label: "Team", shortcut: true, shortcutIcon: "K->T", onClick: () => this.onItemClicked('team') })), h("div", { class: "three" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/user_add.svg", label: "Invite Members", shortcut: true, shortcutIcon: "I", onClick: () => this.onItemClicked('invite_members') })))), this.listGroupThree && (h("div", { class: "list-group-three" }, h("div", { class: "one" }, h("gb-dropdown-items-with-shortcut", { icon: true, iconSrc: "assets/logout_button.svg", label: "Log out", shortcut: true, shortcutIcon: "L", onClick: () => this.onItemClicked('log_out') }))))));
         }
     }
     static get is() { return "gb-avatar-dropdown"; }
@@ -325,6 +325,31 @@ export class GbAvatarDropdown {
                 "attribute": "show-border",
                 "reflect": false,
                 "defaultValue": "false"
+            },
+            "currentTheme": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ThemeTypes",
+                    "resolved": "\"dark\" | \"light\" | \"system\"",
+                    "references": {
+                        "ThemeTypes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ThemeTypes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "attribute": "current-theme",
+                "reflect": false
             }
         };
     }

package/dist/collection/components/gb-avatar-dropdown/gb-avatar-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-avatar-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"names":[],"mappings":"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","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, h} from '@stencil/core';\r\nimport { ColorTypes, DropdownRoles } from '../../models/reusableModels';\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\r\n  @Prop() showThemeTab: boolean;\r\n  @Prop() showRoles: boolean = false;\r\n  @Prop() roles: DropdownRoles[] = [\r\n    // {\r\n    //   badgeLabel: 'Initiator',\r\n    //   badgeColor: 'information',\r\n    //   badgeType: 'badge_color',\r\n    // },\r\n    // {\r\n    //   badgeLabel: 'Authorizer',\r\n    //   badgeColor: 'success',\r\n    //   badgeType: 'badge_color',\r\n    // },\r\n    // {\r\n    //   badgeLabel: 'Viewer',\r\n    //   badgeColor: 'gray',\r\n    //   badgeType: 'badge_color',\r\n    // },\r\n  ];\r\n  @Prop() showLogOut: boolean;\r\n  @Prop() listGroupOne: boolean;\r\n  @Prop() listGroupTwo: boolean;\r\n  @Prop() listGroupThree: boolean;\r\n  @Prop() color: ColorTypes;\r\n  @Prop() showBorder: boolean = false;\r\n  @Element() el: HTMLElement;\r\n  @Event() itemClicked: EventEmitter<string>;\r\n  @Event() themeTabClicked: EventEmitter<string>;\r\n\r\n  applyColorToInitials() {\r\n    switch (this.color) {\r\n      case 'gray':\r\n        return 'gray';\r\n      case 'blue':\r\n        return 'blue';\r\n      case 'cyan':\r\n        return 'cyan';\r\n      case 'pink':\r\n        return 'pink';\r\n      case 'purple':\r\n        return 'purple';\r\n      case 'green':\r\n        return 'green';\r\n      case 'yellow':\r\n        return 'yellow';\r\n    }\r\n  }\r\n\r\n  onItemClicked(item: string) {\r\n    this.itemClicked.emit(item);\r\n  }\r\n\r\n  emitTheme(theme) {\r\n    console.log(theme.detail);\r\n    this.themeTabClicked.emit(theme);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n    const nameInitials = this.el.querySelector('[slot=\"name\"');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"');\r\n\r\n    if (slottedInitials) {\r\n      slottedInitials.classList.add('text-md-semi-bold');\r\n      slottedInitials.classList.add(this.applyColorToInitials() || 'gray');\r\n    }\r\n\r\n    if (nameInitials) {\r\n      nameInitials.classList.add('text-sm-semi-bold');\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-sm-regular');\r\n    }\r\n  }\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 simple_profile\">\r\n            <gb-avatar-label-group size=\"md\" text={true} color={this.color} show-border={this.showBorder}>\r\n              <slot name=\"name\" slot=\"name\"></slot>\r\n              <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.showThemeTab && (\r\n                <div class=\"theme_tab\">\r\n                  <gb-theme-tab onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n                </div>\r\n              )}\r\n              {this.showProfile && (\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/user_profile.svg\"\r\n                  label=\"View Profile\"\r\n                  shortcut\r\n                  shortcutIcon=\"K + P\"\r\n                  onClick={() => this.onItemClicked('view_profile')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              )}\r\n              {this.showLogOut && (\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/logout_button.svg\"\r\n                  label=\"Log out\"\r\n                  shortcut\r\n                  shortcutIcon=\"L\"\r\n                  onClick={() => this.onItemClicked('log_out')}\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 complex_profile\">\r\n            <gb-avatar-label-group size=\"md\" class=\"label_group\" text={true} color={this.color}>\r\n              <slot name=\"name\" slot=\"name\"></slot>\r\n              <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.showRoles && (\r\n            <div class=\"roles\">\r\n              <p class=\"text-sm-medium\">Available roles</p>\r\n              <div class=\"badges\">\r\n                {this.roles.map(role => (\r\n                  <gb-badge size=\"md\" color={role.badgeColor} type={role.badgeType}>\r\n                    <p>{role.badgeLabel}</p>\r\n                  </gb-badge>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          )}\r\n          {this.showThemeTab && (\r\n            <div class=\"theme_tab\">\r\n              <gb-theme-tab onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n            </div>\r\n          )}\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=\"assets/user_profile.svg\"\r\n                  label=\"View Profile\"\r\n                  shortcut\r\n                  shortcutIcon=\"K+P\"\r\n                  onClick={() => this.onItemClicked('view_profile')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"two\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/book-open-02.svg\"\r\n                  label=\"Documentation\"\r\n                  shortcut\r\n                  shortcutIcon=\"T\"\r\n                  onClick={() => this.onItemClicked('documentation')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"three\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/customer-support.svg\"\r\n                  label=\"Support\"\r\n                  shortcut\r\n                  shortcutIcon=\"C\"\r\n                  onClick={() => this.onItemClicked('support')}\r\n                ></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\r\n                  icon\r\n                  iconSrc=\"assets/configuration_02.svg\"\r\n                  label=\"Configuration\"\r\n                  shortcut\r\n                  shortcutIcon=\"S\"\r\n                  onClick={() => this.onItemClicked('configuration')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"two\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/user_group.svg\"\r\n                  label=\"Team\"\r\n                  shortcut\r\n                  shortcutIcon=\"K->T\"\r\n                  onClick={() => this.onItemClicked('team')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"three\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/user_add.svg\"\r\n                  label=\"Invite Members\"\r\n                  shortcut\r\n                  shortcutIcon=\"I\"\r\n                  onClick={() => this.onItemClicked('invite_members')}\r\n                ></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=\"assets/logout_button.svg\"\r\n                  label=\"Log out\"\r\n                  shortcut\r\n                  shortcutIcon=\"L\"\r\n                  onClick={() => this.onItemClicked('log_out')}\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}"]}
+{"version":3,"file":"gb-avatar-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-avatar-dropdown/gb-avatar-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAC,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,IAAI,EAAE,CAAC,EAAC,MAAM,eAAe,CAAC;AAO/E,MAAM,OAAO,gBAAgB;IAL7B;QAOU,SAAI,GAAY,KAAK,CAAC;QAItB,cAAS,GAAY,KAAK,CAAC;QAC3B,UAAK,GAAoB;QAC/B,IAAI;QACJ,6BAA6B;QAC7B,+BAA+B;QAC/B,8BAA8B;QAC9B,KAAK;QACL,IAAI;QACJ,8BAA8B;QAC9B,2BAA2B;QAC3B,8BAA8B;QAC9B,KAAK;QACL,IAAI;QACJ,0BAA0B;QAC1B,wBAAwB;QACxB,8BAA8B;QAC9B,KAAK;SACN,CAAC;QAMM,eAAU,GAAY,KAAK,CAAC;KAkNrC;IA5MC,oBAAoB;QAClB,QAAQ,IAAI,CAAC,KAAK,EAAE,CAAC;YACnB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,MAAM;gBACT,OAAO,MAAM,CAAC;YAChB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;YAClB,KAAK,OAAO;gBACV,OAAO,OAAO,CAAC;YACjB,KAAK,QAAQ;gBACX,OAAO,QAAQ,CAAC;QACpB,CAAC;IACH,CAAC;IAED,aAAa,CAAC,IAAY;QACxB,IAAI,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9B,CAAC;IAED,SAAS,CAAC,KAAK;QACb,6BAA6B;QAC7B,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IACnC,CAAC;IAED,gBAAgB;QACd,MAAM,eAAe,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,mBAAmB,CAAC,CAAC;QACnE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,cAAc,CAAC,CAAC;QAC3D,MAAM,kBAAkB,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QAE5E,IAAI,eAAe,EAAE,CAAC;YACpB,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;YACnD,eAAe,CAAC,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,oBAAoB,EAAE,IAAI,MAAM,CAAC,CAAC;QACvE,CAAC;QAED,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAClD,CAAC;QAED,IAAI,kBAAkB,EAAE,CAAC;YACvB,kBAAkB,CAAC,SAAS,CAAC,GAAG,CAAC,iBAAiB,CAAC,CAAC;QACtD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,IAAI,IAAI,CAAC,IAAI,KAAK,QAAQ,EAAE,CAAC;YAC3B,OAAO,CACL,WAAK,KAAK,EAAC,iBAAiB;gBAC1B,WAAK,KAAK,EAAC,wBAAwB;oBACjC,6BAAuB,IAAI,EAAC,IAAI,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,iBAAe,IAAI,CAAC,UAAU;wBAC1F,YAAM,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAQ;wBACrC,YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ;wBAC7C,YAAM,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,iBAAiB,GAAQ,CACrC,CACpB;gBACN,WAAK,KAAK,EAAC,YAAY;oBACrB,WAAK,KAAK,EAAC,MAAM;wBACd,IAAI,CAAC,YAAY,IAAI,CACpB,WAAK,KAAK,EAAC,WAAW;4BACpB,0CAAkC,IAAI,CAAC,YAAY,EAAE,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,GAAiB,CAC9G,CACP;wBACA,IAAI,CAAC,WAAW,IAAI,CACnB,uCACE,IAAI,QACJ,OAAO,EAAC,yBAAyB,EACjC,KAAK,EAAC,cAAc,EACpB,QAAQ,QACR,YAAY,EAAC,OAAO,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,GAChB,CACpC;wBACA,IAAI,CAAC,UAAU,IAAI,CAClB,uCACE,IAAI,QACJ,OAAO,EAAC,0BAA0B,EAClC,KAAK,EAAC,SAAS,EACf,QAAQ,QACR,YAAY,EAAC,GAAG,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GACX,CACpC,CACG,CACF,CACF,CACP,CAAC;QACJ,CAAC;QAED,IAAI,IAAI,CAAC,IAAI,KAAK,SAAS,EAAE,CAAC;YAC5B,OAAO,CACL,WAAK,KAAK,EAAC,kBAAkB;gBAC3B,WAAK,KAAK,EAAC,yBAAyB;oBAClC,6BAAuB,IAAI,EAAC,IAAI,EAAC,KAAK,EAAC,aAAa,EAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK;wBAChF,YAAM,IAAI,EAAC,MAAM,EAAC,IAAI,EAAC,MAAM,GAAQ;wBACrC,YAAM,IAAI,EAAC,UAAU,EAAC,IAAI,EAAC,UAAU,GAAQ;wBAC7C,YAAM,IAAI,EAAC,iBAAiB,EAAC,IAAI,EAAC,iBAAiB,GAAQ,CACrC,CACpB;gBACL,IAAI,CAAC,SAAS,IAAI,CACjB,WAAK,KAAK,EAAC,OAAO;oBAChB,SAAG,KAAK,EAAC,gBAAgB,sBAAoB;oBAC7C,WAAK,KAAK,EAAC,QAAQ,IAChB,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CACtB,gBAAU,IAAI,EAAC,IAAI,EAAC,KAAK,EAAE,IAAI,CAAC,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,SAAS;wBAC9D,aAAI,IAAI,CAAC,UAAU,CAAK,CACf,CACZ,CAAC,CACE,CACF,CACP;gBACA,IAAI,CAAC,YAAY,IAAI,CACpB,WAAK,KAAK,EAAC,WAAW;oBACpB,0CAAkC,IAAI,CAAC,YAAY,EAAE,iBAAiB,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,GAAiB,CAC9G,CACP;gBACA,IAAI,CAAC,YAAY,IAAI,CACpB,WAAK,KAAK,EAAC,gBAAgB;oBACzB,WAAK,KAAK,EAAC,KAAK;wBACd,uCACE,IAAI,QACJ,OAAO,EAAC,yBAAyB,EACjC,KAAK,EAAC,cAAc,EACpB,QAAQ,QACR,YAAY,EAAC,KAAK,EAClB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,cAAc,CAAC,GAChB,CAC/B;oBACN,WAAK,KAAK,EAAC,KAAK;wBACd,uCACE,IAAI,QACJ,OAAO,EAAC,yBAAyB,EACjC,KAAK,EAAC,eAAe,EACrB,QAAQ,QACR,YAAY,EAAC,GAAG,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,GACjB,CAC/B;oBACN,WAAK,KAAK,EAAC,OAAO;wBAChB,uCACE,IAAI,QACJ,OAAO,EAAC,6BAA6B,EACrC,KAAK,EAAC,SAAS,EACf,QAAQ,QACR,YAAY,EAAC,GAAG,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GACX,CAC/B,CACF,CACP;gBACA,IAAI,CAAC,YAAY,IAAI,CACpB,WAAK,KAAK,EAAC,gBAAgB;oBACzB,WAAK,KAAK,EAAC,KAAK;wBACd,uCACE,IAAI,QACJ,OAAO,EAAC,6BAA6B,EACrC,KAAK,EAAC,eAAe,EACrB,QAAQ,QACR,YAAY,EAAC,GAAG,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,eAAe,CAAC,GACjB,CAC/B;oBACN,WAAK,KAAK,EAAC,KAAK;wBACd,uCACE,IAAI,QACJ,OAAO,EAAC,uBAAuB,EAC/B,KAAK,EAAC,MAAM,EACZ,QAAQ,QACR,YAAY,EAAC,MAAM,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,MAAM,CAAC,GACR,CAC/B;oBACN,WAAK,KAAK,EAAC,OAAO;wBAChB,uCACE,IAAI,QACJ,OAAO,EAAC,qBAAqB,EAC7B,KAAK,EAAC,gBAAgB,EACtB,QAAQ,QACR,YAAY,EAAC,GAAG,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,gBAAgB,CAAC,GAClB,CAC/B,CACF,CACP;gBACA,IAAI,CAAC,cAAc,IAAI,CACtB,WAAK,KAAK,EAAC,kBAAkB;oBAC3B,WAAK,KAAK,EAAC,KAAK;wBACd,uCACE,IAAI,QACJ,OAAO,EAAC,0BAA0B,EAClC,KAAK,EAAC,SAAS,EACf,QAAQ,QACR,YAAY,EAAC,GAAG,EAChB,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,SAAS,CAAC,GACX,CAC/B,CACF,CACP,CACG,CACP,CAAC;QACJ,CAAC;IACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import {Component, Element, Event, EventEmitter, Prop, h} from '@stencil/core';\r\nimport { ColorTypes, DropdownRoles, ThemeTypes } from '../../models/reusableModels';\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\r\n  @Prop() showThemeTab: boolean;\r\n  @Prop() showRoles: boolean = false;\r\n  @Prop() roles: DropdownRoles[] = [\r\n    // {\r\n    //   badgeLabel: 'Initiator',\r\n    //   badgeColor: 'information',\r\n    //   badgeType: 'badge_color',\r\n    // },\r\n    // {\r\n    //   badgeLabel: 'Authorizer',\r\n    //   badgeColor: 'success',\r\n    //   badgeType: 'badge_color',\r\n    // },\r\n    // {\r\n    //   badgeLabel: 'Viewer',\r\n    //   badgeColor: 'gray',\r\n    //   badgeType: 'badge_color',\r\n    // },\r\n  ];\r\n  @Prop() showLogOut: boolean;\r\n  @Prop() listGroupOne: boolean;\r\n  @Prop() listGroupTwo: boolean;\r\n  @Prop() listGroupThree: boolean;\r\n  @Prop() color: ColorTypes;\r\n  @Prop() showBorder: boolean = false;\r\n  @Prop() currentTheme: ThemeTypes;\r\n  @Element() el: HTMLElement;\r\n  @Event() itemClicked: EventEmitter<string>;\r\n  @Event() themeTabClicked: EventEmitter<string>;\r\n\r\n  applyColorToInitials() {\r\n    switch (this.color) {\r\n      case 'gray':\r\n        return 'gray';\r\n      case 'blue':\r\n        return 'blue';\r\n      case 'cyan':\r\n        return 'cyan';\r\n      case 'pink':\r\n        return 'pink';\r\n      case 'purple':\r\n        return 'purple';\r\n      case 'green':\r\n        return 'green';\r\n      case 'yellow':\r\n        return 'yellow';\r\n    }\r\n  }\r\n\r\n  onItemClicked(item: string) {\r\n    this.itemClicked.emit(item);\r\n  }\r\n\r\n  emitTheme(theme) {\r\n    // console.log(theme.detail);\r\n    this.themeTabClicked.emit(theme);\r\n  }\r\n\r\n  componentDidLoad() {\r\n    const slottedInitials = this.el.querySelector('[slot=\"initials\"]');\r\n    const nameInitials = this.el.querySelector('[slot=\"name\"');\r\n    const supportingTextSlot = this.el.querySelector('[slot=\"supporting_text\"');\r\n\r\n    if (slottedInitials) {\r\n      slottedInitials.classList.add('text-md-semi-bold');\r\n      slottedInitials.classList.add(this.applyColorToInitials() || 'gray');\r\n    }\r\n\r\n    if (nameInitials) {\r\n      nameInitials.classList.add('text-sm-semi-bold');\r\n    }\r\n\r\n    if (supportingTextSlot) {\r\n      supportingTextSlot.classList.add('text-sm-regular');\r\n    }\r\n  }\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 simple_profile\">\r\n            <gb-avatar-label-group size=\"md\" text={true} color={this.color} show-border={this.showBorder}>\r\n              <slot name=\"name\" slot=\"name\"></slot>\r\n              <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.showThemeTab && (\r\n                <div class=\"theme_tab\">\r\n                  <gb-theme-tab current-active-tab={this.currentTheme} onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n                </div>\r\n              )}\r\n              {this.showProfile && (\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/user_profile.svg\"\r\n                  label=\"View Profile\"\r\n                  shortcut\r\n                  shortcutIcon=\"K + P\"\r\n                  onClick={() => this.onItemClicked('view_profile')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              )}\r\n              {this.showLogOut && (\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/logout_button.svg\"\r\n                  label=\"Log out\"\r\n                  shortcut\r\n                  shortcutIcon=\"L\"\r\n                  onClick={() => this.onItemClicked('log_out')}\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 complex_profile\">\r\n            <gb-avatar-label-group size=\"md\" class=\"label_group\" text={true} color={this.color}>\r\n              <slot name=\"name\" slot=\"name\"></slot>\r\n              <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.showRoles && (\r\n            <div class=\"roles\">\r\n              <p class=\"text-sm-medium\">Available roles</p>\r\n              <div class=\"badges\">\r\n                {this.roles.map(role => (\r\n                  <gb-badge size=\"md\" color={role.badgeColor} type={role.badgeType}>\r\n                    <p>{role.badgeLabel}</p>\r\n                  </gb-badge>\r\n                ))}\r\n              </div>\r\n            </div>\r\n          )}\r\n          {this.showThemeTab && (\r\n            <div class=\"theme_tab\">\r\n              <gb-theme-tab current-active-tab={this.currentTheme} onThemeTabClicked={this.emitTheme.bind(this)}></gb-theme-tab>\r\n            </div>\r\n          )}\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=\"assets/user_profile.svg\"\r\n                  label=\"View Profile\"\r\n                  shortcut\r\n                  shortcutIcon=\"K+P\"\r\n                  onClick={() => this.onItemClicked('view_profile')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"two\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/book-open-02.svg\"\r\n                  label=\"Documentation\"\r\n                  shortcut\r\n                  shortcutIcon=\"T\"\r\n                  onClick={() => this.onItemClicked('documentation')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"three\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/customer-support.svg\"\r\n                  label=\"Support\"\r\n                  shortcut\r\n                  shortcutIcon=\"C\"\r\n                  onClick={() => this.onItemClicked('support')}\r\n                ></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\r\n                  icon\r\n                  iconSrc=\"assets/configuration_02.svg\"\r\n                  label=\"Configuration\"\r\n                  shortcut\r\n                  shortcutIcon=\"S\"\r\n                  onClick={() => this.onItemClicked('configuration')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"two\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/user_group.svg\"\r\n                  label=\"Team\"\r\n                  shortcut\r\n                  shortcutIcon=\"K->T\"\r\n                  onClick={() => this.onItemClicked('team')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n              <div class=\"three\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/user_add.svg\"\r\n                  label=\"Invite Members\"\r\n                  shortcut\r\n                  shortcutIcon=\"I\"\r\n                  onClick={() => this.onItemClicked('invite_members')}\r\n                ></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=\"assets/logout_button.svg\"\r\n                  label=\"Log out\"\r\n                  shortcut\r\n                  shortcutIcon=\"L\"\r\n                  onClick={() => this.onItemClicked('log_out')}\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}"]}

package/dist/collection/components/gb-button/readme.md

@@ -35,6 +35,7 @@
  - [gb-notification-pane](../gb-notification-pane)
  - [gb-pagination](../gb-pagination)
  - [gb-password-button](../gb-password-button)
+ - [gb-table-header](../gb-table-header)
  - [gb-toast](../gb-toast)
 
 ### Graph
@@ -51,6 +52,7 @@ graph TD;
   gb-notification-pane --> gb-button
   gb-pagination --> gb-button
   gb-password-button --> gb-button
+  gb-table-header --> gb-button
   gb-toast --> gb-button
   style gb-button fill:#f9f,stroke:#333,stroke-width:4px
 ```

package/dist/collection/components/gb-collapse-button/gb-collapse-button.css

@@ -2698,7 +2698,7 @@
 }
 
 .icon.white path{
-    stroke: var(--color-icon-inverse, #FFFFFF);
+    stroke: var(--base-white, #FFFFFF);
 }
 
 .tooltip{

package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.css

@@ -2659,7 +2659,7 @@
 }
 
 .export_dropdown{
-    display: flex;
+    display: inline-flex;
     width: fit-content;
     flex-direction: column;
     justify-content: center;
@@ -2674,12 +2674,12 @@
 
 .first_dropdown{
     position: absolute;
-    top: 6rem;
-    left: -9.8rem;
+    top: 2rem;
+    left: -10rem;
 }
 
 .second_dropdown{
     position: absolute;
-    top: 9rem;
-    left: -9.8rem;
+    top: 4rem;
+    left: -10rem;
 }

package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.js

@@ -7,10 +7,10 @@ export class GbExportDropdown {
     }
     async onExportClicked(exportType, dataType) {
         this.exportClicked.emit({ exportType, dataType });
-        // console.log({ exportType, dataType });
+        console.log({ exportType, dataType });
     }
     render() {
-        return (h(Fragment, null, h("div", { key: 'b7f1b4f824c4a60a9f7695692cfd20270f685674', class: `export_dropdown` }, h("gb-export-dropdown-item", { key: 'fd8e6e7fef5b67299bdf12e8365b144b356b3087', type: "pdf", state: StateEnum.Default, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }), h("gb-export-dropdown-item", { key: '227001aabfd9b3229fd0dac0064ea47927333ae1', type: "csv", state: StateEnum.Default, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) })), this.showFirstSubDropdown && (h("gb-export-sub-dropdown", { key: 'b12b3d5c1db6b26685f8e73b315c8a69e861ce3a', class: `first_dropdown`, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }, h("p", { key: '169fa616111381178149259ac59af528358f6c8f', slot: "label_one", onClick: () => this.onExportClicked('pdf', 'entire_data') }, "Entire Data"), h("p", { key: '8450b278043d109e94da94ada5c36d958c0a45ff', slot: "label_two", onClick: () => this.onExportClicked('pdf', 'data_on_view') }, "Data on view"), h("p", { key: '10218ccccc5a9c8aaa74069b8945248d21ba92f5', slot: "label_three", onClick: () => this.onExportClicked('pdf', 'filtered_data') }, "Filtered Data"))), this.showSecondSubDropdown && (h("gb-export-sub-dropdown", { key: '3605bff01361c9458aad8b6f4103dee7edcda889', class: `second_dropdown`, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) }, h("p", { key: 'ae3cbbee5026352ae9018d486f40446477f501c4', slot: "label_one", onClick: () => this.onExportClicked('csv', 'entire_data') }, "Entire Data"), h("p", { key: '9f0bbd32aedfc6fbdecf95390ad29ae37994d574', slot: "label_two", onClick: () => this.onExportClicked('csv', 'data_on_view') }, "Data on view"), h("p", { key: '0fce13f128421ddfab6d2055b6cd8092b2a622bd', slot: "label_three", onClick: () => this.onExportClicked('csv', 'filtered_data') }, "Filtered Data")))));
+        return (h(Fragment, null, h("div", { key: '92311851b15b49581dce169b5688f859321b2977', class: `export_dropdown` }, h("gb-export-dropdown-item", { key: 'e7ee9e1715c42113d76b77b81b6d633b19b74a0f', type: "pdf", state: StateEnum.Default, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }), h("gb-export-dropdown-item", { key: 'b5e35b87d257acc039c2791ec040c8b8e4388812', type: "csv", state: StateEnum.Default, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) })), this.showFirstSubDropdown && (h("gb-export-sub-dropdown", { key: '590e3cf6d261a0296347c1a583fe9fd199832310', class: `first_dropdown`, onMouseOver: () => (this.showFirstSubDropdown = true), onMouseOut: () => (this.showFirstSubDropdown = false) }, h("p", { key: 'bafa92db519b8aa2f1be747e486b9edf22c21738', slot: "label_one", onClick: () => this.onExportClicked('pdf', 'entire_data') }, "Entire Data"), h("p", { key: '462e5bf942033a110516ce048616272234701940', slot: "label_two", onClick: () => this.onExportClicked('pdf', 'data_on_view') }, "Data on view"), h("p", { key: '2f428caaebd02d7c619fb0b74cffe81a8583ebe4', slot: "label_three", onClick: () => this.onExportClicked('pdf', 'filtered_data') }, "Filtered Data"))), this.showSecondSubDropdown && (h("gb-export-sub-dropdown", { key: 'bcc00b8cdcdf027689bd75b7c7826c0007116b0f', class: `second_dropdown`, onMouseOver: () => (this.showSecondSubDropdown = true), onMouseOut: () => (this.showSecondSubDropdown = false) }, h("p", { key: '3a99ff2daedbe978fd8ed49a28b39093858687cb', slot: "label_one", onClick: () => this.onExportClicked('csv', 'entire_data') }, "Entire Data"), h("p", { key: 'd4035146962122ef0d64588530f9423a1db98ac8', slot: "label_two", onClick: () => this.onExportClicked('csv', 'data_on_view') }, "Data on view"), h("p", { key: 'ba11131017878a1924b10527edbd128093038cd5', slot: "label_three", onClick: () => this.onExportClicked('csv', 'filtered_data') }, "Filtered Data")))));
     }
     static get is() { return "gb-export-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-export-dropdown/gb-export-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-export-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-export-dropdown/gb-export-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOxD,MAAM,OAAO,gBAAgB;IAL7B;QAOW,yBAAoB,GAAY,KAAK,CAAC;QACtC,0BAAqB,GAAY,KAAK,CAAC;KAuDjD;IAnDC,KAAK,CAAC,eAAe,CAAC,UAAkB,EAAE,QAAgB;QACxD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAC,CAAC,CAAC;QAChD,yCAAyC;IAC3C,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,4DAAK,KAAK,EAAE,iBAAiB;gBAC3B,gFACE,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,SAAS,CAAC,OAAO,EACxB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,EACrD,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC,GAC5B;gBAC3B,gFACE,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,SAAS,CAAC,OAAO,EACxB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,EACtD,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,GAC7B,CACvB;YACL,IAAI,CAAC,oBAAoB,IAAI,CAC5B,+EAAwB,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;gBAC3J,0DAAG,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,kBAEzE;gBACJ,0DAAG,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,mBAE1E;gBACJ,0DAAG,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,eAAe,CAAC,oBAE7E,CACmB,CAC1B;YACA,IAAI,CAAC,qBAAqB,IAAI,CAC7B,+EAAwB,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;gBAC9J,0DAAG,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,kBAEzE;gBACJ,0DAAG,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,mBAE1E;gBACJ,0DAAG,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,eAAe,CAAC,oBAE7E,CACmB,CAC1B,CACA,CACJ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, State, Fragment, Element } from \"@stencil/core\";\r\nimport { StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-export-dropdown',\r\n  styleUrl: 'gb-export-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbExportDropdown {\r\n  @Prop() state: StateEnum;\r\n  @State() showFirstSubDropdown: boolean = false;\r\n  @State() showSecondSubDropdown: boolean = false;\r\n  @Event() exportClicked: EventEmitter<{exportType: string, dataType: string}>;\r\n  @Element() el: HTMLElement;\r\n\r\n  async onExportClicked(exportType: string, dataType: string) {\r\n    this.exportClicked.emit({exportType, dataType});\r\n    // console.log({ exportType, dataType });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <div class={`export_dropdown`}>\r\n          <gb-export-dropdown-item\r\n            type=\"pdf\"\r\n            state={StateEnum.Default}\r\n            onMouseOver={() => (this.showFirstSubDropdown = true)}\r\n            onMouseOut={() => (this.showFirstSubDropdown = false)}\r\n          ></gb-export-dropdown-item>\r\n          <gb-export-dropdown-item\r\n            type=\"csv\"\r\n            state={StateEnum.Default}\r\n            onMouseOver={() => (this.showSecondSubDropdown = true)}\r\n            onMouseOut={() => (this.showSecondSubDropdown = false)}\r\n          ></gb-export-dropdown-item>\r\n        </div>\r\n        {this.showFirstSubDropdown && (\r\n          <gb-export-sub-dropdown class={`first_dropdown`} onMouseOver={() => (this.showFirstSubDropdown = true)} onMouseOut={() => (this.showFirstSubDropdown = false)}>\r\n            <p slot=\"label_one\" onClick={() => this.onExportClicked('pdf', 'entire_data')}>\r\n              Entire Data\r\n            </p>\r\n            <p slot=\"label_two\" onClick={() => this.onExportClicked('pdf', 'data_on_view')}>\r\n              Data on view\r\n            </p>\r\n            <p slot=\"label_three\" onClick={() => this.onExportClicked('pdf', 'filtered_data')}>\r\n              Filtered Data\r\n            </p>\r\n          </gb-export-sub-dropdown>\r\n        )}\r\n        {this.showSecondSubDropdown && (\r\n          <gb-export-sub-dropdown class={`second_dropdown`} onMouseOver={() => (this.showSecondSubDropdown = true)} onMouseOut={() => (this.showSecondSubDropdown = false)}>\r\n            <p slot=\"label_one\" onClick={() => this.onExportClicked('csv', 'entire_data')}>\r\n              Entire Data\r\n            </p>\r\n            <p slot=\"label_two\" onClick={() => this.onExportClicked('csv', 'data_on_view')}>\r\n              Data on view\r\n            </p>\r\n            <p slot=\"label_three\" onClick={() => this.onExportClicked('csv', 'filtered_data')}>\r\n              Filtered Data\r\n            </p>\r\n          </gb-export-sub-dropdown>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-export-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-export-dropdown/gb-export-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAgB,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AAClG,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AAOxD,MAAM,OAAO,gBAAgB;IAL7B;QAOW,yBAAoB,GAAY,KAAK,CAAC;QACtC,0BAAqB,GAAY,KAAK,CAAC;KAuDjD;IAnDC,KAAK,CAAC,eAAe,CAAC,UAAkB,EAAE,QAAgB;QACxD,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,EAAC,UAAU,EAAE,QAAQ,EAAC,CAAC,CAAC;QAChD,OAAO,CAAC,GAAG,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,CAAC,CAAC;IACxC,CAAC;IAED,MAAM;QACJ,OAAO,CACL;YACE,4DAAK,KAAK,EAAE,iBAAiB;gBAC3B,gFACE,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,SAAS,CAAC,OAAO,EACxB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,EACrD,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC,GAC5B;gBAC3B,gFACE,IAAI,EAAC,KAAK,EACV,KAAK,EAAE,SAAS,CAAC,OAAO,EACxB,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,EACtD,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC,GAC7B,CACvB;YACL,IAAI,CAAC,oBAAoB,IAAI,CAC5B,+EAAwB,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,oBAAoB,GAAG,KAAK,CAAC;gBAC3J,0DAAG,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,kBAEzE;gBACJ,0DAAG,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,mBAE1E;gBACJ,0DAAG,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,eAAe,CAAC,oBAE7E,CACmB,CAC1B;YACA,IAAI,CAAC,qBAAqB,IAAI,CAC7B,+EAAwB,KAAK,EAAE,iBAAiB,EAAE,WAAW,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,GAAG,IAAI,CAAC,EAAE,UAAU,EAAE,GAAG,EAAE,CAAC,CAAC,IAAI,CAAC,qBAAqB,GAAG,KAAK,CAAC;gBAC9J,0DAAG,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,aAAa,CAAC,kBAEzE;gBACJ,0DAAG,IAAI,EAAC,WAAW,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,cAAc,CAAC,mBAE1E;gBACJ,0DAAG,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,eAAe,CAAC,KAAK,EAAE,eAAe,CAAC,oBAE7E,CACmB,CAC1B,CACA,CACJ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Event, EventEmitter, h, Prop, State, Fragment, Element } from \"@stencil/core\";\r\nimport { StateEnum } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-export-dropdown',\r\n  styleUrl: 'gb-export-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbExportDropdown {\r\n  @Prop() state: StateEnum;\r\n  @State() showFirstSubDropdown: boolean = false;\r\n  @State() showSecondSubDropdown: boolean = false;\r\n  @Event() exportClicked: EventEmitter<{exportType: string, dataType: string}>;\r\n  @Element() el: HTMLElement;\r\n\r\n  async onExportClicked(exportType: string, dataType: string) {\r\n    this.exportClicked.emit({exportType, dataType});\r\n    console.log({ exportType, dataType });\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <div class={`export_dropdown`}>\r\n          <gb-export-dropdown-item\r\n            type=\"pdf\"\r\n            state={StateEnum.Default}\r\n            onMouseOver={() => (this.showFirstSubDropdown = true)}\r\n            onMouseOut={() => (this.showFirstSubDropdown = false)}\r\n          ></gb-export-dropdown-item>\r\n          <gb-export-dropdown-item\r\n            type=\"csv\"\r\n            state={StateEnum.Default}\r\n            onMouseOver={() => (this.showSecondSubDropdown = true)}\r\n            onMouseOut={() => (this.showSecondSubDropdown = false)}\r\n          ></gb-export-dropdown-item>\r\n        </div>\r\n        {this.showFirstSubDropdown && (\r\n          <gb-export-sub-dropdown class={`first_dropdown`} onMouseOver={() => (this.showFirstSubDropdown = true)} onMouseOut={() => (this.showFirstSubDropdown = false)}>\r\n            <p slot=\"label_one\" onClick={() => this.onExportClicked('pdf', 'entire_data')}>\r\n              Entire Data\r\n            </p>\r\n            <p slot=\"label_two\" onClick={() => this.onExportClicked('pdf', 'data_on_view')}>\r\n              Data on view\r\n            </p>\r\n            <p slot=\"label_three\" onClick={() => this.onExportClicked('pdf', 'filtered_data')}>\r\n              Filtered Data\r\n            </p>\r\n          </gb-export-sub-dropdown>\r\n        )}\r\n        {this.showSecondSubDropdown && (\r\n          <gb-export-sub-dropdown class={`second_dropdown`} onMouseOver={() => (this.showSecondSubDropdown = true)} onMouseOut={() => (this.showSecondSubDropdown = false)}>\r\n            <p slot=\"label_one\" onClick={() => this.onExportClicked('csv', 'entire_data')}>\r\n              Entire Data\r\n            </p>\r\n            <p slot=\"label_two\" onClick={() => this.onExportClicked('csv', 'data_on_view')}>\r\n              Data on view\r\n            </p>\r\n            <p slot=\"label_three\" onClick={() => this.onExportClicked('csv', 'filtered_data')}>\r\n              Filtered Data\r\n            </p>\r\n          </gb-export-sub-dropdown>\r\n        )}\r\n      </>\r\n    );\r\n  }\r\n}"]}

package/dist/collection/components/gb-export-dropdown-item/gb-export-dropdown-item.css

@@ -2660,7 +2660,7 @@
 
 .export_container{
     display: flex;
-    width: 13.6875rem;
+    width: 11rem;
     padding: var(--spacing-1);
     justify-content: center;
     align-items: center;

package/dist/collection/components/gb-export-sub-dropdown/gb-export-sub-dropdown.js

@@ -11,7 +11,7 @@ export class GbExportSubDropdown {
         }
     }
     render() {
-        return (h("div", { key: '74bded2c99b31d2ffe61b4fcc82c472e3056c914', class: `sub_dropdown_container` }, h("gb-export-sub-dropdown-item", { key: '281b55b98f72484e284a03355857818f46de1510', icon: "assets/database.svg" }, h("slot", { key: 'edeeac2cf32eaac6df24c27d785c7ca57720e505', name: "label_one", slot: "label" })), h("gb-export-sub-dropdown-item", { key: '588d5670dc18996da0b2d45b2f132bec3e5db1a7', icon: "assets/laptop.svg" }, h("slot", { key: '541d0378ca3211e5d60242066c567438a3423ff4', name: "label_two", slot: "label" })), h("gb-export-sub-dropdown-item", { key: 'af2bb978829cd4402040fa22466d849b8a078056', icon: "assets/filter-horizontal.svg" }, h("slot", { key: '2036d488b48b8a8a6ac2c747ccbcc92d296c0664', name: "label_three", slot: "label" }))));
+        return (h("div", { key: '74bded2c99b31d2ffe61b4fcc82c472e3056c914', class: `sub_dropdown_container` }, h("gb-export-sub-dropdown-item", { key: '281b55b98f72484e284a03355857818f46de1510', icon: "assets/database.svg" }, h("slot", { key: '88a1ede5976362dea65f07bb78cbaefbd44bf839', name: "label_one", slot: "label" })), h("gb-export-sub-dropdown-item", { key: 'f430ce2d646a2ecd8bcc045d949ccb0f068b1123', icon: "assets/laptop_gray.svg" }, h("slot", { key: 'ac07c27e8fa7d72a2b1150a6af0fe2ecc99f32f6', name: "label_two", slot: "label" })), h("gb-export-sub-dropdown-item", { key: 'f418b93593aaacf973a85b332164b00e77de47a1', icon: "assets/filter-horizontal.svg" }, h("slot", { key: 'ae4de0f8b9382fe3216fd0a7c355e0493ddaec9d', name: "label_three", slot: "label" }))));
     }
     static get is() { return "gb-export-sub-dropdown"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-export-sub-dropdown/gb-export-sub-dropdown.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-export-sub-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-export-sub-dropdown/gb-export-sub-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOtD,MAAM,OAAO,mBAAmB;IAG9B,gBAAgB;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACjE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACjE,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAErE,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAC7C,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAC7C,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB;YAClC,oFAA6B,IAAI,EAAC,qBAAqB;gBAErD,6DAAM,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,GAAQ,CACf;YAC9B,oFAA6B,IAAI,EAAC,mBAAmB;gBAEnD,6DAAM,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,GAAQ,CACf;YAC9B,oFAA6B,IAAI,EAAC,8BAA8B;gBAE9D,6DAAM,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,GAAQ,CACjB,CAC1B,CACP,CAAC;IACJ,CAAC;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'gb-export-sub-dropdown',\r\n  styleUrl: 'gb-export-sub-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbExportSubDropdown {\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const labelOneSlot = this.el.querySelector('[slot=\"label_one\"]');\r\n    const labelTwoSlot = this.el.querySelector('[slot=\"label_two\"]');\r\n    const labelThreeSlot = this.el.querySelector('[slot=\"label_three\"]');\r\n\r\n    if (labelOneSlot) {\r\n      labelOneSlot.classList.add('text-sm-medium');\r\n      labelTwoSlot.classList.add('text-sm-medium');\r\n      labelThreeSlot.classList.add('text-sm-medium');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`sub_dropdown_container`}>\r\n        <gb-export-sub-dropdown-item icon=\"assets/database.svg\">\r\n          {/* <p slot=\"label\">Entire data</p> */}\r\n          <slot name=\"label_one\" slot=\"label\"></slot>\r\n        </gb-export-sub-dropdown-item>\r\n        <gb-export-sub-dropdown-item icon=\"assets/laptop.svg\">\r\n          {/* <p slot=\"label\">Data on view</p> */}\r\n          <slot name=\"label_two\" slot=\"label\"></slot>\r\n        </gb-export-sub-dropdown-item>\r\n        <gb-export-sub-dropdown-item icon=\"assets/filter-horizontal.svg\">\r\n          {/* <p slot=\"label\">Filtered data</p> */}\r\n          <slot name=\"label_three\" slot=\"label\"></slot>\r\n        </gb-export-sub-dropdown-item>\r\n      </div>\r\n    );\r\n  }\r\n}"]}
+{"version":3,"file":"gb-export-sub-dropdown.js","sourceRoot":"","sources":["../../../src/components/gb-export-sub-dropdown/gb-export-sub-dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAOtD,MAAM,OAAO,mBAAmB;IAG9B,gBAAgB;QACd,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACjE,MAAM,YAAY,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,oBAAoB,CAAC,CAAC;QACjE,MAAM,cAAc,GAAG,IAAI,CAAC,EAAE,CAAC,aAAa,CAAC,sBAAsB,CAAC,CAAC;QAErE,IAAI,YAAY,EAAE,CAAC;YACjB,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAC7C,YAAY,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;YAC7C,cAAc,CAAC,SAAS,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAC;QACjD,CAAC;IACH,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAE,wBAAwB;YAClC,oFAA6B,IAAI,EAAC,qBAAqB;gBACrD,6DAAM,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,GAAQ,CACf;YAC9B,oFAA6B,IAAI,EAAC,wBAAwB;gBACxD,6DAAM,IAAI,EAAC,WAAW,EAAC,IAAI,EAAC,OAAO,GAAQ,CACf;YAC9B,oFAA6B,IAAI,EAAC,8BAA8B;gBAC9D,6DAAM,IAAI,EAAC,aAAa,EAAC,IAAI,EAAC,OAAO,GAAQ,CACjB,CAC1B,CACP,CAAC;IACJ,CAAC;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, h } from \"@stencil/core\";\r\n\r\n@Component({\r\n  tag: 'gb-export-sub-dropdown',\r\n  styleUrl: 'gb-export-sub-dropdown.css',\r\n  shadow: true,\r\n})\r\nexport class GbExportSubDropdown {\r\n  @Element() el: HTMLElement;\r\n\r\n  componentDidLoad() {\r\n    const labelOneSlot = this.el.querySelector('[slot=\"label_one\"]');\r\n    const labelTwoSlot = this.el.querySelector('[slot=\"label_two\"]');\r\n    const labelThreeSlot = this.el.querySelector('[slot=\"label_three\"]');\r\n\r\n    if (labelOneSlot) {\r\n      labelOneSlot.classList.add('text-sm-medium');\r\n      labelTwoSlot.classList.add('text-sm-medium');\r\n      labelThreeSlot.classList.add('text-sm-medium');\r\n    }\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`sub_dropdown_container`}>\r\n        <gb-export-sub-dropdown-item icon=\"assets/database.svg\">\r\n          <slot name=\"label_one\" slot=\"label\"></slot>\r\n        </gb-export-sub-dropdown-item>\r\n        <gb-export-sub-dropdown-item icon=\"assets/laptop_gray.svg\">\r\n          <slot name=\"label_two\" slot=\"label\"></slot>\r\n        </gb-export-sub-dropdown-item>\r\n        <gb-export-sub-dropdown-item icon=\"assets/filter-horizontal.svg\">\r\n          <slot name=\"label_three\" slot=\"label\"></slot>\r\n        </gb-export-sub-dropdown-item>\r\n      </div>\r\n    );\r\n  }\r\n}"]}

package/dist/collection/components/gb-input-dropdown/gb-input-dropdown.css

@@ -2803,7 +2803,7 @@ svg.disabled path{
 
 .dropdown_menu.bottom{
     top: 105%;
-    left: 0;
+    right: 0;
     z-index: 999;
 }
 
@@ -2909,7 +2909,6 @@ svg.disabled path{
 .text{
     display: flex;
     align-items: center;
-    gap: var(--spacing-2);
     flex: 1 1 auto; /* Allow it to grow and shrink */
     overflow: hidden; /* Prevent content from overflowing */
 }