globuswebcomponents 1.1.7 → 1.1.8

package/dist/collection/components/gb-progress-steps/gb-progress-steps.js

@@ -0,0 +1,504 @@
+import { h, Fragment } from "@stencil/core";
+export class GbProgressSteps {
+    constructor() {
+        this.size = undefined;
+        this.breakpoint = undefined;
+        this.thirdStep = false;
+        this.fourthStep = false;
+        this.fifthStep = false;
+        this.sixthStep = false;
+        this.seventhStep = false;
+        this.firstStepState = undefined;
+        this.secondStepState = undefined;
+        this.thirdStepState = undefined;
+        this.fourthStepState = undefined;
+        this.fifthStepState = undefined;
+        this.sixthStepState = undefined;
+        this.seventhStepState = undefined;
+        this.firstStepStatus = undefined;
+        this.secondStepStatus = undefined;
+        this.thirdStepStatus = undefined;
+        this.fourthStepStatus = undefined;
+        this.fifthStepStatus = undefined;
+        this.sixthStepStatus = undefined;
+        this.seventhStepStatus = undefined;
+    }
+    render() {
+        return (h(Fragment, null, h("div", { key: 'dab2f87641a0f6fd628fa77c9f0a65feb8582953', class: "text_with_line" }, h("gb-step-base", { key: '7c2548d0bde93863c4d0c6e5923840f2e08d0add', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus }), h("gb-step-base", { key: '6fbc51369144cdc7abf80fa3a1763f27a14a359f', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus }), this.thirdStep && h("gb-step-base", { key: 'f93adaedacd2941dfe389030e70a103a890ebbcf', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus }), this.fourthStep && h("gb-step-base", { key: '64f425dfcdc77996a86a2d4a6292ba92f4216193', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus }), this.fifthStep && h("gb-step-base", { key: 'bfe70ce07fead1ea5906b84af0465af13190dbc9', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus }), this.sixthStep && h("gb-step-base", { key: '94a086e6172818504793718d84232c99b28911be', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus }), this.seventhStep && h("gb-step-base", { key: 'fbc53e960fa4807a757c39c6545c6eb1f38edbe3', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus }))));
+    }
+    static get is() { return "gb-progress-steps"; }
+    static get encapsulation() { return "shadow"; }
+    static get originalStyleUrls() {
+        return {
+            "$": ["gb-progress-steps.css"]
+        };
+    }
+    static get styleUrls() {
+        return {
+            "$": ["gb-progress-steps.css"]
+        };
+    }
+    static get properties() {
+        return {
+            "size": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "GeneralSizes",
+                    "resolved": "\"lg\" | \"md\" | \"profile_lg\" | \"profile_md\" | \"profile_sm\" | \"sm\" | \"xl\" | \"xl2\" | \"xl3\" | \"xl4\" | \"xs\" | \"xxs\"",
+                    "references": {
+                        "GeneralSizes": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::GeneralSizes"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "size",
+                "reflect": false
+            },
+            "breakpoint": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "BreakPoints",
+                    "resolved": "\"desktop\" | \"mobile\"",
+                    "references": {
+                        "BreakPoints": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::BreakPoints"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "breakpoint",
+                "reflect": false
+            },
+            "thirdStep": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "third-step",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "fourthStep": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fourth-step",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "fifthStep": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fifth-step",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "sixthStep": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "sixth-step",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "seventhStep": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "seventh-step",
+                "reflect": false,
+                "defaultValue": "false"
+            },
+            "firstStepState": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStates",
+                    "resolved": "\"default\" | \"destructive\"",
+                    "references": {
+                        "ProgressStepStates": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStates"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "first-step-state",
+                "reflect": false
+            },
+            "secondStepState": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStates",
+                    "resolved": "\"default\" | \"destructive\"",
+                    "references": {
+                        "ProgressStepStates": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStates"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "second-step-state",
+                "reflect": false
+            },
+            "thirdStepState": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStates",
+                    "resolved": "\"default\" | \"destructive\"",
+                    "references": {
+                        "ProgressStepStates": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStates"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "third-step-state",
+                "reflect": false
+            },
+            "fourthStepState": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStates",
+                    "resolved": "\"default\" | \"destructive\"",
+                    "references": {
+                        "ProgressStepStates": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStates"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fourth-step-state",
+                "reflect": false
+            },
+            "fifthStepState": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStates",
+                    "resolved": "\"default\" | \"destructive\"",
+                    "references": {
+                        "ProgressStepStates": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStates"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fifth-step-state",
+                "reflect": false
+            },
+            "sixthStepState": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStates",
+                    "resolved": "\"default\" | \"destructive\"",
+                    "references": {
+                        "ProgressStepStates": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStates"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "sixth-step-state",
+                "reflect": false
+            },
+            "seventhStepState": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStates",
+                    "resolved": "\"default\" | \"destructive\"",
+                    "references": {
+                        "ProgressStepStates": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStates"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "seventh-step-state",
+                "reflect": false
+            },
+            "firstStepStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStatus",
+                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+                    "references": {
+                        "ProgressStepStatus": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "first-step-status",
+                "reflect": false
+            },
+            "secondStepStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStatus",
+                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+                    "references": {
+                        "ProgressStepStatus": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "second-step-status",
+                "reflect": false
+            },
+            "thirdStepStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStatus",
+                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+                    "references": {
+                        "ProgressStepStatus": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "third-step-status",
+                "reflect": false
+            },
+            "fourthStepStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStatus",
+                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+                    "references": {
+                        "ProgressStepStatus": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fourth-step-status",
+                "reflect": false
+            },
+            "fifthStepStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStatus",
+                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+                    "references": {
+                        "ProgressStepStatus": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "fifth-step-status",
+                "reflect": false
+            },
+            "sixthStepStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStatus",
+                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+                    "references": {
+                        "ProgressStepStatus": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "sixth-step-status",
+                "reflect": false
+            },
+            "seventhStepStatus": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "ProgressStepStatus",
+                    "resolved": "\"complete\" | \"current\" | \"incomplete\"",
+                    "references": {
+                        "ProgressStepStatus": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::ProgressStepStatus"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "attribute": "seventh-step-status",
+                "reflect": false
+            }
+        };
+    }
+}
+//# sourceMappingURL=gb-progress-steps.js.map

package/dist/collection/components/gb-progress-steps/gb-progress-steps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"gb-progress-steps.js","sourceRoot":"","sources":["../../../src/components/gb-progress-steps/gb-progress-steps.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAQ7D,MAAM,OAAO,eAAe;;;;yBAGG,KAAK;0BACJ,KAAK;yBACN,KAAK;yBACL,KAAK;2BACH,KAAK;;;;;;;;;;;;;;;;IAgBpC,MAAM;QACJ,OAAO,CACL;YACE,4DAAK,KAAK,EAAC,gBAAgB;gBACzB,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,GAAiB;gBACzH,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,IAAI,CAAC,gBAAgB,GAAiB;gBAC1H,IAAI,CAAC,SAAS,IAAI,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,GAAiB;gBAC3I,IAAI,CAAC,UAAU,IAAI,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,eAAe,EAAE,MAAM,EAAE,IAAI,CAAC,gBAAgB,GAAiB;gBAC9I,IAAI,CAAC,SAAS,IAAI,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,GAAiB;gBAC3I,IAAI,CAAC,SAAS,IAAI,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,cAAc,EAAE,MAAM,EAAE,IAAI,CAAC,eAAe,GAAiB;gBAC3I,IAAI,CAAC,WAAW,IAAI,qEAAc,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,IAAI,EAAC,WAAW,EAAC,KAAK,EAAE,IAAI,CAAC,gBAAgB,EAAE,MAAM,EAAE,IAAI,CAAC,iBAAiB,GAAiB,CAC9I,CACL,CACJ,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Prop, h, Fragment } from \"@stencil/core\";\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n  tag: 'gb-progress-steps',\r\n  styleUrl: 'gb-progress-steps.css',\r\n  shadow: true,\r\n})\r\nexport class GbProgressSteps {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() breakpoint: BreakPoints;\r\n  @Prop() thirdStep: boolean = false;\r\n  @Prop() fourthStep: boolean = false;\r\n  @Prop() fifthStep: boolean = false;\r\n  @Prop() sixthStep: boolean = false;\r\n  @Prop() seventhStep: boolean = false;\r\n  @Prop() firstStepState: ProgressStepStates;\r\n  @Prop() secondStepState: ProgressStepStates;\r\n  @Prop() thirdStepState: ProgressStepStates;\r\n  @Prop() fourthStepState: ProgressStepStates;\r\n  @Prop() fifthStepState: ProgressStepStates;\r\n  @Prop() sixthStepState: ProgressStepStates;\r\n  @Prop() seventhStepState: ProgressStepStates;\r\n  @Prop() firstStepStatus: ProgressStepStatus;\r\n  @Prop() secondStepStatus: ProgressStepStatus;\r\n  @Prop() thirdStepStatus: ProgressStepStatus;\r\n  @Prop() fourthStepStatus: ProgressStepStatus;\r\n  @Prop() fifthStepStatus: ProgressStepStatus;\r\n  @Prop() sixthStepStatus: ProgressStepStatus;\r\n  @Prop() seventhStepStatus: ProgressStepStatus;\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        <div class=\"text_with_line\">\r\n          <gb-step-base size={this.size} type=\"text_line\" state={this.firstStepState} status={this.firstStepStatus}></gb-step-base>\r\n          <gb-step-base size={this.size} type=\"text_line\" state={this.secondStepState} status={this.secondStepStatus}></gb-step-base>\r\n          {this.thirdStep && <gb-step-base size={this.size} type=\"text_line\" state={this.thirdStepState} status={this.thirdStepStatus}></gb-step-base>}\r\n          {this.fourthStep && <gb-step-base size={this.size} type=\"text_line\" state={this.fourthStepState} status={this.fourthStepStatus}></gb-step-base>}\r\n          {this.fifthStep && <gb-step-base size={this.size} type=\"text_line\" state={this.fifthStepState} status={this.fifthStepStatus}></gb-step-base>}\r\n          {this.sixthStep && <gb-step-base size={this.size} type=\"text_line\" state={this.sixthStepState} status={this.sixthStepStatus}></gb-step-base>}\r\n          {this.seventhStep && <gb-step-base size={this.size} type=\"text_line\" state={this.seventhStepState} status={this.seventhStepStatus}></gb-step-base>}\r\n        </div>\r\n      </>\r\n    );\r\n  }\r\n}"]}

package/dist/collection/components/gb-scrollbar/gb-scrollbar.js

@@ -4,7 +4,7 @@ export class GbScrollbar {
         this.length = '25%';
     }
     render() {
-        return (h("div", { key: 'b766c90f046d51e79340a62485e7bb1eb12e69eb', class: "scrollbar-container" }, h("div", { key: '02e8023caa748d209e2c2a80cf7bfeb1cc86b486', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '14941f710aec653451c356a45c42708bad895537' }))));
+        return (h("div", { key: 'c99768c63b62dd106a6806a03803b67084684849', class: "scrollbar-container" }, h("div", { key: '0e48903b93f7562d4a987f88827eb685f3c495a9', class: "scrollbar", style: { height: this.length } }, h("slot", { key: '3372e1547b8bc9feac5679bcce0f1b2a11dbc309' }))));
     }
     static get is() { return "gb-scrollbar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-sidebar/gb-sidebar.js

@@ -99,7 +99,7 @@ export class GbSidebar {
         const logoSrc = getAssetPath(`assets/globus_bank_logo.svg`);
         const blueLogoSrc = getAssetPath(`assets/globus_bank_logo_blue.svg`);
         const whiteLogoSrc = getAssetPath(`assets/globus_bank_logo_white.svg`);
-        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '852d13e4c07b235f5cc12edf4a34f27b6506076d', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'f1fd031a600edc7cea66e5ef5407fd615b7e8335', class: "pattern" }, h("img", { key: '6c145c35b4d838ef11a797a36ed9acf06a047566', src: patternSrc, alt: "" }))), h("div", { key: '0e9caad8f3489e1ea58f75f89e14df4a07b79f24', class: "nav" }, h("div", { key: 'ea86c650bbecd935a39969735caada1064f53c2f', class: `sidebar_header ${this.state}` }, h("div", { key: 'ea8342996257cfb3c4ab575765f9a3962bfc54b7', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: '25ea5f54869a5f7ceabfe628a1729015aaf0bb3f', src: logoSrc, alt: "" })), h("div", { key: 'e559071c7fa452ce8dbdb8595d3a5c45c65007f1', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'd1d2e257d15dc73030e9ac2e197842439bc8195a', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '6da7b93f509850bd3fa9387f4607ef4c922ef11e', class: "navigation" }, h("div", { key: '08c6c6db906b5bd3ec53e53925c2a260af7dbb9d', class: "item" }, h("gb-simple-side-bar-item", { key: '29014333facf2b748f034eec5f626a454f7fc55d', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: 'd68e6bdf08289a37170d6cb8bc845d4ba59fe638', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '37059f65400f59c763486ab0abdc45fed84311b0', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: '373bbf3703bc9f3c328eca65c57793673bbfd475', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '28cbd2c7a5d920cfc7a7ba6e1a00abfc9d4b1db0', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'fb7e6322de6eac13e28ba8dc822e784e5ff96d5f', class: "navigation" }, h("div", { key: '048be0b9ed0da838ff70be4f6c3654aad03c71be', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: '03880e6fe742c44bba4772707818eb3d255211f0', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: 'f77932f05f01e96dac633e660f7f6bb445c183c4', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: '0a72c7522cb9cd79454559bc9694591374cfd911', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: '4ce273bda87c153e708c79bc3f8b6b50d082a994', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: 'e7985cf973ae73b69e3da8c70b806ab1383798a5', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'b038df914aab31d57d20e955bd1c7aa706f79584', class: "application_name" }, h("div", { key: 'fd8227bcc2e6880e5d40a78715cc9b58bcc1d9a7', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'b6b29a3f24c2932cf1213dc875b3a0968f088cb8', class: "application_name_pattern" }, h("img", { key: '1abb87fada0b90182604ce993af07ae2618cc02c', src: patternSrc, alt: "" }))), h("div", { key: '49cfc95748320ba299452aa488aefcf51986923e', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: 'd6f2099c255bfe86ac271687eee2fbf21d26d023', class: textClass }, h("slot", { key: '81e00bc3cd726318054538ef5a1363ca93da0757', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: 'd06da7f6383064bb1479032bd05c65fd8b9d2138', class: `sidebar_and_nav ${this.state}` }, h("div", { key: 'e9546a33dd0a1658b612cf61ab97d708ccd4b760', class: "nav_div" }, h("div", { key: '56c54acac0601da5df5b62b55abe8ebd65b64e6d', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '005f8c2f5196e5ab60f25f721cbc377d393aa9a5', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: 'a4a37368f1de059c501ad342ca8e66eb730a5c05', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: 'bc75487b629c8168f527f5c78a86d9b3bd2b3420', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '4164d5026c426c680a644e6a9448ebbd2a8673e0', class: "complex_sidebar_div" }, h("div", { key: 'd8833772b894dff2e4e907ef11d9d9a4eb8de077', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '8592c5954537d8539d50c4ffb91d591047f463ee', class: "pattern" }, h("img", { key: '4f0cb99f8d7cbeeb2be128145f03f5aded6e8d8b', src: patternSrc, alt: "" }))), h("div", { key: '554a8525b16bcfcfd6527dd8aae1e08a6a7c0fa7', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'e7e4c00e0403e285da970759abb8df8eb42d1b6f', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '7802d821930b3f8807c67be0fc03ebf73595e9dd', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
+        return (h(Fragment, null, this.type === 'simple' && (h("div", { key: '0625390955fc3884d6704a48ae5816f5d5dbd962', class: `simple_sidebar_div ${this.state} ${this.category}` }, this.category === 'colored_background' && (h("div", { key: 'd99b7c8f0f17655a765443983654eca9c44f2097', class: "pattern" }, h("img", { key: 'a33202e9aac07beb39150d80b5db9baaab61dc91', src: patternSrc, alt: "" }))), h("div", { key: '26f9626e509d66204ba6e46d9c1fb320b44f451a', class: "nav" }, h("div", { key: 'dca1edfb82fc67ae35dfd181e37119d524464996', class: `sidebar_header ${this.state}` }, h("div", { key: 'e4a7bcc84b7f9294047666d6b7384571ccae7fa8', class: `logo_and_name ${this.state}` }, this.state === 'expanded' && h(Fragment, null, this.category === 'plain_background' ? h("img", { src: blueLogoSrc }) : h("img", { src: whiteLogoSrc })), this.state === 'collapsed' && h("img", { key: 'a3ac8c8686f4946a9ba22dfe965a1d839a28f18f', src: logoSrc, alt: "" })), h("div", { key: '5bddc3e50b8f17459aaf55d36e9b88f13a180bd7', class: `collapse_button ${this.state}` }, h("gb-collapse-button", { key: 'dd2b9e2488200a797ee6103c2f57d857f3273ca0', color: this.category === 'plain_background' ? 'gray' : 'white', action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '0b5656609996d01fda2f0f22136c240a697ffa2a', class: "navigation" }, h("div", { key: '768be8394d8b819f26c8409b9efcaf048eddc876', class: "item" }, h("gb-simple-side-bar-item", { key: '5ec00e32eed04c440b10d4c95ffc92a09009a095', state: this.activeIndex === 0 ? 'active' : 'default', icon: this.firstItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(0), label: this.firstItemLabel }), h("gb-simple-side-bar-item", { key: '6f43f28de09f00e5bb3617a79cdfd8dc6bfd06ff', state: this.activeIndex === 1 ? 'active' : 'default', icon: this.secondItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(1), label: this.secondItemLabel }), this.thirdItemLabel && (h("gb-simple-side-bar-item", { key: '56e83311195690c4a03dd25d0c912e449f96ad29', state: this.activeIndex === 2 ? 'active' : 'default', icon: this.thirdItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(2), label: this.thirdItemLabel })), this.fourthItemLabel && (h("gb-simple-side-bar-item", { key: '4b6c22619ad25e4e2dee501733f188cc19ff7d4d', state: this.activeIndex === 3 ? 'active' : 'default', icon: this.fourthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(3), label: this.fourthItemLabel })), this.fifthItemLabel && (h("gb-simple-side-bar-item", { key: '77acdac42bb391e8f49cdb8e23fee0cb0aa92741', state: this.activeIndex === 4 ? 'active' : 'default', icon: this.fifthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(4), label: this.fifthItemLabel })))), this.showSecondCategory && (h("div", { key: 'a430126b542a234a0a06e6ff6ae0ebc57fdd9889', class: "navigation" }, h("div", { key: 'cd9b3719177a7cbaf45c4b8a591ac91a7f995aa2', class: "item" }, this.sixthItemLabel && (h("gb-simple-side-bar-item", { key: 'c5b210741c6633848e0f4d0e27713b4cb645e96d', state: this.activeIndex === 5 ? 'active' : 'default', icon: this.sixthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(5), label: this.sixthItemLabel })), this.seventhItemLabel && (h("gb-simple-side-bar-item", { key: 'd54f5719659905376d713692c4a6863cd528ec1a', state: this.activeIndex === 6 ? 'active' : 'default', icon: this.seventhItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(6), label: this.seventhItemLabel })), this.eighthItemLabel && (h("gb-simple-side-bar-item", { key: 'e5d155803e6ccb45641b5040dc3d66dde73d8ab3', state: this.activeIndex === 7 ? 'active' : 'default', icon: this.eighthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(7), label: this.eighthItemLabel })), this.ninthItemLabel && (h("gb-simple-side-bar-item", { key: 'f6f16cf2e6b299e196ad0cd41e551fde7a0390f7', state: this.activeIndex === 8 ? 'active' : 'default', icon: this.ninthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(8), label: this.ninthItemLabel })), this.tenthItemLabel && (h("gb-simple-side-bar-item", { key: '75942a796d2175d1ce314bfc37e3e9bfe701e321', state: this.activeIndex === 9 ? 'active' : 'default', icon: this.tenthItemIcon, category: this.category, type: this.state === 'collapsed' ? 'icon_only' : 'full_with_label', onClick: () => this.sideBarItemClicked(9), label: this.tenthItemLabel })))))), this.state === 'expanded' && (h("div", { key: 'b359af1852ec7856a51787a614b16f99637b85b1', class: "application_name" }, h("div", { key: '623910755e7154fb06a023680e9a614a327343ae', class: `wrapper ${this.category}` }, this.category === 'plain_background' && (h("div", { key: 'a2d243cef8c3b786e58ce3fcf4d1b5f1d4c61ce8', class: "application_name_pattern" }, h("img", { key: '5564bc933a49b53d283af9e20202e3cff40c74d1', src: patternSrc, alt: "" }))), h("div", { key: 'f29321aaf7b9b513de79d1a958e370c97e6cac4e', class: `application_icon ${this.category}`, innerHTML: this.leadingIconSvg }), h("span", { key: '17551a679c4bc3373ff1650a8b38a4d052011f8d', class: textClass }, h("slot", { key: 'e1a60393941fab7a45c9602e5bc2f335657203f5', name: "application_name" }))))))), this.type === 'complex' && (h("div", { key: '7d3f671805c4d05f99ec871d20ff3de127eb2b32', class: `sidebar_and_nav ${this.state}` }, h("div", { key: '52f0ef7c4377cd3b64864cbba34721108acdd340', class: "nav_div" }, h("div", { key: 'cf7b2fd088d316a270129dd8835ec8d7a017d544', class: "logo_and_button" }, this.state === 'expanded' && h("img", { key: '8a0fac9ef0027374660ccdcceaafcd9cbbd4644e', src: blueLogoSrc }), this.state === 'collapsed' && h("img", { key: '8f2c40d33e8c93b302074818b270d9263fcfdf88', src: logoSrc, alt: "" }), h("gb-collapse-button", { key: '3f36792c179f78990a62a33a7815787ffa99d283', color: "gray", action: this.state === 'collapsed' ? 'expand' : 'collapse', onClick: () => (this.state === 'collapsed' ? this.expandSideBar() : this.collapseSideBar()) }))), h("div", { key: '6468e00b175f17ed05d5d24d4949354d2d321221', class: "complex_sidebar_div" }, h("div", { key: 'bcffce87fc1ccd507016a9953fccfcbb7b27a511', class: `primary_side_menu ${this.category} ${this.navItemStyle}` }, this.category === 'colored_background' && (h("div", { key: '4706ba8467c0a28d2555f070f3b92dbb18320219', class: "pattern" }, h("img", { key: 'f20bc0c92364050a0b2e95060eddad40dd6d2b73', src: patternSrc, alt: "" }))), h("div", { key: '4dfff9b84d3c0e9b4fe0110a2b1978c624c67d7e', class: "primary_side_menu_container" }, Object.keys(this.complexSidebarData).map((primaryItem, index) => (h("gb-complex-primary-side-bar-item", { key: `${index}`, label: primaryItem, category: this.category, "item-style": this.navItemStyle, icon: this.complexSidebarData[primaryItem].icon, state: this.activePrimaryItem === primaryItem ? 'active' : 'default', onClick: () => this.handlePrimaryClick(primaryItem, index) }))))), h("div", { key: 'df017f591fc439eaa92f2d338b1f2af08c35b2f8', class: `secondary_side_menu ${this.category} ${this.state}` }, h("div", { key: '56ac74c6a9ab5f827d10e968a19dde8241b1ad8d', class: "sside_menu" }, this.complexSidebarData[this.activePrimaryItem].items.map((secondaryItem, index) => (h("gb-complex-secondary-side-bar-item", { key: `${this.activePrimaryItem}-${index}`, type: this.state === 'expanded' ? 'full_with_label' : 'icon_only', label: secondaryItem.label, category: this.category, icon: secondaryItem.icon, state: this.activeSecondaryItem === secondaryItem.label ? 'active' : 'default', onClick: () => this.handleSecondaryClick(secondaryItem.label, index) }))))))))));
     }
     static get is() { return "gb-sidebar"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-simple-side-bar-item/gb-simple-side-bar-item.js

@@ -31,7 +31,7 @@ export class GbSimpleSideBarItem {
     render() {
         const redBarSrc = getAssetPath(`assets/bar.svg`);
         const whiteBarSrc = getAssetPath(`assets/bar_white.svg`);
-        return (h("div", { key: 'c10c0ddc1f56ebba72df39947e22de979185cdea', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '9e8b3644d3d36427fc96ad08dd947be97abc1122', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: 'dd1ef4228384cf98e29a9898b62c6df4d2577aef', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'e32708065018ecc902f9e65629fa4359d00ff3d8', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '4c6a07db22e081488a086e49026b098a4802baec', class: "content" }, h("div", { key: '9c7282d86e171a31484152ea9c925f926572975a', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'eeb57c863782b022105616961347723be9c71241', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: '251820d666ae4eced0f735f281c1a6c164d50e75', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'c7fa82d75d31d3161c711f64d980d5cc8fdab728' }, "10"))), this.showArrow && (h("svg", { key: '11d342a6e1e58202b2fa1100989faa0dfc8e0898', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: '99076fe0564872eb2a2d32b884282599a6e14fea', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'a227d4993065b614db84cc1c43077cea69049c99', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'd7ed11d4d86ccb601402d6bb1e6d444b2bce00a5', slot: "label" }, this.label)))));
+        return (h("div", { key: '1b4e8216bc597a8724f87dfa51c68f69811387b0', class: `side_bar_item_container`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: 'f6cf6e130715a1c7287a01b81472ae36e17a5bcf', class: `nav_item_base ${this.state} ${this.type} ${this.category}` }, this.state === 'active' && this.category === 'plain_background' && h("img", { key: '46925ca14ac496335f0cd67764be9ea2405f752f', src: redBarSrc, alt: "", class: "bar" }), this.state === 'active' && this.category === 'colored_background' && h("img", { key: 'd386956cfa53b6642951d898b5c67a996ceae02a', src: whiteBarSrc, alt: "", class: "bar" }), h("div", { key: '73126b64fef5f3292c2b35be2cad7ae5d5c5f3ac', class: "content" }, h("div", { key: '7b8d4a798e5e77543ee44f63e956f6a0fda9ea6f', class: `icon ${this.state} ${this.category}`, innerHTML: this.leadingIconSvg }), this.type === 'full_with_label' && (h("p", { key: 'bcd419fa137685a54ec78b39de7a08ced856a66d', class: `label_text ${this.category} ${this.state} ${this.state === 'active' ? 'text-md-semi-bold' : 'text-md-medium'}` }, this.label))), this.type === 'full_with_label' && (h(Fragment, null, this.showBadge && (h("gb-badge", { key: 'b278ae9aa713b92f4f93e9bde13845fd817c2d68', size: "sm", type: "pill_outline", color: this.state === 'active' ? 'information' : 'gray' }, h("p", { key: 'a671a8c9fc49269a578c0a97e818349ab3c2d9b5' }, "10"))), this.showArrow && (h("svg", { key: '194be0975fddc4a89e39b46610d7f2d4aab81634', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", class: `arrow ${this.state} ${this.category}` }, h("path", { key: 'b9a6aa8e4fec4972b00793f03155c77f8aa6ff3b', d: "M6.00003 4C6.00003 4 9.99999 6.94596 10 8.00003C10 9.05411 6 12 6 12", stroke: "#212C65", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), this.type === 'icon_only' && this.showTooltip && (h("gb-tooltip", { key: 'e292fb247b2d1d7a5a05c5b36da588dd258f46e6', "show-arrow": true, arrow: "left", class: "tooltip" }, h("p", { key: 'feacc9ee9789f28f06e867acd686bfa4ee1fa33c', slot: "label" }, this.label)))));
     }
     static get is() { return "gb-simple-side-bar-item"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-slider/gb-slider.js

@@ -75,7 +75,7 @@ export class GbSlider {
         return this.unitPosition === 'left' ? `${this.unit}${value}` : `${value}${this.unit}`;
     }
     render() {
-        return (h("div", { key: '95d965c436db557331511480d8197af74525f9fa', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'fb252234a7a61af7ae8cc99a2e1dd82eabc5da48', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '0df1ca17e1c9c1e9e4e2089ad350b1163db64a22', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: 'bb8297600c9478abc5b816e83cb8d22ae1849d1e', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
+        return (h("div", { key: '7aae45cbc10b9b8e24c6a0c4298ca2acc243d95d', class: "slider-container", ref: el => (this.containerEl = el) }, h("div", { key: 'cebf73d5417ec821046ed885523537e1d72370f2', class: "track", ref: el => (this.trackEl = el) }), h("gb-slider-control-handle", { key: '2c119b62a10956a4c794641f3158f0ed44441f28', class: "left", value: this.formatValue(this.leftValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.leftValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'left') }), h("gb-slider-control-handle", { key: '259a9422e62b3ebb192d114fb288a7e7490e46b4', class: "right", value: this.formatValue(this.rightValue), type: this.label === 'false' ? '' : this.label === 'bottom' ? 'text' : this.label === 'top_floating' ? 'tooltip' : null, style: { left: `${((this.rightValue - this.min) / (this.max - this.min)) * 100}%` }, onMouseDown: e => this.handleMouseDown(e, 'right') })));
     }
     static get is() { return "gb-slider"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-slider-control-handle/gb-slider-control-handle.js

@@ -19,7 +19,7 @@ export class GbSliderControlHandle {
         this.isFocused = false;
     }
     render() {
-        return (h("div", { key: '23687e83cb5c4398405cf6661271336cd843b68a', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '7c2d2bb8275c34fc74da76f3c053186f0ea54b6f', class: "tooltip-container" }, h("gb-tooltip", { key: 'a6da2a30d5d50c9345d7a83933d5a836d030e73d', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'ddb20391fdd221da6f8da437dd9b395696aec267', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: '546704b74e126608b6d9d633922542e0827ed749', class: "thumb-label" }, h("p", { key: '0a32d53fdea89b45c5f4ba66b91bd2ef361c5159', class: "thumb_label text-md-medium" }, this.value)))));
+        return (h("div", { key: '970e8fc86e8f36e119bdd305bf9d3d7cef072692', class: `thumb-container ${this.type} ${this.isHovered ? 'hover' : ''} ${this.isFocused ? 'focused' : ''}`, onMouseEnter: () => this.handleMouseEnter(), onMouseLeave: () => this.handleMouseLeave(), onFocus: () => this.handleFocus(), onBlur: () => this.handleBlur(), tabindex: "0" }, this.type === 'tooltip' && (h("div", { key: '1748497b3e01b54857898d601be13d2ebbe616a5', class: "tooltip-container" }, h("gb-tooltip", { key: 'daac1e3aca7f14f2c94ddae1f763e8a699e415fa', "show-arrow": false, arrow: "none", "show-supporting-text": false }, h("p", { key: 'c805cb0cff6dc0f16fb824a9e882bcd5d0ce04c8', class: "text-xs-semi-bold", slot: "label" }, this.value)))), this.type === 'text' && (h("div", { key: 'f3836a8d404022c86e4b22908c0eedc70a3dc28c', class: "thumb-label" }, h("p", { key: '2a5a14fb91bbff68902de9c252dd3e40d7867801', class: "thumb_label text-md-medium" }, this.value)))));
     }
     static get is() { return "gb-slider-control-handle"; }
     static get encapsulation() { return "shadow"; }