globuswebcomponents 1.2.5 → 1.2.6

package/dist/collection/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-stepper-horizontal-icons-centered.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AASnD,MAAM,OAAO,gCAAgC;;;qBAEjB,CAAC;;;;IAIzB,MAAM;QACF,OAAO,CACH,6DAAW,CACd,CAAA;IACL,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACJ","sourcesContent":["import { Component, Prop, h } from \"@stencil/core\";\r\nimport { BreakPoints, GeneralSizes } from \"../../models/reusableModels\";\r\n\r\n@Component({\r\n    tag: 'gb-stepper-horizontal-icons-centered',\r\n    styleUrl: 'gb-stepper-horizontal-icons-centered.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbStepperHorizontalIconsCentered {\r\n    @Prop() size: GeneralSizes;\r\n    @Prop() steps: number = 0;\r\n    @Prop() type: 'icon' | 'featured_icon';\r\n    @Prop() breakpoint: BreakPoints;\r\n\r\n    render() {\r\n        return (\r\n            <div></div>\r\n        )\r\n    }\r\n}"]}
+{"version":3,"file":"gb-stepper-horizontal-icons-centered.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-icons-centered/gb-stepper-horizontal-icons-centered.tsx"],"names":[],"mappings":"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","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-stepper-horizontal-icons-centered',\r\n  styleUrl: 'gb-stepper-horizontal-icons-centered.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperVerticalIconsCentered {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() steps: number;\r\n  @Prop() type: 'icon' | 'featured_icon';\r\n  @Prop() breakpoint: BreakPoints;\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  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <>\r\n        {this.type === 'icon' && (\r\n          <div class=\"icons_centered_div\">\r\n            {this.breakpoint === 'mobile' && (\r\n              <>\r\n                {this.steps === 2 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={false}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 3 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={false}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 4 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={false}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 5 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={false}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 6 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={true}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.sixthStepState}\r\n                      status={this.sixthStepStatus}\r\n                      connector={false}\r\n                      label={this.sixthStepLabel}\r\n                      supporting-text={this.sixthStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n                {this.steps === 7 && (\r\n                  <>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.firstStepState}\r\n                      status={this.firstStepStatus}\r\n                      connector={true}\r\n                      label={this.firstStepLabel}\r\n                      supporting-text={this.firstStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.secondStepState}\r\n                      status={this.secondStepStatus}\r\n                      connector={true}\r\n                      label={this.secondStepLabel}\r\n                      supporting-text={this.secondStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.thirdStepState}\r\n                      status={this.thirdStepStatus}\r\n                      connector={true}\r\n                      label={this.thirdStepLabel}\r\n                      supporting-text={this.thirdStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fourthStepState}\r\n                      status={this.fourthStepStatus}\r\n                      connector={true}\r\n                      label={this.fourthStepLabel}\r\n                      supporting-text={this.fourthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.fifthStepState}\r\n                      status={this.fifthStepStatus}\r\n                      connector={true}\r\n                      label={this.fifthStepLabel}\r\n                      supporting-text={this.fifthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.sixthStepState}\r\n                      status={this.sixthStepStatus}\r\n                      connector={true}\r\n                      label={this.sixthStepLabel}\r\n                      supporting-text={this.sixthStepSupportingText}\r\n                    ></gb-step-base>\r\n                    <gb-step-base\r\n                      size={this.size}\r\n                      type=\"icon_left\"\r\n                      state={this.seventhStepState}\r\n                      status={this.seventhStepStatus}\r\n                      connector={false}\r\n                      label={this.seventhStepLabel}\r\n                      supporting-text={this.seventhStepSupportingText}\r\n                    ></gb-step-base>\r\n                  </>\r\n                )}\r\n              </>\r\n            )}\r\n          </div>\r\n        )}\r\n        {/* {this.type === \"featured_icon\"} */}\r\n      </>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js

@@ -3,11 +3,6 @@ export class GbStepperHorizontalLineWithText {
     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;
@@ -38,7 +33,7 @@ export class GbStepperHorizontalLineWithText {
         this.seventhStepSupportingText = '';
     }
     render() {
-        return (h("div", { key: 'df4e057f5703bccbc63423b397d7ff26d5a16c3a', class: "text_with_line" }, h("gb-step-base", { key: '66629c4d997aeb724a798a004cf59742bca1341c', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: 'd28ec226c43a04eec75c9b498ed59ef650c16b0d', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), this.thirdStep && (h("gb-step-base", { key: '881fc12c915c34e50c0fc02c8af1ac1c3259ce0d', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText })), this.fourthStep && (h("gb-step-base", { key: 'bfa2867318a07de616e9d6a2cf337eaafe225649', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText })), this.fifthStep && (h("gb-step-base", { key: '0f27966b49bb38fc4299492597bc826be09c14b7', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText })), this.sixthStep && (h("gb-step-base", { key: '08b97d29917ca895dcbc5f1baeb1013d30234747', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText })), this.seventhStep && (h("gb-step-base", { key: '11811df563eccf0ba8e14f5c8f0476c1c2cd16db', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText }))));
+        return (h("div", { key: 'eaaf067e3b47a9ee0155f94dbf9c1421f3a3287a', class: "text_with_line" }, h("gb-step-base", { key: '6be5b7c018032ac6efcbc85f9509d1120f8b02f9', size: this.size, type: "text_line", state: this.firstStepState, status: this.firstStepStatus, label: this.firstStepLabel, "supporting-text": this.firstStepSupportingText }), h("gb-step-base", { key: '2fe3cfdb6b03d058a20c3b7d0968082483c560bf', size: this.size, type: "text_line", state: this.secondStepState, status: this.secondStepStatus, label: this.secondStepLabel, "supporting-text": this.secondStepSupportingText }), this.thirdStepLabel && (h("gb-step-base", { key: '4923758afca3cba757fe26f8c205e42d6ed48443', size: this.size, type: "text_line", state: this.thirdStepState, status: this.thirdStepStatus, label: this.thirdStepLabel, "supporting-text": this.thirdStepSupportingText })), this.fourthStepLabel && (h("gb-step-base", { key: '3f8ae099cf31bac203bcc8ff235e4a8046e564f3', size: this.size, type: "text_line", state: this.fourthStepState, status: this.fourthStepStatus, label: this.fourthStepLabel, "supporting-text": this.fourthStepSupportingText })), this.fifthStepLabel && (h("gb-step-base", { key: '57e5df0ea6270ecc914ef7ae63b5bd6f2fff6785', size: this.size, type: "text_line", state: this.fifthStepState, status: this.fifthStepStatus, label: this.fifthStepLabel, "supporting-text": this.fifthStepSupportingText })), this.sixthStepLabel && (h("gb-step-base", { key: '7c74224eae3a7b8f4d10595767c5f2b6205cc06a', size: this.size, type: "text_line", state: this.sixthStepState, status: this.sixthStepStatus, label: this.sixthStepLabel, "supporting-text": this.sixthStepSupportingText })), this.seventhStepLabel && (h("gb-step-base", { key: '2f73c2c04605edd6feaae919509b057efeef294d', size: this.size, type: "text_line", state: this.seventhStepState, status: this.seventhStepStatus, label: this.seventhStepLabel, "supporting-text": this.seventhStepSupportingText }))));
     }
     static get is() { return "gb-stepper-horizontal-line-with-text"; }
     static get encapsulation() { return "shadow"; }
@@ -100,96 +95,6 @@ export class GbStepperHorizontalLineWithText {
                 "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,

package/dist/collection/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-stepper-horizontal-line-with-text.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-line-with-text',\r\n  styleUrl: 'gb-stepper-horizontal-line-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalLineWithText {\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  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"text_with_line\">\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.firstStepState}\r\n          status={this.firstStepStatus}\r\n          label={this.firstStepLabel}\r\n          supporting-text={this.firstStepSupportingText}\r\n        ></gb-step-base>\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.secondStepState}\r\n          status={this.secondStepStatus}\r\n          label={this.secondStepLabel}\r\n          supporting-text={this.secondStepSupportingText}\r\n        ></gb-step-base>\r\n        {this.thirdStep && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.thirdStepState}\r\n            status={this.thirdStepStatus}\r\n            label={this.thirdStepLabel}\r\n            supporting-text={this.thirdStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fourthStep && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fourthStepState}\r\n            status={this.fourthStepStatus}\r\n            label={this.fourthStepLabel}\r\n            supporting-text={this.fourthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fifthStep && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fifthStepState}\r\n            status={this.fifthStepStatus}\r\n            label={this.fifthStepLabel}\r\n            supporting-text={this.fifthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.sixthStep && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.sixthStepState}\r\n            status={this.sixthStepStatus}\r\n            label={this.sixthStepLabel}\r\n            supporting-text={this.sixthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.seventhStep && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.seventhStepState}\r\n            status={this.seventhStepStatus}\r\n            label={this.seventhStepLabel}\r\n            supporting-text={this.seventhStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-stepper-horizontal-line-with-text.js","sourceRoot":"","sources":["../../../src/components/gb-stepper-horizontal-line-with-text/gb-stepper-horizontal-line-with-text.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Prop, h } from '@stencil/core';\r\nimport { BreakPoints, GeneralSizes, ProgressStepStates, ProgressStepStatus } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-stepper-horizontal-line-with-text',\r\n  styleUrl: 'gb-stepper-horizontal-line-with-text.css',\r\n  shadow: true,\r\n})\r\nexport class GbStepperHorizontalLineWithText {\r\n  @Prop() size: GeneralSizes;\r\n  @Prop() breakpoint: BreakPoints;\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  @Prop() firstStepLabel: string = '';\r\n  @Prop() secondStepLabel: string = '';\r\n  @Prop() thirdStepLabel: string = '';\r\n  @Prop() fourthStepLabel: string = '';\r\n  @Prop() fifthStepLabel: string = '';\r\n  @Prop() sixthStepLabel: string = '';\r\n  @Prop() seventhStepLabel: string = '';\r\n  @Prop() firstStepSupportingText: string = '';\r\n  @Prop() secondStepSupportingText: string = '';\r\n  @Prop() thirdStepSupportingText: string = '';\r\n  @Prop() fourthStepSupportingText: string = '';\r\n  @Prop() fifthStepSupportingText: string = '';\r\n  @Prop() sixthStepSupportingText: string = '';\r\n  @Prop() seventhStepSupportingText: string = '';\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"text_with_line\">\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.firstStepState}\r\n          status={this.firstStepStatus}\r\n          label={this.firstStepLabel}\r\n          supporting-text={this.firstStepSupportingText}\r\n        ></gb-step-base>\r\n        <gb-step-base\r\n          size={this.size}\r\n          type=\"text_line\"\r\n          state={this.secondStepState}\r\n          status={this.secondStepStatus}\r\n          label={this.secondStepLabel}\r\n          supporting-text={this.secondStepSupportingText}\r\n        ></gb-step-base>\r\n        {this.thirdStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.thirdStepState}\r\n            status={this.thirdStepStatus}\r\n            label={this.thirdStepLabel}\r\n            supporting-text={this.thirdStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fourthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fourthStepState}\r\n            status={this.fourthStepStatus}\r\n            label={this.fourthStepLabel}\r\n            supporting-text={this.fourthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.fifthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.fifthStepState}\r\n            status={this.fifthStepStatus}\r\n            label={this.fifthStepLabel}\r\n            supporting-text={this.fifthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.sixthStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.sixthStepState}\r\n            status={this.sixthStepStatus}\r\n            label={this.sixthStepLabel}\r\n            supporting-text={this.sixthStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n        {this.seventhStepLabel && (\r\n          <gb-step-base\r\n            size={this.size}\r\n            type=\"text_line\"\r\n            state={this.seventhStepState}\r\n            status={this.seventhStepStatus}\r\n            label={this.seventhStepLabel}\r\n            supporting-text={this.seventhStepSupportingText}\r\n          ></gb-step-base>\r\n        )}\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

package/dist/collection/components/gb-tab-button-base/gb-tab-button-base.js

@@ -43,17 +43,17 @@ export class GbTabButtonBase {
         this.tabClicked.emit();
     }
     render() {
-        return (h("div", { key: '9ca5e463d7df1035a6eb5fea0ca0b7f57ccad846', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'e127f399f311d0f21dbb8b02ac2b811d249ca543', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'bacd7ca64f5e9bc808ebfe2ad4f86b3fe900338e', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: 'd34928d1dc4e59ca1f5f846a60d661ec15c5ae96', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '06f500a45260e3ced8e4aca34bf88e79a15a2321', class: `${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.tabName), this.badge && (h("gb-badge", { key: '25b74a59c6b09c9daf3f8dcac71c6e4a5cbe1c90', size: "sm", type: "pill_color", color: this.current && this.type === 'button_primary'
                 ? 'information'
                 : this.current && this.type === 'underline'
                     ? 'information'
                     : this.current && this.type === 'line'
                         ? 'information'
-                        : 'gray' }, h("slot", { key: 'bf8cba14898d23755b4d566dd95319c7c7360ee8', name: "count" })))));
+                        : 'gray' }, h("slot", { key: 'fd7a0648f14c0b6ebab8f0598e406cbfb15ff781', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-table-cell/gb-table-cell.js

@@ -4,7 +4,7 @@ export class GbTableCell {
         this.type = undefined;
     }
     render() {
-        return (h("div", { key: 'efdb793b757a413840c7292eb5a5b577cb11e645', class: "table_cell_div" }));
+        return (h("div", { key: '9b1f5df52a2bdfe6e91bf72e3351155df4b182d9', class: "table_cell_div" }));
     }
     static get is() { return "gb-table-cell"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '9c51de6b5af7643cab79d9947e5d0f484fd5f624', class: `container ${this.size}` }, h("div", { key: 'a572a93010da3771ff96a448d986511f2400506d', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '492646b0f0f346446aaf471beacdc431011f4268', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'e82b3142aec078b17e58a7346cd85e44bda464c3', class: "icon left-icon" }, h("img", { key: '586478a8cf45e800c8d173b99057fa6f07eca4c8', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '45881837c9a12a6edf61a765fc73c47cde60ca64', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: 'e2b6fd14e5b16021d6bcf29522c888acdbc56b53', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '1b396eeaeef298c2281e59b837b31db038bf60b9', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '9bd57bb6d1182d8a77ced3fbf8eeb25e90336b36', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '3d75817a6bb3e6eceaa5f78b456642edd16b69cf', class: "label" }, h("slot", { key: 'f92a4c843be5638b1af8718bdf33a8c0ad4a5a82' })), this.action === 'count' && (h("gb-tag-count", { key: '20f8005df3a85b4111dd3824fec5c20423725568', size: this.size }, h("slot", { key: 'd56851c478972a2cc3b84a465175084007420c0f', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'c203cc662994aeb814943a1efbf06de3441fa81f', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'a08477bc9dd07fbe039980d8ddcc29cc50a00b8a', class: `container ${this.size}` }, h("div", { key: '9baa9887be3558879f16fee1198e157518fa332d', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: '1f618dfa6f0da46fd7fd2030225a0e95b391865d', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'a72ee6542d1ab496e2d35c2bd70cfaa060ca5edd', class: "icon left-icon" }, h("img", { key: 'b2e686b2d9dd63be3afd9c251ee4e8b01f117b8c', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'e47f3adb2954f09dfc0d8e855952847b17f2912d', class: "avatar-icon", size: "xxs", "status-icon": "false", text: true, color: "gray" }, h("slot", { key: '95fb7e08a9b82c139b798de2e020028cdc20db98', name: "initials", slot: "initials" }))), this.icon === 'dot' && (h("svg", { key: '0f6628a34432cb71183c32c3e36d65113c0939e6', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: 'dc6d4dc1db801d7cec830f7a1b43bd7d92a662bb', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '1d8ecd062b757203260972485cc76f00ed5181f3', class: "label" }, h("slot", { key: '02080a926e6bd2736ff832078561b929d104b1ad' })), this.action === 'count' && (h("gb-tag-count", { key: 'daa4827cadf25fc46d6ca98d9af7d536f2890eb4', size: this.size }, h("slot", { key: '7e1c8fdfe51b6c235ad06439e59cdd92ee6b713a', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'ff8d84a89868c9272b6514c922148c24dcd1f2f0', size: this.size, onClick: () => this.onTagClose() })));
     }
     static get is() { return "gb-tag"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-checkbox/gb-tag-checkbox.js

@@ -6,7 +6,7 @@ export class GbTagCheckbox {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: 'fb7b76f294092c7feaf28efdbe069d9ee3240ea8', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'c6d9b5c399d30272b43a940c4c9f0dc3ab0d78dc', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '4dce2f083956c3d21578e0e1fa315971865eecc0', class: `custom-checkbox ${this.size}` }, h("svg", { key: '9c3721e5d590e436b909ce005534766e8fa9d3d5', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'd1a7c87ac9c5cce13a9e603149cb2a6de9bd1361', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("label", { key: '31a2737c7e57fb716876ff9e1e46d8913d89c437', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '353258dd056318740eab676fbc5a0a026f3e0d8c', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '46733e93669bc09b27dff8d620fbc06878617e66', class: `custom-checkbox ${this.size}` }, h("svg", { key: '94ebafe0e9a3eeffe0285d3f2679bb9b4f09016b', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: 'd7d5a52a8a41ec0ef038ab7508f5fc639e5c2549', d: "M2.5 7.25C2.5 7.25 3.25 7.25 4.25 9C4.25 9 7.02941 4.41667 9.5 3.5", stroke: "white", "stroke-width": "1.71429", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-tag-checkbox"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-close/gb-tag-close.js

@@ -4,7 +4,7 @@ export class GbTagClose {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: '2248500c7129bc1e405d16f913b167d6666e9840', class: this.size }, h("svg", { key: 'b4381f5fd52658f32e77aab0509a78165ed703a8', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: 'e1041519bd34f3f943cd9357ba025259a4a49300', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
+        return (h("div", { key: 'deb939e15b5f42a6639d5f1bb0af397d4bc33acb', class: this.size }, h("svg", { key: '899b3fe4aead28221d71306996895fe3b933beef', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '584282ecd67e4acfde590faa3f81461ed81f8fc0', d: "M7.91683 2.08328L2.0835 7.91662M2.0835 2.08328L7.91683 7.91662", stroke: "#4B5565", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))));
     }
     static get is() { return "gb-tag-close"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-tag-count/gb-tag-count.js

@@ -4,7 +4,7 @@ export class GbTagCount {
         this.size = undefined;
     }
     render() {
-        return (h("div", { key: '411b8a88ada39b643062084b232fd93d162bc16d', class: this.size }, h("slot", { key: 'ceef80fa4fcfce7a91e98d1e7c7c758b16e25af7', name: "count" })));
+        return (h("div", { key: 'f2944ba15989f6081b157606bea88b76f7a93a0d', class: this.size }, h("slot", { key: '49e4eb911c3758c06c87743c27f6ca031518e34e', name: "count" })));
     }
     static get is() { return "gb-tag-count"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-textarea-input-field/gb-textarea-input-field.js

@@ -187,14 +187,14 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: '33d779481545fa889a62913e86a1ab7e235aca96', class: "textarea_container" }, h("div", { key: 'd1c1d9232637a34a8c3acf3d8b44e22d827ce5d1', class: "input_with_label" }, this.showLabel && h("p", { key: 'fb7075712298cf4eade9a44ca5401845f0dcdc5d', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '93bb5be4ba9a1015d8290ebcf26bba6100bda2d8', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: 'd660bdf55cd6f58e6d350cdfd0f5ecde89f65c9f', class: "textarea_tags" }, h("div", { key: '8eb4f9bab92728271cb130c4b52d79e016227466', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'd40423bb9a5a8a06a700cb5131005413b4ce3d5f', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
+        return (h("div", { key: '95527b9871d887826376b17758c95a5c294696da', class: "textarea_container" }, h("div", { key: 'cfd4ec264d821ffdd8817848ffdd4043dc17c1b0', class: "input_with_label" }, this.showLabel && h("p", { key: '00a09de7884a25330f3fff7204665008f3797671', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'ff4ec732a31c491f304bbf2b60be00d4e2347df7', ref: el => (this.textarea = el), onInput: () => this.handleInput(), class: `textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText })), this.type === 'tags' && (h("div", { key: '25af5be1657095e99c0499721ef645c49dfe44dd', class: "textarea_tags" }, h("div", { key: '14e662ed1c7a83259664f2a3fdd04dd0c287ec0a', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'f549030d305808666aea4a93b64e5313604ef367', class: `results_display ${this.state === 'disabled' ? 'disabled' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.value.length === 0 ? (h(Fragment, null, this.selectedItems.map((item, index) => (h(Fragment, null, typeof item === 'object' ? (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item.objectName.split(' ')[0]), h("h1", { slot: "initials", class: "text-xxs-semi-bold" }, item.objectName
             .split(' ')
             .map(part => part.charAt(0).toUpperCase())
-            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: '8b8c8eecf87a3d92ed9e0557a1ae78cd42c9ab2a', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'b024a89d4915641f97c7744bb9ff5fbde5c4d489', class: "input_field" }, h("input", { key: 'f601bb13da6b70e2bd0c9b22ee9eae84a76d603d', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
+            .join(''))))) : (h("div", { class: "added_tag", key: index }, h("gb-tag", { size: "sm", icon: this.icon ? this.icon : 'avatar', action: "X_close", onClick: () => this.handleTagRemove(index) }, h("p", { class: "text-xs-medium" }, item))))))))) : (h(Fragment, null, this.value.map((val, index) => (h(Fragment, null, typeof val === 'object' ? (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("h1", { class: "text-xxs-semi-bold", slot: "initials" }, val.objectName.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, val.objectName.split(' ')[0]))) : (h("gb-tag", { size: "sm", action: "X_close", icon: this.icon ? this.icon : 'avatar', onClick: () => this.handleTagRemove(index), key: index }, h("p", null, val)))))))), h("span", { key: 'cade8d73f19f0c5efe239c833527b3b140c5ea06', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'a68396f7abbfadf11a36d48077dadb548f03db72', class: "input_field" }, h("input", { key: '714b0fe1a88c3200961ef524ffa898c1b89084ae', id: this.idOfInput, class: `input_like text-md-regular ${this.state}`, type: "text",
             // placeholder={this.placeholderText}
-            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: '175b8e5df28290f56ba8c69820f5ebace3ba275d', class: "help_icon" }, h("svg", { key: '17f6f043b89ac3fa6c28b56b4da961f174005e74', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '431433fc4741388fdca181c321361fc15bc87136', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '89f3e9f6815a59ae358924b3c4641ca39d9a0575', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
+            value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.emitInputValue() }))), this.destructive && (h("div", { key: 'a3aa3332ad531ba1aa480958a9ffeb2902904231', class: "help_icon" }, h("svg", { key: 'fa6f8bea24d811232aedcf98cc071f4baf0be35e', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '59d101b3fb540dbe11c81d5ae9049e27c8614f60', d: "M7.9947 10H8.00069M8.00004 8.00004V5.33337M14.6667 8.00004C14.6667 11.6819 11.6819 14.6667 8.00004 14.6667C4.31814 14.6667 1.33337 11.6819 1.33337 8.00004C1.33337 4.31814 4.31814 1.33337 8.00004 1.33337C11.6819 1.33337 14.6667 4.31814 14.6667 8.00004Z", stroke: "#B51726", "stroke-width": "1.33333", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.show && (h("div", { key: '884db06ed108045f1df06c5da03c52885b87e97f', class: `dropdown_menu` }, this.results.map(item => (h("gb-input-dropdown-menu-item", { type: "checkbox", "supporting-text": true, state: StateEnum.Default, onClick: () => this.selectDropdownItem(item), selected: this.isTagItemSelected(item) }, typeof item === 'object'
             ? [h("p", { slot: "name" }, item.objectName), h("p", { slot: "supporting_text" }, item.objectValue)]
-            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'fa96c142ce508e24cd3b34c56934bd6fbb2cdf31', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
+            : typeof item !== 'object' && h("p", { slot: "name" }, item))))))))), this.showHintText && h("p", { key: 'd456341ccc3854f7ce76ab03023be11cddc88e73', class: `hint_text text-sm-regular ${this.destructive ? 'destructive' : ''}` }, this.hintText)));
     }
     static get is() { return "gb-textarea-input-field"; }
     static get encapsulation() { return "shadow"; }

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

@@ -56,7 +56,7 @@ export class GbToast {
         }
     }
     render() {
-        return (h("div", { key: '0788db5e0a826471c2c05c5b06e3868b509749e9', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '11f0b3e6cb56164eb8e1859730cbe15b9195e02b', class: `icon_container` }, h("svg", { key: 'ce1326b151920b034fc455c7921c2572b1111e21', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'da06558585fd8a660f8471c19ed6eabd5c863f6f', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'e1645dd59b8c9dc56746986a07148cc59d58288e', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'e95096607be1c3e0ed737a378336fda883317a88', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'c93675d803713aa65561a85366038efa1dc6a0c5', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '1a42bf74a9ae84bc60f2dc1d100eff0a86925a0a', class: `text ${this.size}` }, h("slot", { key: '9d7b099a004ace2a9234a77c3971cb03fe4d11f2', name: "main_text" }), this.showSupportingText && h("slot", { key: '28d1606a238fbd56da14e93224af1cf2e8a5c95e', name: "supporting_text" })), this.actions && (h("div", { key: 'fd91ddfeb5f8d0b08956697166820fe4e11e2650', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '326d85cda5567be466ae2c457142946608ac318a', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: '27ae6083a0b8741ae438f8ddef30d8f99b185d86', class: `container ${this.breakpoint}` }, h("div", { key: 'a9928ea6c5f5d74858815a3862ae65b7f7bed7cc', class: `full_width_content ${this.breakpoint}` }, h("div", { key: 'b7bf65f79db90ab4d32b10e48e3f64ee80f1c2a8', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'c9f57cb2da0963601c610831d1ca02a8bb45bd3a', class: `icon_container` }, h("svg", { key: '5247d5a6187257c3867a6a069b8eb3c52f3c8c59', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'a7ae1ecd7fc2e88128153e2574dd825b66588dbc', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: '35f0b9003554cde3de16c3b85dfc9add2d1ed484', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: 'c1b0a290609cac9fe2a7acc0c6f4322defc3e951', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'f53487050890cd73cf7ba999a7cd528d8a7cc843', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '6be448d5c6a4f128792a3615e80a3d78384b08c6', name: "main_text" }), this.showSupportingText && h("slot", { key: 'c3f89a4a107a6e756dc0eba545698b28ed350e6b', name: "supporting_text" }))), this.actions && (h("div", { key: '20fe7f1dd38461ee9f273e5af9babda6fe0cabc7', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '2e10b9112c29cf55e5faad45414ad96047b639c6', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
+        return (h("div", { key: 'c8cb9ce1714c1c8898f67f61f8d36f22847d98d3', class: `toast_div ${this.color} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'e858529fd8dd69d051bd1ae370cb514ba2e93784', class: `icon_container` }, h("svg", { key: '20ee41d60c78494dfe906db776c30eed8d1b9ca0', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: '68b20a01220f76408b6bb68e94832cacb4007f4b', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'f892972d17cb14d1381582e56e31e242b0f795d7', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '77f4531aa8d79f75f26ddfc56e9b753753517c0a', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: '24f244b6a7ca8e6c9a8cdd98dfc48ba4de2bf9ba', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: 'fd6f3037f280f20fc859b2537bf70cdb338e918f', class: `text ${this.size}` }, h("slot", { key: 'd5eb095b6f2b192214bb9b8f0e4d16a7d644c7c0', name: "main_text" }), this.showSupportingText && h("slot", { key: 'e02ca1210813709d4d19716a262cccc17bb2cd2e', name: "supporting_text" })), this.actions && (h("div", { key: '0565db6bcffdb9bf37c9f9a3a60d3972c4689ade', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes"))))))), h("gb-button-close", { key: '4dd1fdfbf9ac60b096f4a80dfbbe80f8050542cb', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.size}` }))), this.size === 'full_width' && (h("div", { key: 'a88e9a61fdf379a7bd467978096e6b7879103987', class: `container ${this.breakpoint}` }, h("div", { key: '0a188cf2704b0e97d1e7bc360f3d957616858e88', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '4f5c294d813ae912de0e61c4ceec98cda1aead1b', class: `inner_content ${this.breakpoint}` }, h("div", { key: '33a1597135c8b85db7beb5a282f37f01b76ae96d', class: `icon_container` }, h("svg", { key: 'a970056deddd20e711ee9ea3604771d3d37ad282', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.color}` }, h("path", { key: 'f71f0b440c0beeb73944828d0117ac974183e579', opacity: "0.4", d: "M14.0667 2.04163C16.6225 2.04161 18.63 2.0416 20.1973 2.25232C21.8034 2.46825 23.0777 2.91979 24.079 3.92102C25.0802 4.92226 25.5317 6.19655 25.7477 7.80265C25.9584 9.36996 25.9584 11.3774 25.9584 13.9332V13.9333V14.0667V14.0667C25.9584 16.6225 25.9584 18.63 25.7477 20.1973C25.5317 21.8034 25.0802 23.0777 24.079 24.0789C23.0777 25.0801 21.8034 25.5317 20.1973 25.7476C18.63 25.9583 16.6226 25.9583 14.0668 25.9583H14.0667H13.9333H13.9333C11.3775 25.9583 9.37003 25.9583 7.80271 25.7476C6.19661 25.5317 4.92232 25.0801 3.92109 24.0789C2.91985 23.0777 2.46831 21.8034 2.25238 20.1973C2.04166 18.6299 2.04167 16.6225 2.04169 14.0667V13.9333C2.04167 11.3774 2.04166 9.36997 2.25238 7.80265C2.46831 6.19655 2.91985 4.92226 3.92109 3.92102C4.92232 2.91979 6.19661 2.46825 7.80271 2.25232C9.37003 2.0416 11.3775 2.04161 13.9333 2.04163H14.0667Z", fill: "#4B5565" }), h("path", { key: 'd85aee774d88cf72e495123cea770da708ec16c0', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M13.6289 12.2818C13.9171 12.3206 14.3158 12.4243 14.6541 12.7626C14.9924 13.101 15.0962 13.4997 15.1349 13.7879C15.167 14.0266 15.1669 14.3043 15.1667 14.5375C15.1667 14.553 15.1667 14.5683 15.1667 14.5834V19.2501C15.1667 19.8944 14.6444 20.4167 14 20.4167C13.3557 20.4167 12.8334 19.8944 12.8334 19.2501V14.5834C12.189 14.5834 11.6667 14.0611 11.6667 13.4167C11.6667 12.7724 12.189 12.2501 12.8334 12.2501C12.8485 12.2501 12.8638 12.2501 12.8793 12.2501C13.1125 12.2499 13.3901 12.2497 13.6289 12.2818Z", fill: "#4B5565" }), h("path", { key: '461212242bb62fcd2bc3acf6541246f97bb36ed4', "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8333 8.75004C12.8333 8.10571 13.3533 7.58337 13.9947 7.58337H14.0051C14.6466 7.58337 15.1666 8.10571 15.1666 8.75004C15.1666 9.39437 14.6466 9.91671 14.0051 9.91671H13.9947C13.3533 9.91671 12.8333 9.39437 12.8333 8.75004Z", fill: "#4B5565" }))), h("div", { key: 'f85a191dfccf0c05c0004844821e4700944dce87', class: `text ${this.size} ${this.breakpoint}` }, h("slot", { key: '6ce58d6a0c4a95dd88d0730e90e37979990b3563', name: "main_text" }), this.showSupportingText && h("slot", { key: 'de227ad650dd61a17f79d712ee6a4ec949fd7116', name: "supporting_text" }))), this.actions && (h("div", { key: 'c74641d9e04a52030f171203e5afff2e48006b2e', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, "Dismiss")), h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, "View changes")))) : (h(Fragment, null, h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "Dismiss")), h("gb-toast-button", { state: StateEnum.Default, color: this.color }, h("p", null, "View changes")))))), h("gb-button-close", { key: '18f57a1e3dd13057b0f3b14e3a6354574ea412ff', size: "sm", color: this.color === 'default' ? 'gray' : this.color === 'gray' ? 'gray' : this.color, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     static get is() { return "gb-toast"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toast-button/gb-toast-button.js

@@ -9,7 +9,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: 'aa6b88ccfeab404c9ed62390639cc6782b71a49e', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'bcbacc916b3ba679f00848e4cf386be9caefce2f' })));
+        return (h("div", { key: '0d8c808798f598e5fe6d752904ec0efce09e9e2b', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '25af39bd7de7408295fb7905703cdd6b30b307d5' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -36,7 +36,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: 'eed62286f2e00cacd9765f0e104805401acf9e99', class: `toggle_div ${this.size}` }, h("div", { key: '105b032d3d3f4b3f98d18eb4f40f48237617879a', class: "toggle_base" }, h("gb-toggle-base", { key: '691a17b821aa4aad453e3bcaf58bf966af3984dd', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '56abb496de83190ccd338f91f5118a607c5796a9', class: "text" }, h("slot", { key: '30ebecd23649b9e4eb2efacf9116ae8512c65b69', name: "main_text" }), this.supportingText && (h("slot", { key: '124c153518004a783206f363710fd81097bf1bdc', name: "supporting_text" }))))));
+        return (h("div", { key: 'c9c9b20984a02e40f64661c37f2483db617ad5da', class: `toggle_div ${this.size}` }, h("div", { key: '3549de975160cb9b1e4b4a152326f3dc43df60c5', class: "toggle_base" }, h("gb-toggle-base", { key: 'e9531c035015080003ccca5a219072fab6473321', size: this.size, state: this.state, pressed: this.pressed })), this.text && (h("div", { key: '75e4f9136970b956f9c86bdc2e47e5c767a1a619', class: "text" }, h("slot", { key: 'ec84a0f64894b52ff952a23f50bf1fd8035438ba', name: "main_text" }), this.supportingText && (h("slot", { key: '042edc7dbf177959b7695c04f417f10570ad8001', name: "supporting_text" }))))));
     }
     static get is() { return "gb-toggle"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-toggle-base/gb-toggle-base.js

@@ -13,8 +13,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: '086e47e9ad2649f0f8929cf77239c8bbd81a4e0f', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '28623fb9d771ed9faa55ed9dc23a2f3d35317561', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: 'b1e77171e5316902538ec3887846d6c77da0be5a', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: '2ae4d911017d14e4c6506c4ab456616cec042852', onClick: () => this.handleToggleClick(), class: `${this.size} ${this.state} ${this.pressed ? 'pressed' : ''}`, htmlFor: "customCheckbox" }, this.pressed && this.state === 'default' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `default_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#075DB2", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : this.pressed && this.state === 'disabled' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", class: `disabled_checked_svg ${this.size}` }, h("path", { d: "M2.08325 6.04167C2.08325 6.04167 2.70825 6.04167 3.54159 7.5C3.54159 7.5 5.85776 3.68056 7.91659 2.91667", stroke: "#E3E8EF", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
     static get is() { return "gb-toggle-base"; }

package/dist/collection/components/gb-token-field-compact/gb-token-field-compact.js

@@ -9,7 +9,7 @@ export class GbTokenFieldCompact {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '75806b24b139f814ecb85bc456e1282dbafe2500', class: this.size }, h("div", { key: 'cadec0309ea6b9128159e51f452deba0083ca2ea', class: "input-with-label" }, this.showLabel && (h("label", { key: '460a91a985b2436851323b6ce848579a0538ac1b' }, this.label)), this.digits === 4 && (h("div", { key: '44ad1b0f0d955219c54107b2bfaf52804caf9f57', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'fafefb6423d4173459c1184e525b97c9ebbf3585', size: this.size }), h("gb-mega-input-field-base", { key: 'c23e594f2d45f4e9aec884dc039080af4e6b5caf', size: this.size }), h("gb-mega-input-field-base", { key: 'c1d5337fb34ba445bb2cfff1ddfe0b4b7367113b', size: this.size }), h("gb-mega-input-field-base", { key: '3f999e540d9388af0be17ac20d28f8e75cf0b8a7', size: this.size }))), this.digits === 6 && (h("div", { key: '44d6709519194c75166965fd054d21ff4129c5e8', class: "input-wrapper" }, h("div", { key: '142c52128ab45fde411fec2fd86d8ab94de0b467', class: "first=section" }, h("gb-mega-input-field-base", { key: '6f2e64e675181e2d5dbb3f963ae912ce97b5ac08', size: this.size }), h("gb-mega-input-field-base", { key: '5c6f576cc1cdbeca8904791877ee7ffa65175907', size: this.size }), h("gb-mega-input-field-base", { key: '470c31b05eb349a048549af36bcdafc9347812f2', size: this.size })), h("div", { key: 'cd4cb45ee0a7eba7bee3d11db773a6e1a9f942de', class: "second=section" }, h("gb-mega-input-field-base", { key: '99128cc78e98f6bcaf230489200d44bb4c5c60dc', size: this.size }), h("gb-mega-input-field-base", { key: 'e6f94328f588d777dccbb0dd6748a26076eca988', size: this.size }), h("gb-mega-input-field-base", { key: '4f69ae976c921b67d7398f6136ca94b5a684b4cc', size: this.size })))), this.digits === 8 && (h("div", { key: '44d0070ccc2afa8fa891a22cc1cbd675442a9f7b', class: "input-wrapper" }, h("div", { key: '511a8be2b447a9ebcdd49988063c9d3ba33a108b', class: "first=section" }, h("gb-mega-input-field-base", { key: '7950ca4127ffd78976f0452de294165962bebe3d', size: this.size }), h("gb-mega-input-field-base", { key: '10238681db04d440cae720de06aa595605fda507', size: this.size }), h("gb-mega-input-field-base", { key: '5c72fa234e50657a19b2ba0e0cd5ef1e9a8fab7a', size: this.size }), h("gb-mega-input-field-base", { key: '2197cc965cfb51630b466499e956101b68761fc8', size: this.size })), h("div", { key: '3b1242902ea97b0a0263a97711eff7f2956790db', class: "second=section" }, h("gb-mega-input-field-base", { key: '9f36be62f43640c0bca9f487e880688f95ae8c92', size: this.size }), h("gb-mega-input-field-base", { key: '2c97f08df1f8188edc42d280db43663514b8570a', size: this.size }), h("gb-mega-input-field-base", { key: '181c1ad7464e45ab146feaa8a49b5c1de022f12a', size: this.size }), h("gb-mega-input-field-base", { key: 'a39486955d4cfc4d073f71fc396ca0eac7a4d456', size: this.size }))))), h("p", { key: 'ecba0cc0f8a3c93b98a84547e16b7545b1165ec7' }, this.supportingText)));
+        return (h("div", { key: '790c33bc5a71f8849d2f3195d4b3b06aaad6342f', class: this.size }, h("div", { key: '8f09eef8c32b05e4b1aa379231d28dc49a1ec264', class: "input-with-label" }, this.showLabel && (h("label", { key: '199dfd0c33bfa2204f5d045614afe4bbfb8cbd66' }, this.label)), this.digits === 4 && (h("div", { key: 'f938f977a6b15642808597b7e44c0b17877ae585', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '1db50e820b5f49d511da652ce333f8162b4a907b', size: this.size }), h("gb-mega-input-field-base", { key: '854d0b72352719f5b25ff6498a5f14c6b97be5d0', size: this.size }), h("gb-mega-input-field-base", { key: '121c13a973ff43ddcc55de98028ad5e3c1970fde', size: this.size }), h("gb-mega-input-field-base", { key: 'a48b89f01a0fc4021923fcebe1e0c0259f7783b7', size: this.size }))), this.digits === 6 && (h("div", { key: 'a8f338b67878e86cf44ba5bd3ff5077e81865c99', class: "input-wrapper" }, h("div", { key: '4974073c1624d16ed91c092891c03bc439e90934', class: "first=section" }, h("gb-mega-input-field-base", { key: 'a967b75380e8e703d87e1f8bdd5f56847bc350bf', size: this.size }), h("gb-mega-input-field-base", { key: '6c609377af881db4758c40f6653878891b2e5766', size: this.size }), h("gb-mega-input-field-base", { key: 'e8cda7239ebd3fb8714110d109035df7157de8cf', size: this.size })), h("div", { key: 'c6e9b72f6a82b81ad6c16edd8a288ce389658278', class: "second=section" }, h("gb-mega-input-field-base", { key: '1892ff18b87e5992215bdbd33ed6d89a30ffd90e', size: this.size }), h("gb-mega-input-field-base", { key: '88ee25da24869951cb52b8eb4efa063dbb6a1596', size: this.size }), h("gb-mega-input-field-base", { key: '049dbdd9b7649a03f01013c9ee90f04b4ddce258', size: this.size })))), this.digits === 8 && (h("div", { key: '5e7764bab631e1cd8182d580cad3c54e6be3cad3', class: "input-wrapper" }, h("div", { key: '4d37268b78e8054ada946ae3c707c0934a6d3933', class: "first=section" }, h("gb-mega-input-field-base", { key: '37b7567becece88d79d22ce892096c2a69d98278', size: this.size }), h("gb-mega-input-field-base", { key: '6d4b363b608a3da2b2bb246a16de4840365cc4f9', size: this.size }), h("gb-mega-input-field-base", { key: 'cc05584006f1ae281474baa3b9c704879aaee7a4', size: this.size }), h("gb-mega-input-field-base", { key: '134b2905234d03dc18303ee7d9ee23ea870c227a', size: this.size })), h("div", { key: '458d63216ff1f51399389934ccc247cc5fb976b5', class: "second=section" }, h("gb-mega-input-field-base", { key: '2d183de81a4047b95e1c81bfa4ab64d6c5951db2', size: this.size }), h("gb-mega-input-field-base", { key: '3bdebb01eccf28786fa138ec9d9e106a4e1cf284', size: this.size }), h("gb-mega-input-field-base", { key: '915ae6a171c57aeb59abe1a305d0b128dae38ac2', size: this.size }), h("gb-mega-input-field-base", { key: '3b18ec30b403e04c5cbbd08314e66cdf981b2b95', size: this.size }))))), h("p", { key: '4492f58db5d25ed18c9c2bc97ee84601772fcf38' }, this.supportingText)));
     }
     static get is() { return "gb-token-field-compact"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-token-field-compressed/gb-token-field-compressed.js

@@ -9,11 +9,11 @@ export class GbTokenFieldCompressed {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '59b02c23f357290753f84507a36032c8890c37aa', class: {
+        return (h("div", { key: '234b3b9ac04a7444d48e2e107692e523c23c9247', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: '1e6985ba6cc49dfff1fdcf791903810de97d00ff', class: "input-with-label" }, this.showLabel && (h("label", { key: 'b4cff162c58ce0820fe7093f41f41e43ed101164', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '250e530d06e30d0035d6d3f2a25f74fab804e699', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '854d0b72352719f5b25ff6498a5f14c6b97be5d0', size: this.size }), h("gb-mega-input-field-base", { key: 'd65cdd7ca4da709a6a3f0251fd59d59d623825ec', size: this.size }), h("gb-mega-input-field-base", { key: 'f20461769a0197a12c0125cd7069fcad52a8b66f', size: this.size }), h("gb-mega-input-field-base", { key: '276b1a51d05eb292d566b20fb1375398a2e5542d', size: this.size }))), this.digits === 6 && (h("div", { key: '2437d409b9031a37de575b824aa679cbe9f53430', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '5de74b402a91ccf21a02f259000559395eddbddf', size: this.size }), h("gb-mega-input-field-base", { key: 'ced1cd3d6f0d39fc2e57a497bd25b33ead91a957', size: this.size }), h("gb-mega-input-field-base", { key: '1c646ee6822ab66267cb6aeae4116ca3fff81d71', size: this.size }), h("p", { key: '9f0756ccbbd7a3012cc87442d1082ce4b8b9d485', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '2e788cb35f00c223ba3c8d3bcc880c666f5f51ca', size: this.size }), h("gb-mega-input-field-base", { key: 'bfdc3f84325cd536414356638e5619db4e62ddbd', size: this.size }), h("gb-mega-input-field-base", { key: '7762883ff46060f4645f00f4a485048fd05e6bdd', size: this.size }))), this.digits === 8 && (h("div", { key: 'e5cd10a177175ae1dc8c6982e4a5db64fa4de156', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'a3ab00b046cfc746bc5f0cbd87d900d20cd9eb5b', size: this.size }), h("gb-mega-input-field-base", { key: '394e5ba62d2f504f3cc5baaf78be3e53a4786ffb', size: this.size }), h("gb-mega-input-field-base", { key: '6750e10490e814844dd36b4f2e447d9f1354c744', size: this.size }), h("gb-mega-input-field-base", { key: '002b88e9b479f94aaa72c565270df1a6f7ed0736', size: this.size }), h("p", { key: 'e577db862ebbb42f661562a1f678c0b9ad9c62d3', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'd8ee0458588443f8b360a219e3cc4e6f82f12c8c', size: this.size }), h("gb-mega-input-field-base", { key: '88c5cccaa5fd11cdfeae61925299b65639a55df9', size: this.size }), h("gb-mega-input-field-base", { key: '11bd3f43308abfccb6e9b4d2ad62e264ddb144b3', size: this.size }), h("gb-mega-input-field-base", { key: '5e3f4d5ea47a221336da8aa96aa28842069585a4', size: this.size })))), this.showHintText && (h("div", { key: '0d086ce83aaa96a0a4938e9c03f11cf2ee3eb2a8', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: 'ae64b11af6f8206a4b66bc39208b6a95b0f2a11d', class: "input-with-label" }, this.showLabel && (h("label", { key: 'ee8dff7eb7064e8edb2c628c1a9a2c4644f9ba0c', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '737b6e3e8be193d0e77fdee1a1c4b515853874ed', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '42b98a2760c21d5a39d219e3d76b8ba2ff76c2de', size: this.size }), h("gb-mega-input-field-base", { key: '3fb5640878a5c90e76103eeab77897fae6a0c642', size: this.size }), h("gb-mega-input-field-base", { key: '5c6eb708c2c5e28969ae117ea439cb31be4ff59d', size: this.size }), h("gb-mega-input-field-base", { key: '014ab858a8e8bfa2816017041314c92b792da9dc', size: this.size }))), this.digits === 6 && (h("div", { key: '88de6e182bfb4535f22969dc360965c7460553d7', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '4dbb8f33ddd2f0c095a4ec405500cf4495bdccf5', size: this.size }), h("gb-mega-input-field-base", { key: '596dc5fb09a4fbd28b95ce50a8d4dc64b496ac8f', size: this.size }), h("gb-mega-input-field-base", { key: '9b77a3a7c4ed75b8b9d1907f9849c9d4d997e30f', size: this.size }), h("p", { key: '47b0f892fe640349875e2b0b7180b4d5a64cdb0f', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '578e1ccb8b87c146bbd0eff346c5b151b39bcaea', size: this.size }), h("gb-mega-input-field-base", { key: '1741856b33042f1c088a564406ef90a0e831f4f1', size: this.size }), h("gb-mega-input-field-base", { key: '76b6b35eccb1afe5cb7d92c5752f8410bd1f87da', size: this.size }))), this.digits === 8 && (h("div", { key: '858509c98cf39ae3741b8bb8473f8c4ac5faf629', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'df1c07510b7296feffb23cdf52f536c1e59783e6', size: this.size }), h("gb-mega-input-field-base", { key: '55c7875435387eb45656948e8440d214732affb6', size: this.size }), h("gb-mega-input-field-base", { key: '796b64e4072034a6fc88ed15fd17995873d06d97', size: this.size }), h("gb-mega-input-field-base", { key: '840c4bf0fe4fb6b8dfa91bda3fbe458c225e3027', size: this.size }), h("p", { key: 'c8ff41d0b86ef73a435021ee392f2aed9aa25283', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'b313da686d2b67cd52889a7f29f692d791e85161', size: this.size }), h("gb-mega-input-field-base", { key: '72ecf41b1c88603647b40f7425617074d5c6445e', size: this.size }), h("gb-mega-input-field-base", { key: '1a9cf1a2a0852d4b65a73c6950ff09e9311565da', size: this.size }), h("gb-mega-input-field-base", { key: 'dcc7ed827e58d0de0938a52e73c7d7b979565e16', size: this.size })))), this.showHintText && (h("div", { key: '0ca811b97cf0da12f075388101d59b4c47580c06', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
     }
     static get is() { return "gb-token-field-compressed"; }
     static get encapsulation() { return "shadow"; }

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

@@ -19,7 +19,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: '4dc7c881aeda5445c0b5e222ffb80e248dea3243', class: "tooltip_container" }, h("div", { key: '4c4320be28fd593b583b4ee0a6f7573cefd67fba', class: "tooltip" }, this.showArrow && h("div", { key: '8a6ca8fc74fdfa80add312262fe2d662dae6769c', class: this.getArrowClass() }), h("div", { key: 'e7cf1ec43f669d5953442e534acb7069104750b7', class: "tooltip_content" }, h("slot", { key: '43b7a3670eecf526dcc72edf5a9f52f5c3b25bb2', name: "label" }), this.showSupportingText && h("slot", { key: '2c3422630921a3ecb451e31efeff612fca76501f', name: "supporting_text" })))));
+        return (h("div", { key: '4f4d51447854496712da2ac5acc5a419d6521ac4', class: "tooltip_container" }, h("div", { key: '9e260706cabebf6d9f514d3ded47f1500a80f25c', class: "tooltip" }, this.showArrow && h("div", { key: '52b65a77d07fa6b8efd5e395514b564372264ce7', class: this.getArrowClass() }), h("div", { key: '44f215935bdb1ed8dec1c67067ef543824b485b0', class: "tooltip_content" }, h("slot", { key: 'bcccfcf656d6f33a2ca3f4c226f2f7a913d503a2', name: "label" }), this.showSupportingText && h("slot", { key: '3351772f8c7bce4df8a06d9e0c15953917d89ba0', name: "supporting_text" })))));
     }
     static get is() { return "gb-tooltip"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-vertical-tabs/gb-vertical-tabs.js

@@ -30,7 +30,7 @@ export class GbVerticalTabs {
         this.tabItemClicked.emit(index);
     }
     render() {
-        return (h("div", { key: '0d0013c5c6ba8a3ef521b372e0b238cf059a296b', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: '471afb593904903e3925cd5f1c0571559e440f39', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0), alignment: "vertical" }), h("gb-tab-button-base", { key: '97becaa50a3abd9505ae1aae4c35477d6aeb964d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: 'ba1686e67abfde70d8f1b53bd5851da79462fdf1', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: 'be9aa46d17d0740fd904c62aeb4a2e4e02af8291', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: '1a6594f7f2bdee6c4d58cd7acd4e7f3b86421b5e', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4) })), this.sixthTabName && (h("gb-tab-button-base", { key: '0807e209009dbe9e2915cd1f33351489075852eb', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5) })), this.seventhTabName && (h("gb-tab-button-base", { key: 'aca8a8d4dd1b38bc012f25494eb74e1dc20838ac', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6) })), this.eighthTabName && (h("gb-tab-button-base", { key: 'f73c7a63fcc053e8b30ccba94dc357bccdd5e980', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7) })), this.ninthTabName && (h("gb-tab-button-base", { key: '03ece1b030be87ebdf6e7df3b36751ad717057c2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8) })), this.tenthTabName && (h("gb-tab-button-base", { key: '2802777a6a007461ca7b3a993416a0874d1d68c0', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9) })), this.eleventhTabName && (h("gb-tab-button-base", { key: '81db8d0ac9de518e0398accbf4b429d4879d3162', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10) })), this.twelfthTabName && (h("gb-tab-button-base", { key: 'e2fd9ebf8736d6444e4f75c06f996548cf593b97', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11) })), this.thirteenthTabName && (h("gb-tab-button-base", { key: '27f8bc752cd006ed118f0d49b4d2bade71264c50', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12) })), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'd9ef658091e0a1e5aee6f411c130edcae95532bf', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13) })), this.fifteenthTabName && (h("gb-tab-button-base", { key: 'e3523f2ae80b3ec9e7e5b27bc04a1b7443471f61', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14) })), this.sixteenthTabName && (h("gb-tab-button-base", { key: '025d336fe4b2b1a314ee9d4fbdcf0df577e0baf6', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15) })), this.seventeenthTabName && (h("gb-tab-button-base", { key: '0c8497cbd989dddfa3cf408bc71063e34e7d3f70', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16) })), this.eighteenthTabName && (h("gb-tab-button-base", { key: 'ac4916793cc7d40aee0b7e840730b0f392733716', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17) })), this.nineteenthTabName && (h("gb-tab-button-base", { key: 'a86480de99d592ab61c7616832d9364ee0344920', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18) })), this.twentiethTabName && (h("gb-tab-button-base", { key: 'f386042ef871a77987cc9a08a6a7b7becdf0b85e', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19) }))));
+        return (h("div", { key: 'c6fb01f356fc230136f404660aba78b60482d2cf', class: `vertical_tab_div` }, h("gb-tab-button-base", { key: 'd0102366c8f58ba82444709f228e3dc5c58c1241', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.firstTabName, current: this.activeIndex === 0, onClick: () => this.handleTabClick(0), alignment: "vertical" }), h("gb-tab-button-base", { key: '2e365d833b3db09947763f19200c4e4c41e237cc', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.secondTabName, current: this.activeIndex === 1, onClick: () => this.handleTabClick(1), alignment: "vertical" }), this.thirdTabName && (h("gb-tab-button-base", { key: '0dbdc71d77b8786808fa52a6c503efe4d425bfde', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirdTabName, current: this.activeIndex === 2, onClick: () => this.handleTabClick(2), alignment: "vertical" })), this.fourthTabName && (h("gb-tab-button-base", { key: 'a508ddd39aa18a1f98b9ab44898c8a1f03641b87', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourthTabName, current: this.activeIndex === 3, onClick: () => this.handleTabClick(3), alignment: "vertical" })), this.fifthTabName && (h("gb-tab-button-base", { key: 'd6e966be1fe63ddf9bf1957b1ddc85677815c43d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifthTabName, current: this.activeIndex === 4, onClick: () => this.handleTabClick(4) })), this.sixthTabName && (h("gb-tab-button-base", { key: 'd80615ee668f4673c40e213c1c76c4cabe9033b3', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixthTabName, current: this.activeIndex === 5, onClick: () => this.handleTabClick(5) })), this.seventhTabName && (h("gb-tab-button-base", { key: 'aecc8492621bc9ff669f28b4462a9658a967856d', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventhTabName, current: this.activeIndex === 6, onClick: () => this.handleTabClick(6) })), this.eighthTabName && (h("gb-tab-button-base", { key: '77e15700ec12ae28780ceac5fcb93557a813c9b2', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighthTabName, current: this.activeIndex === 7, onClick: () => this.handleTabClick(7) })), this.ninthTabName && (h("gb-tab-button-base", { key: 'fcc7f37c8449ad5a7e069d4a3d54d580b965af07', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.ninthTabName, current: this.activeIndex === 8, onClick: () => this.handleTabClick(8) })), this.tenthTabName && (h("gb-tab-button-base", { key: 'ea6118cbd99bd40272dcb494d0d6960b33061c25', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.tenthTabName, current: this.activeIndex === 9, onClick: () => this.handleTabClick(9) })), this.eleventhTabName && (h("gb-tab-button-base", { key: 'c6850a8335a9de72e3102f0310c3a4c83d3f5c8e', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eleventhTabName, current: this.activeIndex === 10, onClick: () => this.handleTabClick(10) })), this.twelfthTabName && (h("gb-tab-button-base", { key: 'e1abbd75299f49bbabfd099cb477b69d3e2cb2b7', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twelfthTabName, current: this.activeIndex === 11, onClick: () => this.handleTabClick(11) })), this.thirteenthTabName && (h("gb-tab-button-base", { key: 'df359253db4bd7b263989d2b051e53a9270118fd', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.thirteenthTabName, current: this.activeIndex === 12, onClick: () => this.handleTabClick(12) })), this.fourteenthTabName && (h("gb-tab-button-base", { key: 'fdf3f5e9c35c97b9c97f3557311a577a7fe23692', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fourteenthTabName, current: this.activeIndex === 13, onClick: () => this.handleTabClick(13) })), this.fifteenthTabName && (h("gb-tab-button-base", { key: 'c4586ab49b0013c4a4a462e64ceb4b8ac7b140ae', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.fifteenthTabName, current: this.activeIndex === 14, onClick: () => this.handleTabClick(14) })), this.sixteenthTabName && (h("gb-tab-button-base", { key: 'eb52b176868fdc416e63a100682e7730347aee66', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.sixteenthTabName, current: this.activeIndex === 15, onClick: () => this.handleTabClick(15) })), this.seventeenthTabName && (h("gb-tab-button-base", { key: '3f2e52b1780576002616280d6bf0832d3d36d756', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.seventeenthTabName, current: this.activeIndex === 16, onClick: () => this.handleTabClick(16) })), this.eighteenthTabName && (h("gb-tab-button-base", { key: '7949a041e6565f0a152c009d1309d27fda26940b', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.eighteenthTabName, current: this.activeIndex === 17, onClick: () => this.handleTabClick(17) })), this.nineteenthTabName && (h("gb-tab-button-base", { key: '06b275948404d28472d10892cd8c5388936d4d78', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.nineteenthTabName, current: this.activeIndex === 18, onClick: () => this.handleTabClick(18) })), this.twentiethTabName && (h("gb-tab-button-base", { key: '0dba1f82aa906e6d0d66162583de6140f91cafbf', size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": this.twentiethTabName, current: this.activeIndex === 19, onClick: () => this.handleTabClick(19) }))));
     }
     static get is() { return "gb-vertical-tabs"; }
     static get encapsulation() { return "shadow"; }