globuswebcomponents 2.4.9 → 2.5.1

package/dist/collection/components/gb-top-bar/gb-top-bar.js

@@ -1,535 +0,0 @@
-import { getAssetPath, h } from "@stencil/core";
-export class GbTopBar {
-    constructor() {
-        this.firstTabIcon = '';
-        this.secondTabIcon = '';
-        this.thirdTabIcon = '';
-        this.fourthTabIcon = '';
-        this.fifthTabIcon = '';
-        this.sixthTabIcon = '';
-        this.seventhTabIcon = '';
-        this.firstTabLabel = '';
-        this.secondTabLabel = '';
-        this.thirdTabLabel = '';
-        this.fourthTabLabel = '';
-        this.fifthTabLabel = '';
-        this.sixthTabLabel = '';
-        this.seventhTabLabel = '';
-        this.firstTabIconOnly = false;
-        this.secondTabIconOnly = false;
-        this.thirdTabIconOnly = false;
-        this.fourthTabIconOnly = false;
-        this.fifthTabIconOnly = false;
-        this.sixthTabIconOnly = false;
-        this.seventhTabIconOnly = false;
-        this.activeIndex = 0;
-    }
-    onTabItemClicked(index) {
-        this.activeIndex = index;
-        this.topBarItemClicked.emit(index);
-    }
-    render() {
-        const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);
-        return (h("div", { key: '3d0b73034eef71b1a91259af35a7702a60f62088', class: `top_bar_div ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'feeaf3f518b3765462d258ea5f54d4556a0bc839', class: "pattern" }, h("img", { key: 'dc5bb72e527004259c064218d02ea8c7c79ff3fb', src: patternSrc, alt: "" }))), h("div", { key: 'ab281cdc28747bca11aaab85f61b9022412b3696', class: "top_bar_content" }, h("div", { key: 'ba50e8c5ae93702c6506c5dca30adace892c2d60', class: "content" }, this.firstTabLabel && (h("gb-top-bar-item", { key: '43dd4841ad480ce698b85aec3d42143e0f4dbbda', state: this.activeIndex === 0 ? 'active' : 'default', "icon-only": this.firstTabIconOnly, category: this.category, icon: this.firstTabIcon, label: this.firstTabLabel, onClick: () => this.onTabItemClicked(0) })), this.secondTabLabel && (h("gb-top-bar-item", { key: '5961299d2516452d851d34a1121b64cbd7a44e2e', state: this.activeIndex === 1 ? 'active' : 'default', "icon-only": this.secondTabIconOnly, category: this.category, icon: this.secondTabIcon, label: this.secondTabLabel, onClick: () => this.onTabItemClicked(1) })), this.thirdTabLabel && (h("gb-top-bar-item", { key: '849806ba861cd2eab0b4b9ad033b634c7e9ea5d8', state: this.activeIndex === 2 ? 'active' : 'default', "icon-only": this.thirdTabIconOnly, category: this.category, icon: this.thirdTabIcon, label: this.thirdTabLabel, onClick: () => this.onTabItemClicked(2) })), this.fourthTabLabel && (h("gb-top-bar-item", { key: '3ccf8373a39d0aa34fa903d3bf422bc6f46dccd4', state: this.activeIndex === 3 ? 'active' : 'default', "icon-only": this.fourthTabIconOnly, category: this.category, icon: this.fourthTabIcon, label: this.fourthTabLabel, onClick: () => this.onTabItemClicked(3) })), this.fifthTabLabel && (h("gb-top-bar-item", { key: '8c7a0b1806dff3dc4b3241b945b9d34d298ed838', state: this.activeIndex === 4 ? 'active' : 'default', "icon-only": this.fifthTabIconOnly, category: this.category, icon: this.fifthTabIcon, label: this.fifthTabLabel, onClick: () => this.onTabItemClicked(4) })), this.sixthTabLabel && (h("gb-top-bar-item", { key: 'd118aeff1ae6b04c6a99e43d1ca11498fc91f34e', state: this.activeIndex === 5 ? 'active' : 'default', "icon-only": this.sixthTabIconOnly, category: this.category, icon: this.sixthTabIcon, label: this.sixthTabLabel, onClick: () => this.onTabItemClicked(5) })), this.seventhTabLabel && (h("gb-top-bar-item", { key: '69bc45f9bb1d6ae97edc5df087758fded442c775', state: this.activeIndex === 6 ? 'active' : 'default', "icon-only": this.seventhTabIconOnly, category: this.category, icon: this.seventhTabIcon, label: this.seventhTabLabel, onClick: () => this.onTabItemClicked(6) }))))));
-    }
-    static get is() { return "gb-top-bar"; }
-    static get encapsulation() { return "shadow"; }
-    static get originalStyleUrls() {
-        return {
-            "$": ["gb-top-bar.css"]
-        };
-    }
-    static get styleUrls() {
-        return {
-            "$": ["gb-top-bar.css"]
-        };
-    }
-    static get properties() {
-        return {
-            "category": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "GeneralBackgroundCategories",
-                    "resolved": "\"colored_background\" | \"plain_background\"",
-                    "references": {
-                        "GeneralBackgroundCategories": {
-                            "location": "import",
-                            "path": "../../models/reusableModels",
-                            "id": "src/models/reusableModels.ts::GeneralBackgroundCategories"
-                        }
-                    }
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "category",
-                "reflect": false
-            },
-            "firstTabIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "first-tab-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "secondTabIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "second-tab-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirdTabIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "third-tab-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourthTabIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourth-tab-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifthTabIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifth-tab-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixthTabIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixth-tab-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventhTabIcon": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventh-tab-icon",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "firstTabLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "first-tab-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "secondTabLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "second-tab-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "thirdTabLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "third-tab-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fourthTabLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourth-tab-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "fifthTabLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifth-tab-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "sixthTabLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixth-tab-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "seventhTabLabel": {
-                "type": "string",
-                "mutable": false,
-                "complexType": {
-                    "original": "string",
-                    "resolved": "string",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventh-tab-label",
-                "reflect": false,
-                "defaultValue": "''"
-            },
-            "firstTabIconOnly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "first-tab-icon-only",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "secondTabIconOnly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "second-tab-icon-only",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "thirdTabIconOnly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "third-tab-icon-only",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "fourthTabIconOnly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fourth-tab-icon-only",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "fifthTabIconOnly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "fifth-tab-icon-only",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "sixthTabIconOnly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "sixth-tab-icon-only",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "seventhTabIconOnly": {
-                "type": "boolean",
-                "mutable": false,
-                "complexType": {
-                    "original": "boolean",
-                    "resolved": "boolean",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "seventh-tab-icon-only",
-                "reflect": false,
-                "defaultValue": "false"
-            },
-            "activeIndex": {
-                "type": "number",
-                "mutable": true,
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                },
-                "required": false,
-                "optional": false,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "getter": false,
-                "setter": false,
-                "attribute": "active-index",
-                "reflect": false,
-                "defaultValue": "0"
-            }
-        };
-    }
-    static get events() {
-        return [{
-                "method": "topBarItemClicked",
-                "name": "topBarItemClicked",
-                "bubbles": true,
-                "cancelable": true,
-                "composed": true,
-                "docs": {
-                    "tags": [],
-                    "text": ""
-                },
-                "complexType": {
-                    "original": "number",
-                    "resolved": "number",
-                    "references": {}
-                }
-            }];
-    }
-}
-//# sourceMappingURL=gb-top-bar.js.map

package/dist/collection/components/gb-top-bar/gb-top-bar.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gb-top-bar.js","sourceRoot":"","sources":["../../../src/components/gb-top-bar/gb-top-bar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Event, EventEmitter, Prop, getAssetPath, h } from '@stencil/core';\r\nimport { GeneralBackgroundCategories } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-top-bar',\r\n  styleUrl: 'gb-top-bar.css',\r\n  shadow: true,\r\n})\r\nexport class GbTopBar {\r\n  @Prop() category: GeneralBackgroundCategories;\r\n  @Prop() firstTabIcon: string = '';\r\n  @Prop() secondTabIcon: string = '';\r\n  @Prop() thirdTabIcon: string = '';\r\n  @Prop() fourthTabIcon: string = '';\r\n  @Prop() fifthTabIcon: string = '';\r\n  @Prop() sixthTabIcon: string = '';\r\n  @Prop() seventhTabIcon: string = '';\r\n  @Prop() firstTabLabel: string = '';\r\n  @Prop() secondTabLabel: string = '';\r\n  @Prop() thirdTabLabel: string = '';\r\n  @Prop() fourthTabLabel: string = '';\r\n  @Prop() fifthTabLabel: string = '';\r\n  @Prop() sixthTabLabel: string = '';\r\n  @Prop() seventhTabLabel: string = '';\r\n  @Prop() firstTabIconOnly: boolean = false;\r\n  @Prop() secondTabIconOnly: boolean = false;\r\n  @Prop() thirdTabIconOnly: boolean = false;\r\n  @Prop() fourthTabIconOnly: boolean = false;\r\n  @Prop() fifthTabIconOnly: boolean = false;\r\n  @Prop() sixthTabIconOnly: boolean = false;\r\n  @Prop() seventhTabIconOnly: boolean = false;\r\n  @Prop({ mutable: true }) activeIndex: number = 0;\r\n  @Event() topBarItemClicked: EventEmitter<number>;\r\n\r\n  onTabItemClicked(index: number) {\r\n    this.activeIndex = index;\r\n    this.topBarItemClicked.emit(index);\r\n  }\r\n\r\n  render() {\r\n    const patternSrc = getAssetPath(`assets/top_bar_pattern.svg`);\r\n\r\n    return (\r\n      <div class={`top_bar_div ${this.category}`}>\r\n        {this.category === 'colored_background' && (\r\n          <div class=\"pattern\">\r\n            <img src={patternSrc} alt=\"\" />\r\n          </div>\r\n        )}\r\n        <div class=\"top_bar_content\">\r\n          <div class=\"content\">\r\n            {this.firstTabLabel && (\r\n              <gb-top-bar-item\r\n                state={this.activeIndex === 0 ? 'active' : 'default'}\r\n                icon-only={this.firstTabIconOnly}\r\n                category={this.category}\r\n                icon={this.firstTabIcon}\r\n                label={this.firstTabLabel}\r\n                onClick={() => this.onTabItemClicked(0)}\r\n              ></gb-top-bar-item>\r\n            )}\r\n            {this.secondTabLabel && (\r\n              <gb-top-bar-item\r\n                state={this.activeIndex === 1 ? 'active' : 'default'}\r\n                icon-only={this.secondTabIconOnly}\r\n                category={this.category}\r\n                icon={this.secondTabIcon}\r\n                label={this.secondTabLabel}\r\n                onClick={() => this.onTabItemClicked(1)}\r\n              ></gb-top-bar-item>\r\n            )}\r\n            {this.thirdTabLabel && (\r\n              <gb-top-bar-item\r\n                state={this.activeIndex === 2 ? 'active' : 'default'}\r\n                icon-only={this.thirdTabIconOnly}\r\n                category={this.category}\r\n                icon={this.thirdTabIcon}\r\n                label={this.thirdTabLabel}\r\n                onClick={() => this.onTabItemClicked(2)}\r\n              ></gb-top-bar-item>\r\n            )}\r\n            {this.fourthTabLabel && (\r\n              <gb-top-bar-item\r\n                state={this.activeIndex === 3 ? 'active' : 'default'}\r\n                icon-only={this.fourthTabIconOnly}\r\n                category={this.category}\r\n                icon={this.fourthTabIcon}\r\n                label={this.fourthTabLabel}\r\n                onClick={() => this.onTabItemClicked(3)}\r\n              ></gb-top-bar-item>\r\n            )}\r\n            {this.fifthTabLabel && (\r\n              <gb-top-bar-item\r\n                state={this.activeIndex === 4 ? 'active' : 'default'}\r\n                icon-only={this.fifthTabIconOnly}\r\n                category={this.category}\r\n                icon={this.fifthTabIcon}\r\n                label={this.fifthTabLabel}\r\n                onClick={() => this.onTabItemClicked(4)}\r\n              ></gb-top-bar-item>\r\n            )}\r\n            {this.sixthTabLabel && (\r\n              <gb-top-bar-item\r\n                state={this.activeIndex === 5 ? 'active' : 'default'}\r\n                icon-only={this.sixthTabIconOnly}\r\n                category={this.category}\r\n                icon={this.sixthTabIcon}\r\n                label={this.sixthTabLabel}\r\n                onClick={() => this.onTabItemClicked(5)}\r\n              ></gb-top-bar-item>\r\n            )}\r\n            {this.seventhTabLabel && (\r\n              <gb-top-bar-item\r\n                state={this.activeIndex === 6 ? 'active' : 'default'}\r\n                icon-only={this.seventhTabIconOnly}\r\n                category={this.category}\r\n                icon={this.seventhTabIcon}\r\n                label={this.seventhTabLabel}\r\n                onClick={() => this.onTabItemClicked(6)}\r\n              ></gb-top-bar-item>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-top-bar-item/gb-top-bar-item.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"gb-top-bar-item.js","sourceRoot":"","sources":["../../../src/components/gb-top-bar-item/gb-top-bar-item.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, State, getAssetPath, h } from '@stencil/core';\r\nimport { GeneralBackgroundCategories } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-top-bar-item',\r\n  styleUrl: 'gb-top-bar-item.css',\r\n  shadow: true,\r\n})\r\nexport class GbTopBarItem {\r\n  @Prop() state: 'default' | 'active';\r\n  @Prop() iconOnly: boolean = false;\r\n  @Prop() category: GeneralBackgroundCategories;\r\n  @Prop() label: string = '';\r\n  @Prop() icon: string = '';\r\n  @State() leadingIconSvg: string = '';\r\n  @State() showTooltip: boolean = false;\r\n\r\n  async loadIcon(iconName: string) {\r\n    const iconPath = getAssetPath(`${iconName}`);\r\n    const response = await fetch(iconPath);\r\n    const svg = await response.text();\r\n\r\n    // Parse SVG into DOM\r\n    const parser = new DOMParser();\r\n    const svgDoc = parser.parseFromString(svg, 'image/svg+xml');\r\n    const svgElement = svgDoc.documentElement;\r\n\r\n    // Select all path tags with an opacity attribute\r\n    const pathsWithOpacity = svgElement.querySelectorAll('path[opacity]');\r\n\r\n    // Add a class to each\r\n    pathsWithOpacity.forEach(path => {\r\n      path.classList.add('has_opacity');\r\n    });\r\n\r\n    // Convert the modified SVG back to a string\r\n    const modifiedSvg = svgElement.outerHTML;\r\n\r\n    // Save or inject it into your component\r\n    this.leadingIconSvg = modifiedSvg;\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.loadIcon(this.icon);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class={`top_bar_item_div ${this.category} ${this.state}`} onMouseEnter={() => (this.showTooltip = true)} onMouseLeave={() => (this.showTooltip = false)}>\r\n        <div class={`top_bar_content`}>\r\n          <div class={`icon ${this.category} ${this.state}`} innerHTML={this.leadingIconSvg}></div>\r\n          {!this.iconOnly && (\r\n            <div class=\"label\">\r\n              <p class={`label_text text-md-medium ${this.category} ${this.state}`}>{this.label}</p>\r\n            </div>\r\n          )}\r\n          {this.state === 'active' && this.category === 'colored_background' && <div class={`bar ${this.category}`}></div>}\r\n          {this.state === 'active' && this.category === 'plain_background' && <div class={`bar ${this.category}`}></div>}\r\n        </div>\r\n        {this.iconOnly && this.showTooltip && (\r\n          <gb-tooltip show-arrow={true} arrow=\"bottom_center\" class=\"tooltip\">\r\n            <p slot=\"label\">{this.label}</p>\r\n          </gb-tooltip>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}