globuswebcomponents 2.8.7 → 2.8.9

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

@@ -40,8 +40,16 @@ export class GbTableHeader {
         // 'Jane leo'
         ];
         this.mode = 'single';
+        this.format = 'M j, Y';
+        this.datePickerDisabled = false;
         this.datePickerPlaceholder = 'Start date - end date';
+        this.datePickerIconPosition = 'left';
+        this.datePickerDropdownPosition = 'right';
         this.exportDropdownPosition = 'right';
+        this.enableTime = false;
+        this.noCalendar = false;
+        this.twentyfourHr = false;
+        this.showMonths = 2;
         this.width = window.innerWidth;
         this.showExportDropdown = false;
         this.isDatePickerShown = false;
@@ -101,7 +109,7 @@ export class GbTableHeader {
         document.removeEventListener('click', this.handleClickOutside);
     }
     render() {
-        return (h("div", { key: '6bd7756d999bb593ce409249be7fce65e62cc5a4', class: "table_header_div" }, this.tableHeading && h("p", { key: '9f3f7be57eb6355d9c4daf1555fe07ff7eaec5a7', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: '6f33125b7b49542daadf6dde8278dcf4020bc87a', class: "date_filters" }, h("div", { key: 'a728591f4e81a60721b3e6300f9e353a823d2b18', class: "date_input" }, h("gb-date-picker", { key: '124d78d3a8f1732240979caf41e18f0cab27b192', mode: this.mode, placeholder: this.datePickerPlaceholder, "enable-time": false, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: '317b4eaeec80aa49e98dab0e66cd238115cdc32d', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '5117e416723eb135a62300d6ddb71c5bdfda4203', class: "input_field" }, h("gb-input-field", { key: 'd9338edc8b6089828571a9316bdc39dbbb1527cb', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '577734e5338a07b880dcf70f40ab34352fe9e1a7', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'ea62c5f326dbb877da014e310e94d66ff8a1af15', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: '6f3786b1b6d4f824607feebb8cf1f60f4060434b', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: 'f01e62f86585c7c05830799eb44e74e82007e05f' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '9dbd806bd3877818f6dc23f02cfdf1cfba3d6147', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: '68ace95d59518fd83ccd6b167c7664f269929d1b', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '83cacfa6026f09ff2a9a0e1357c04ac94e7814e2', class: "export" }, h("gb-button", { key: '6b1bd76eaddf1c5b135a122750039015c4c1c881', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: '7662aa7e0d55356b2674444335581ab4bd60a12d' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: 'e8c0a3453c63ee29d38ebe10c6b1ce574334ea18', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: () => this.emitSelection.bind(this), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: 'b599dcc5d6cb0f71ce71d05093f3b9b4244a87c5', class: "refresh_button" }, h("gb-button", { key: '37b9c47e46ae08f2155ce8b5b051f2f08cc7c32f', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
+        return (h("div", { key: 'a5ea3b0b8d45ef21e4f6e9f6517f5792c243c922', class: "table_header_div" }, this.tableHeading && h("p", { key: 'f4d94649f5998561fc5ce8417dc6231fef107b88', class: "table_heading text-lg-semi-bold" }, this.tableHeadingLabel), this.showDateFilter && (h("div", { key: 'a7fe9aa5a81609635b4c9c8aca2345e47b06127a', class: "date_filters" }, h("div", { key: '5b3a0c7126dacbcb31358744a8c811bea46c72ec', class: "date_input" }, h("gb-date-picker", { key: '90f8942f34a82f8646b58d1999680bae63c59d25', mode: this.mode, disabled: this.datePickerDisabled, format: this.format, "icon-position": this.datePickerIconPosition, placeholder: this.datePickerPlaceholder, "dropdown-alignment": this.datePickerDropdownPosition, "enable-time": this.enableTime, "no-calendar": this.noCalendar, "twentyfour-hr": this.twentyfourHr, "show-months": this.showMonths, onDateChange: this.emitDateSelected.bind(this) })))), h("div", { key: '7cae5b252f3068d914f6bb180765bc674c56b55a', class: `actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}` }, this.showSearch && (h("div", { key: '3c60578a612fbf7e93eb62fd88663888ee5646e1', class: "input_field" }, h("gb-input-field", { key: '86ad5a51b02eed929985c57ec295e0c851445614', size: "sm", type: "icon_leading", "icon-swap": "assets/search-01.svg", placeholder: "Search", "enable-cancel-button-function": true, onInputValueChanged: this.emitValue.bind(this) }))), h("div", { key: '3b7644b2bdbbbdc156047f2de1babddf46b37c0f', class: "action" }, this.showLayoutToggle && h("gb-button-group", { key: 'beeb640345365ce2c7651b4546dbcf95eafcef0d', items: this.items, icon: "only", onOptionChange: this.onLayoutButtonClicked.bind(this) }), this.showColumnOptions && (h("gb-button", { key: 'af47c4fdffe5a70cd8cebecc380b08d92d26f281', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/column-insert.svg" }, h("p", { key: 'a0ed02ad6d24f586fadd6d13fa44f706b4b7fc23' }, "Columns"))), this.showFilter && (h("gb-filter-button", { key: '8c29ba1e6f1f2c69b63a46db56c325b18c98e3a1', state: this.filterState, "icon-only": this.width <= 1007 ? true : false, onClick: () => this.onFilterButtonClicked() }, h("p", { key: 'acef789f388e68ef461188d08b7312dbdc8cad86', slot: "filter_count" }, this.filterCount))), this.showExport && (h("div", { key: '51d42de5c5aad733b8c70cc9e4cd27b300a87fca', class: "export" }, h("gb-button", { key: '4ee7db13fc0aa4532512263091a0132ba828b938', size: "md", state: this.exportButtonState, hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/file-export.svg", "icon-trailing": this.width <= 1007 ? false : true, "icon-trailing-swap": "assets/arrow-down-01.svg", onClick: () => this.toggleDropdown() }, h("p", { key: '0961c6aa2e3b3fb315849ba157dce3adf736300e' }, "Export")), this.showExportDropdown && (h("gb-export-dropdown", { key: 'c25c2e5e192e58fe8be42892c265982d4b5e510c', ref: el => (this.exportDropdown = el), "show-entire-data": this.showEntireData, "pdf-state": this.pdfState, "csv-state": this.csvState, onExportClicked: () => this.emitSelection.bind(this), class: `dropdown ${this.exportDropdownPosition}` })))), this.showRefreshButton && (h("div", { key: '310cceb71011b8f5b109d9e5edef7d7d16f57593', class: "refresh_button" }, h("gb-button", { key: '91d16c425060f47e9487fe7753065f9234155296', size: "md", hierarchy: "secondary_gray", icon: this.width <= 1007 ? 'only' : 'default', "icon-leading": true, "icon-leading-swap": "assets/refresh.svg", onClick: () => this.onRefreshButtonClicked() })))))));
     }
     static get is() { return "gb-table-header"; }
     static get encapsulation() { return "shadow"; }
@@ -478,6 +486,46 @@ export class GbTableHeader {
                 "attribute": "mode",
                 "defaultValue": "'single'"
             },
+            "format": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "string",
+                    "resolved": "string",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "format",
+                "defaultValue": "'M j, Y'"
+            },
+            "datePickerDisabled": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "date-picker-disabled",
+                "defaultValue": "false"
+            },
             "datePickerPlaceholder": {
                 "type": "string",
                 "mutable": false,
@@ -498,6 +546,58 @@ export class GbTableHeader {
                 "attribute": "date-picker-placeholder",
                 "defaultValue": "'Start date - end date'"
             },
+            "datePickerIconPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CloseButtonPositions",
+                    "resolved": "\"left\" | \"right\"",
+                    "references": {
+                        "CloseButtonPositions": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::CloseButtonPositions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "date-picker-icon-position",
+                "defaultValue": "'left'"
+            },
+            "datePickerDropdownPosition": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "CloseButtonPositions",
+                    "resolved": "\"left\" | \"right\"",
+                    "references": {
+                        "CloseButtonPositions": {
+                            "location": "import",
+                            "path": "../../models/reusableModels",
+                            "id": "src/models/reusableModels.ts::CloseButtonPositions"
+                        }
+                    }
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "date-picker-dropdown-position",
+                "defaultValue": "'right'"
+            },
             "exportDropdownPosition": {
                 "type": "string",
                 "mutable": false,
@@ -523,6 +623,86 @@ export class GbTableHeader {
                 "reflect": false,
                 "attribute": "export-dropdown-position",
                 "defaultValue": "'right'"
+            },
+            "enableTime": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "enable-time",
+                "defaultValue": "false"
+            },
+            "noCalendar": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "no-calendar",
+                "defaultValue": "false"
+            },
+            "twentyfourHr": {
+                "type": "boolean",
+                "mutable": false,
+                "complexType": {
+                    "original": "boolean",
+                    "resolved": "boolean",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "twentyfour-hr",
+                "defaultValue": "false"
+            },
+            "showMonths": {
+                "type": "number",
+                "mutable": false,
+                "complexType": {
+                    "original": "number",
+                    "resolved": "number",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "show-months",
+                "defaultValue": "2"
             }
         };
     }

package/dist/collection/components/gb-table-header/gb-table-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, State, h } from '@stencil/core';\r\nimport { CloseButtonPositions, StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-table-header',\r\n  styleUrl: 'gb-table-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n  @Prop() showFilter: boolean = false;\r\n  @Prop() showColumnOptions: boolean = false;\r\n  @Prop() tableHeading: boolean = true;\r\n  @Prop() showSearch: boolean = false;\r\n  @Prop() showExport: boolean = false;\r\n  @Prop() showRefreshButton: boolean = false;\r\n  @Prop() tableHeadingLabel: string = '';\r\n  @Prop() showLayoutToggle: boolean = false;\r\n  @Prop() filterState: StateType;\r\n  @Prop() filterCount: number = 0;\r\n  @Prop() showEntireData: boolean = false;\r\n  @Prop() exportButtonState: StateType = 'default';\r\n  @Prop() pdfState: StateEnum = StateEnum.Default;\r\n  @Prop() csvState: StateEnum = StateEnum.Default;\r\n  @Prop() showDateFilter: boolean = false;\r\n  @State() items = [\r\n    { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\r\n    { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\r\n  ];\r\n  @Prop() dateItems: any[] = [\r\n    // { name: 'Mock Item A iusbrviubw vwiuhvw vwiurhvwr vwoiuh', username: 1 },\r\n    // { name: 'Mock Item B', username: 3 },\r\n    // { name: 'Mock Item C', username: 3 },\r\n    // { name: 'Mock Item D', username: 3 },\r\n    // { name: 'Mock Item E', username: 3 },\r\n    // 45,\r\n    // 50,\r\n    // 20,\r\n    // 25,\r\n    // 90,\r\n    // 92,\r\n    // 53,\r\n    // 'Activated',\r\n    // 'Deactivated',\r\n    // 'John Doe',\r\n    // 'John smith',\r\n    // 'Jane leo'\r\n  ];\r\n  @Prop() mode: 'single' | 'range' = 'single';\r\n  @Prop() datePickerPlaceholder: string = 'Start date - end date';\r\n  @Prop() exportDropdownPosition: CloseButtonPositions = 'right';\r\n  @State() width: number = window.innerWidth;\r\n  @State() buttonIcon: 'default' | 'only';\r\n  @State() showExportDropdown: boolean = false;\r\n  @State() isDatePickerShown: boolean = false;\r\n  @Event() inputValueChanged: EventEmitter<void>;\r\n  @Event() filterButtonClicked: EventEmitter<void>;\r\n  @Event() exportClicked: EventEmitter<void>;\r\n  @Event() refreshButtonClicked: EventEmitter<void>;\r\n  @Event() layoutButtonClicked: EventEmitter<string>;\r\n  @Event() dateChange: EventEmitter<string | string[]>;\r\n  @Element() el: HTMLElement;\r\n\r\n  exportDropdown!: HTMLElement;\r\n\r\n  isMobile = this.width < 768;\r\n\r\n  componentDidLoad() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.updateButtonIcon(); // Set initial variant\r\n    window.addEventListener('resize', this.handleResize);\r\n    this.dateItems.unshift('Custom');\r\n  }\r\n\r\n  extractDropdownItemSelected(item) {\r\n    if (item.detail === 'Custom') {\r\n      this.isDatePickerShown = true;\r\n    } else {\r\n      this.isDatePickerShown = false;\r\n    }\r\n  }\r\n\r\n  emitDateSelected(date) {\r\n    this.dateChange.emit(date.detail);\r\n  }\r\n\r\n  toggleDropdown() {\r\n    this.showExportDropdown = !this.showExportDropdown;\r\n  }\r\n\r\n  @Listen('resize', { target: 'window' })\r\n  handleResize() {\r\n    this.width = window.innerWidth;\r\n    this.updateButtonIcon();\r\n  }\r\n\r\n  private updateButtonIcon() {\r\n    this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n  }\r\n\r\n  emitValue(inputValue) {\r\n    this.inputValueChanged.emit(inputValue);\r\n  }\r\n\r\n  onFilterButtonClicked() {\r\n    this.filterButtonClicked.emit();\r\n  }\r\n\r\n  emitSelection(selection) {\r\n    this.exportClicked.emit(selection);\r\n  }\r\n\r\n  onRefreshButtonClicked() {\r\n    this.refreshButtonClicked.emit();\r\n  }\r\n\r\n  onLayoutButtonClicked(layout) {\r\n    // console.log(layout.detail)\r\n    this.layoutButtonClicked.emit(layout.detail);\r\n  }\r\n\r\n  @Listen('click', { target: 'document' })\r\n  handleClickOutside(event: MouseEvent) {\r\n    if (this.showExportDropdown && !this.el.contains(event.target as Node)) {\r\n      this.showExportDropdown = false;\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"table_header_div\">\r\n        {this.tableHeading && <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n        {this.showDateFilter && (\r\n          <div class=\"date_filters\">\r\n            {/* <div class=\"date_dropdown\">\r\n              <gb-input-dropdown\r\n                show-placeholder=\"true\"\r\n                placeholder=\"Select a period\"\r\n                size=\"sm\"\r\n                state=\"default\"\r\n                type=\"icon_leading\"\r\n                color=\"blue\"\r\n                show-leading-icon=\"true\"\r\n                leading-icon=\"assets/calendar-02.svg\"\r\n                menu-position=\"bottom\"\r\n                icon=\"false\"\r\n                items={this.dateItems}\r\n                onDropdownItemSelected={this.extractDropdownIt1emSelected.bind(this)}\r\n              >\r\n                <h1 slot=\"initials\">EK</h1>\r\n                <p slot=\"tooltip_label\">This is a label</p>\r\n                <p slot=\"tooltip_supporting_text\">This is a supporting text for the tooltip</p>\r\n              </gb-input-dropdown>\r\n            </div> */}\r\n            <div class=\"date_input\">\r\n              <gb-date-picker mode={this.mode} placeholder={this.datePickerPlaceholder} enable-time={false} onDateChange={this.emitDateSelected.bind(this)}></gb-date-picker>\r\n            </div>\r\n            {/* {this.isDatePickerShown && (\r\n            )} */}\r\n          </div>\r\n        )}\r\n        <div class={`actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}`}>\r\n          {this.showSearch && (\r\n            <div class=\"input_field\">\r\n              <gb-input-field\r\n                size=\"sm\"\r\n                type=\"icon_leading\"\r\n                icon-swap=\"assets/search-01.svg\"\r\n                placeholder=\"Search\"\r\n                enable-cancel-button-function={true}\r\n                onInputValueChanged={this.emitValue.bind(this)}\r\n              ></gb-input-field>\r\n            </div>\r\n          )}\r\n          <div class=\"action\">\r\n            {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n            {this.showColumnOptions && (\r\n              <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon={this.width <= 1007 ? 'only' : 'default'} icon-leading={true} icon-leading-swap=\"assets/column-insert.svg\">\r\n                <p>Columns</p>\r\n              </gb-button>\r\n            )}\r\n            {this.showFilter && (\r\n              <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n                <p slot=\"filter_count\">{this.filterCount}</p>\r\n              </gb-filter-button>\r\n            )}\r\n            {this.showExport && (\r\n              <div class=\"export\">\r\n                <gb-button\r\n                  size=\"md\"\r\n                  state={this.exportButtonState}\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon={this.width <= 1007 ? 'only' : 'default'}\r\n                  icon-leading={true}\r\n                  icon-leading-swap=\"assets/file-export.svg\"\r\n                  icon-trailing={this.width <= 1007 ? false : true}\r\n                  icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n                  onClick={() => this.toggleDropdown()}\r\n                >\r\n                  <p>Export</p>\r\n                </gb-button>\r\n                {this.showExportDropdown && (\r\n                  <gb-export-dropdown\r\n                    ref={el => (this.exportDropdown = el)}\r\n                    show-entire-data={this.showEntireData}\r\n                    pdf-state={this.pdfState}\r\n                    csv-state={this.csvState}\r\n                    onExportClicked={() => this.emitSelection.bind(this)}\r\n                    class={`dropdown ${this.exportDropdownPosition}`}\r\n                  ></gb-export-dropdown>\r\n                )}\r\n              </div>\r\n            )}\r\n            {this.showRefreshButton && (\r\n              <div class=\"refresh_button\">\r\n                <gb-button\r\n                  size=\"md\"\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon={this.width <= 1007 ? 'only' : 'default'}\r\n                  icon-leading={true}\r\n                  icon-leading-swap=\"assets/refresh.svg\"\r\n                  onClick={() => this.onRefreshButtonClicked()}\r\n                ></gb-button>\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}
+{"version":3,"file":"gb-table-header.js","sourceRoot":"","sources":["../../../src/components/gb-table-header/gb-table-header.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAgB,MAAM,EAAE,IAAI,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,eAAe,CAAC;AAChG,OAAO,EAAwB,SAAS,EAAa,MAAM,6BAA6B,CAAC;AAOzF,MAAM,OAAO,aAAa;IAL1B;QAMU,eAAU,GAAY,KAAK,CAAC;QAC5B,sBAAiB,GAAY,KAAK,CAAC;QACnC,iBAAY,GAAY,IAAI,CAAC;QAC7B,eAAU,GAAY,KAAK,CAAC;QAC5B,eAAU,GAAY,KAAK,CAAC;QAC5B,sBAAiB,GAAY,KAAK,CAAC;QACnC,sBAAiB,GAAW,EAAE,CAAC;QAC/B,qBAAgB,GAAY,KAAK,CAAC;QAElC,gBAAW,GAAW,CAAC,CAAC;QACxB,mBAAc,GAAY,KAAK,CAAC;QAChC,sBAAiB,GAAc,SAAS,CAAC;QACzC,aAAQ,GAAc,SAAS,CAAC,OAAO,CAAC;QACxC,aAAQ,GAAc,SAAS,CAAC,OAAO,CAAC;QACxC,mBAAc,GAAY,KAAK,CAAC;QAC/B,UAAK,GAAG;YACf,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,IAAI,EAAE,sBAAsB,EAAE;YAC/D,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,IAAI,EAAE,oCAAoC,EAAE;SAC7E,CAAC;QACM,cAAS,GAAU;QACzB,4EAA4E;QAC5E,wCAAwC;QACxC,wCAAwC;QACxC,wCAAwC;QACxC,wCAAwC;QACxC,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,MAAM;QACN,eAAe;QACf,iBAAiB;QACjB,cAAc;QACd,gBAAgB;QAChB,aAAa;SACd,CAAC;QACM,SAAI,GAAuB,QAAQ,CAAC;QACpC,WAAM,GAAW,QAAQ,CAAC;QAC1B,uBAAkB,GAAY,KAAK,CAAC;QACpC,0BAAqB,GAAW,uBAAuB,CAAC;QACxD,2BAAsB,GAAyB,MAAM,CAAC;QACtD,+BAA0B,GAAyB,OAAO,CAAC;QAC3D,2BAAsB,GAAyB,OAAO,CAAC;QACvD,eAAU,GAAY,KAAK,CAAC;QAC5B,eAAU,GAAY,KAAK,CAAC;QAC5B,iBAAY,GAAY,KAAK,CAAC;QAC9B,eAAU,GAAW,CAAC,CAAC;QACtB,UAAK,GAAW,MAAM,CAAC,UAAU,CAAC;QAElC,uBAAkB,GAAY,KAAK,CAAC;QACpC,sBAAiB,GAAY,KAAK,CAAC;QAW5C,aAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,GAAG,CAAC;KAsL7B;IApLC,gBAAgB;QACd,QAAQ,CAAC,gBAAgB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IAC9D,CAAC;IAED,iBAAiB;QACf,IAAI,CAAC,gBAAgB,EAAE,CAAC,CAAC,sBAAsB;QAC/C,MAAM,CAAC,gBAAgB,CAAC,QAAQ,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC;QACrD,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;IACnC,CAAC;IAED,2BAA2B,CAAC,IAAI;QAC9B,IAAI,IAAI,CAAC,MAAM,KAAK,QAAQ,EAAE,CAAC;YAC7B,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC;QAChC,CAAC;aAAM,CAAC;YACN,IAAI,CAAC,iBAAiB,GAAG,KAAK,CAAC;QACjC,CAAC;IACH,CAAC;IAED,gBAAgB,CAAC,IAAI;QACnB,IAAI,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;IACpC,CAAC;IAED,cAAc;QACZ,IAAI,CAAC,kBAAkB,GAAG,CAAC,IAAI,CAAC,kBAAkB,CAAC;IACrD,CAAC;IAGD,YAAY;QACV,IAAI,CAAC,KAAK,GAAG,MAAM,CAAC,UAAU,CAAC;QAC/B,IAAI,CAAC,gBAAgB,EAAE,CAAC;IAC1B,CAAC;IAEO,gBAAgB;QACtB,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,KAAK,GAAG,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC;IAC3D,CAAC;IAED,SAAS,CAAC,UAAU;QAClB,IAAI,CAAC,iBAAiB,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC;IAC1C,CAAC;IAED,qBAAqB;QACnB,IAAI,CAAC,mBAAmB,CAAC,IAAI,EAAE,CAAC;IAClC,CAAC;IAED,aAAa,CAAC,SAAS;QACrB,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACrC,CAAC;IAED,sBAAsB;QACpB,IAAI,CAAC,oBAAoB,CAAC,IAAI,EAAE,CAAC;IACnC,CAAC;IAED,qBAAqB,CAAC,MAAM;QAC1B,6BAA6B;QAC7B,IAAI,CAAC,mBAAmB,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC;IAC/C,CAAC;IAGD,kBAAkB,CAAC,KAAiB;QAClC,IAAI,IAAI,CAAC,kBAAkB,IAAI,CAAC,IAAI,CAAC,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,EAAE,CAAC;YACvE,IAAI,CAAC,kBAAkB,GAAG,KAAK,CAAC;QAClC,CAAC;IACH,CAAC;IAED,oBAAoB;QAClB,QAAQ,CAAC,mBAAmB,CAAC,OAAO,EAAE,IAAI,CAAC,kBAAkB,CAAC,CAAC;IACjE,CAAC;IAED,MAAM;QACJ,OAAO,CACL,4DAAK,KAAK,EAAC,kBAAkB;YAC1B,IAAI,CAAC,YAAY,IAAI,0DAAG,KAAK,EAAC,iCAAiC,IAAE,IAAI,CAAC,iBAAiB,CAAK;YAC5F,IAAI,CAAC,cAAc,IAAI,CACtB,4DAAK,KAAK,EAAC,cAAc;gBAqBvB,4DAAK,KAAK,EAAC,YAAY;oBACrB,uEACE,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,QAAQ,EAAE,IAAI,CAAC,kBAAkB,EACjC,MAAM,EAAE,IAAI,CAAC,MAAM,mBACJ,IAAI,CAAC,sBAAsB,EAC1C,WAAW,EAAE,IAAI,CAAC,qBAAqB,wBACnB,IAAI,CAAC,0BAA0B,iBACtC,IAAI,CAAC,UAAU,iBACf,IAAI,CAAC,UAAU,mBACb,IAAI,CAAC,YAAY,iBACnB,IAAI,CAAC,UAAU,EAC5B,YAAY,EAAE,IAAI,CAAC,gBAAgB,CAAC,IAAI,CAAC,IAAI,CAAC,GAC9B,CACd,CACF,CACP;YACD,4DAAK,KAAK,EAAE,WAAW,CAAC,IAAI,CAAC,cAAc,IAAI,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE;gBACpF,IAAI,CAAC,UAAU,IAAI,CAClB,4DAAK,KAAK,EAAC,aAAa;oBACtB,uEACE,IAAI,EAAC,IAAI,EACT,IAAI,EAAC,cAAc,eACT,sBAAsB,EAChC,WAAW,EAAC,QAAQ,mCACW,IAAI,EACnC,mBAAmB,EAAE,IAAI,CAAC,SAAS,CAAC,IAAI,CAAC,IAAI,CAAC,GAC9B,CACd,CACP;gBACD,4DAAK,KAAK,EAAC,QAAQ;oBAChB,IAAI,CAAC,gBAAgB,IAAI,wEAAiB,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,IAAI,EAAC,MAAM,EAAC,cAAc,EAAE,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,IAAI,CAAC,GAAoB;oBAClJ,IAAI,CAAC,iBAAiB,IAAI,CACzB,kEAAW,IAAI,EAAC,IAAI,EAAC,SAAS,EAAC,gBAAgB,EAAC,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,kBAAgB,IAAI,uBAAoB,0BAA0B;wBAC7J,sEAAc,CACJ,CACb;oBACA,IAAI,CAAC,UAAU,IAAI,CAClB,yEAAkB,KAAK,EAAE,IAAI,CAAC,WAAW,eAAa,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,qBAAqB,EAAE;wBAClI,0DAAG,IAAI,EAAC,cAAc,IAAE,IAAI,CAAC,WAAW,CAAK,CAC5B,CACpB;oBACA,IAAI,CAAC,UAAU,IAAI,CAClB,4DAAK,KAAK,EAAC,QAAQ;wBACjB,kEACE,IAAI,EAAC,IAAI,EACT,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAC7B,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,kBAC/B,IAAI,uBACA,wBAAwB,mBAC3B,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,wBAC7B,0BAA0B,EAC7C,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,cAAc,EAAE;4BAEpC,qEAAa,CACH;wBACX,IAAI,CAAC,kBAAkB,IAAI,CAC1B,2EACE,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,cAAc,GAAG,EAAE,CAAC,sBACnB,IAAI,CAAC,cAAc,eAC1B,IAAI,CAAC,QAAQ,eACb,IAAI,CAAC,QAAQ,EACxB,eAAe,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,aAAa,CAAC,IAAI,CAAC,IAAI,CAAC,EACpD,KAAK,EAAE,YAAY,IAAI,CAAC,sBAAsB,EAAE,GAC5B,CACvB,CACG,CACP;oBACA,IAAI,CAAC,iBAAiB,IAAI,CACzB,4DAAK,KAAK,EAAC,gBAAgB;wBACzB,kEACE,IAAI,EAAC,IAAI,EACT,SAAS,EAAC,gBAAgB,EAC1B,IAAI,EAAE,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,kBAC/B,IAAI,uBACA,oBAAoB,EACtC,OAAO,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,sBAAsB,EAAE,GACjC,CACT,CACP,CACG,CACF,CACF,CACP,CAAC;IACJ,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, Element, Event, EventEmitter, Listen, Prop, State, h } from '@stencil/core';\r\nimport { CloseButtonPositions, StateEnum, StateType } from '../../models/reusableModels';\r\n\r\n@Component({\r\n  tag: 'gb-table-header',\r\n  styleUrl: 'gb-table-header.css',\r\n  shadow: true,\r\n})\r\nexport class GbTableHeader {\r\n  @Prop() showFilter: boolean = false;\r\n  @Prop() showColumnOptions: boolean = false;\r\n  @Prop() tableHeading: boolean = true;\r\n  @Prop() showSearch: boolean = false;\r\n  @Prop() showExport: boolean = false;\r\n  @Prop() showRefreshButton: boolean = false;\r\n  @Prop() tableHeadingLabel: string = '';\r\n  @Prop() showLayoutToggle: boolean = false;\r\n  @Prop() filterState: StateType;\r\n  @Prop() filterCount: number = 0;\r\n  @Prop() showEntireData: boolean = false;\r\n  @Prop() exportButtonState: StateType = 'default';\r\n  @Prop() pdfState: StateEnum = StateEnum.Default;\r\n  @Prop() csvState: StateEnum = StateEnum.Default;\r\n  @Prop() showDateFilter: boolean = false;\r\n  @State() items = [\r\n    { label: 'grid', current: false, icon: 'assets/grid-view.svg' },\r\n    { label: 'list', current: true, icon: 'assets/left-to-right-list-dash.svg' },\r\n  ];\r\n  @Prop() dateItems: any[] = [\r\n    // { name: 'Mock Item A iusbrviubw vwiuhvw vwiurhvwr vwoiuh', username: 1 },\r\n    // { name: 'Mock Item B', username: 3 },\r\n    // { name: 'Mock Item C', username: 3 },\r\n    // { name: 'Mock Item D', username: 3 },\r\n    // { name: 'Mock Item E', username: 3 },\r\n    // 45,\r\n    // 50,\r\n    // 20,\r\n    // 25,\r\n    // 90,\r\n    // 92,\r\n    // 53,\r\n    // 'Activated',\r\n    // 'Deactivated',\r\n    // 'John Doe',\r\n    // 'John smith',\r\n    // 'Jane leo'\r\n  ];\r\n  @Prop() mode: 'single' | 'range' = 'single';\r\n  @Prop() format: string = 'M j, Y';\r\n  @Prop() datePickerDisabled: boolean = false;\r\n  @Prop() datePickerPlaceholder: string = 'Start date - end date';\r\n  @Prop() datePickerIconPosition: CloseButtonPositions = 'left';\r\n  @Prop() datePickerDropdownPosition: CloseButtonPositions = 'right';\r\n  @Prop() exportDropdownPosition: CloseButtonPositions = 'right';\r\n  @Prop() enableTime: boolean = false;\r\n  @Prop() noCalendar: boolean = false;\r\n  @Prop() twentyfourHr: boolean = false;\r\n  @Prop() showMonths: number = 2;\r\n  @State() width: number = window.innerWidth;\r\n  @State() buttonIcon: 'default' | 'only';\r\n  @State() showExportDropdown: boolean = false;\r\n  @State() isDatePickerShown: boolean = false;\r\n  @Event() inputValueChanged: EventEmitter<void>;\r\n  @Event() filterButtonClicked: EventEmitter<void>;\r\n  @Event() exportClicked: EventEmitter<void>;\r\n  @Event() refreshButtonClicked: EventEmitter<void>;\r\n  @Event() layoutButtonClicked: EventEmitter<string>;\r\n  @Event() dateChange: EventEmitter<string | string[]>;\r\n  @Element() el: HTMLElement;\r\n\r\n  exportDropdown!: HTMLElement;\r\n\r\n  isMobile = this.width < 768;\r\n\r\n  componentDidLoad() {\r\n    document.addEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  componentWillLoad() {\r\n    this.updateButtonIcon(); // Set initial variant\r\n    window.addEventListener('resize', this.handleResize);\r\n    this.dateItems.unshift('Custom');\r\n  }\r\n\r\n  extractDropdownItemSelected(item) {\r\n    if (item.detail === 'Custom') {\r\n      this.isDatePickerShown = true;\r\n    } else {\r\n      this.isDatePickerShown = false;\r\n    }\r\n  }\r\n\r\n  emitDateSelected(date) {\r\n    this.dateChange.emit(date.detail);\r\n  }\r\n\r\n  toggleDropdown() {\r\n    this.showExportDropdown = !this.showExportDropdown;\r\n  }\r\n\r\n  @Listen('resize', { target: 'window' })\r\n  handleResize() {\r\n    this.width = window.innerWidth;\r\n    this.updateButtonIcon();\r\n  }\r\n\r\n  private updateButtonIcon() {\r\n    this.buttonIcon = this.width < 1007 ? 'only' : 'default';\r\n  }\r\n\r\n  emitValue(inputValue) {\r\n    this.inputValueChanged.emit(inputValue);\r\n  }\r\n\r\n  onFilterButtonClicked() {\r\n    this.filterButtonClicked.emit();\r\n  }\r\n\r\n  emitSelection(selection) {\r\n    this.exportClicked.emit(selection);\r\n  }\r\n\r\n  onRefreshButtonClicked() {\r\n    this.refreshButtonClicked.emit();\r\n  }\r\n\r\n  onLayoutButtonClicked(layout) {\r\n    // console.log(layout.detail)\r\n    this.layoutButtonClicked.emit(layout.detail);\r\n  }\r\n\r\n  @Listen('click', { target: 'document' })\r\n  handleClickOutside(event: MouseEvent) {\r\n    if (this.showExportDropdown && !this.el.contains(event.target as Node)) {\r\n      this.showExportDropdown = false;\r\n    }\r\n  }\r\n\r\n  disconnectedCallback() {\r\n    document.removeEventListener('click', this.handleClickOutside);\r\n  }\r\n\r\n  render() {\r\n    return (\r\n      <div class=\"table_header_div\">\r\n        {this.tableHeading && <p class=\"table_heading text-lg-semi-bold\">{this.tableHeadingLabel}</p>}\r\n        {this.showDateFilter && (\r\n          <div class=\"date_filters\">\r\n            {/* <div class=\"date_dropdown\">\r\n              <gb-input-dropdown\r\n                show-placeholder=\"true\"\r\n                placeholder=\"Select a period\"\r\n                size=\"sm\"\r\n                state=\"default\"\r\n                type=\"icon_leading\"\r\n                color=\"blue\"\r\n                show-leading-icon=\"true\"\r\n                leading-icon=\"assets/calendar-02.svg\"\r\n                menu-position=\"bottom\"\r\n                icon=\"false\"\r\n                items={this.dateItems}\r\n                onDropdownItemSelected={this.extractDropdownIt1emSelected.bind(this)}\r\n              >\r\n                <h1 slot=\"initials\">EK</h1>\r\n                <p slot=\"tooltip_label\">This is a label</p>\r\n                <p slot=\"tooltip_supporting_text\">This is a supporting text for the tooltip</p>\r\n              </gb-input-dropdown>\r\n            </div> */}\r\n            <div class=\"date_input\">\r\n              <gb-date-picker\r\n                mode={this.mode}\r\n                disabled={this.datePickerDisabled}\r\n                format={this.format}\r\n                icon-position={this.datePickerIconPosition}\r\n                placeholder={this.datePickerPlaceholder}\r\n                dropdown-alignment={this.datePickerDropdownPosition}\r\n                enable-time={this.enableTime}\r\n                no-calendar={this.noCalendar}\r\n                twentyfour-hr={this.twentyfourHr}\r\n                show-months={this.showMonths}\r\n                onDateChange={this.emitDateSelected.bind(this)}\r\n              ></gb-date-picker>\r\n            </div>\r\n          </div>\r\n        )}\r\n        <div class={`actions ${!this.showDateFilter && !this.tableHeading ? 'full_width' : ''}`}>\r\n          {this.showSearch && (\r\n            <div class=\"input_field\">\r\n              <gb-input-field\r\n                size=\"sm\"\r\n                type=\"icon_leading\"\r\n                icon-swap=\"assets/search-01.svg\"\r\n                placeholder=\"Search\"\r\n                enable-cancel-button-function={true}\r\n                onInputValueChanged={this.emitValue.bind(this)}\r\n              ></gb-input-field>\r\n            </div>\r\n          )}\r\n          <div class=\"action\">\r\n            {this.showLayoutToggle && <gb-button-group items={this.items} icon=\"only\" onOptionChange={this.onLayoutButtonClicked.bind(this)}></gb-button-group>}\r\n            {this.showColumnOptions && (\r\n              <gb-button size=\"md\" hierarchy=\"secondary_gray\" icon={this.width <= 1007 ? 'only' : 'default'} icon-leading={true} icon-leading-swap=\"assets/column-insert.svg\">\r\n                <p>Columns</p>\r\n              </gb-button>\r\n            )}\r\n            {this.showFilter && (\r\n              <gb-filter-button state={this.filterState} icon-only={this.width <= 1007 ? true : false} onClick={() => this.onFilterButtonClicked()}>\r\n                <p slot=\"filter_count\">{this.filterCount}</p>\r\n              </gb-filter-button>\r\n            )}\r\n            {this.showExport && (\r\n              <div class=\"export\">\r\n                <gb-button\r\n                  size=\"md\"\r\n                  state={this.exportButtonState}\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon={this.width <= 1007 ? 'only' : 'default'}\r\n                  icon-leading={true}\r\n                  icon-leading-swap=\"assets/file-export.svg\"\r\n                  icon-trailing={this.width <= 1007 ? false : true}\r\n                  icon-trailing-swap=\"assets/arrow-down-01.svg\"\r\n                  onClick={() => this.toggleDropdown()}\r\n                >\r\n                  <p>Export</p>\r\n                </gb-button>\r\n                {this.showExportDropdown && (\r\n                  <gb-export-dropdown\r\n                    ref={el => (this.exportDropdown = el)}\r\n                    show-entire-data={this.showEntireData}\r\n                    pdf-state={this.pdfState}\r\n                    csv-state={this.csvState}\r\n                    onExportClicked={() => this.emitSelection.bind(this)}\r\n                    class={`dropdown ${this.exportDropdownPosition}`}\r\n                  ></gb-export-dropdown>\r\n                )}\r\n              </div>\r\n            )}\r\n            {this.showRefreshButton && (\r\n              <div class=\"refresh_button\">\r\n                <gb-button\r\n                  size=\"md\"\r\n                  hierarchy=\"secondary_gray\"\r\n                  icon={this.width <= 1007 ? 'only' : 'default'}\r\n                  icon-leading={true}\r\n                  icon-leading-swap=\"assets/refresh.svg\"\r\n                  onClick={() => this.onRefreshButtonClicked()}\r\n                ></gb-button>\r\n              </div>\r\n            )}\r\n          </div>\r\n        </div>\r\n      </div>\r\n    );\r\n  }\r\n}\r\n"]}

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

@@ -22,7 +22,7 @@ export class GbTag {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: '317ff8f29623d7c54a1f4861c875c8566447b1fe', class: `container ${this.size} ${this.action}` }, h("div", { key: 'e955513cd5d502ede1df5c24f290d54a3c699c11', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'fb0bb1cf146d0d1ecceca9fc2645d85263d5013c', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '00de58b272426171fa604776183a6f1a7b79bb2c', class: "icon left-icon" }, h("img", { key: '5fdd1422bc23b6014d542c51b06fcfe77f8d49df', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '4549a3596107e6365a7966454cf2b5110c2f1718', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'fac357ee8b9b91a054693eb4003dc2634f478c3a', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '8043464f93af9eda70004a33c66287d5e9093123', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '83a8de1b7b21da24ffd4096ba329fc4ec18bb229', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '4d7b0a703a823b79c6fdf463827dc7742da62ed8', class: "label" }, h("slot", { key: '0e9f6eabc4d2110e4b0e7337a248fbc4fe690a45' })), this.action === 'count' && (h("gb-tag-count", { key: '43739eae5d0a7ba11e6e41d284294545aef5c8d3', size: this.size }, h("slot", { key: '527580cacfe2d3c9f854cb53a94e817210eb491a', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'edd8ee81f0a5866169e20440809eecf0bdaaecd6', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: 'c0e7682acf8b08f6db5d854dd8893f1e5a150301', class: `container ${this.size} ${this.action}` }, h("div", { key: '7ece1477b461406f2976e407766b3413eb115f39', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'c78249555da25e85d3e788a131c469ae986ea710', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'bc5ee3ef313fe3b6f3e98d5a18dc3621bdf4a301', class: "icon left-icon" }, h("img", { key: 'df58c910551201df491992e24979a53d314d4cd8', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '3a0c2b52bb33b5f3cf30b8f0c63d8c006c6148d5', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: '7fa914457dbc7a507be3da1f58d5258030d20086', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '75419330469f243ada051f35166798a0b39c46df', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '43d628f566fe71a98f739dc84f4eda962aefc37e', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: 'f85185df6d5154ce5f3420d1f67ecde10198426c', class: "label" }, h("slot", { key: '68889fecefe4f586891adf2a22cad50bb8e6a0df' })), this.action === 'count' && (h("gb-tag-count", { key: 'e98a53407de5ec0586c735978b8bf325b9ef5741', size: this.size }, h("slot", { key: 'bd054b4364c757c5ba0f134c143b930b04ead471', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'a4e5ee33e6aca18b9fca1459151ac0aa5ea2e0e8', 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: 'c445a61f46030d7bf1de7616d49530ad25342404', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '78948867c7267f9f5197b3a65c2c3d8d87bb858a', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'dadaf0ce352e23b512d4d1b29182549b65e72d9d', class: `custom-checkbox ${this.size}` }, h("svg", { key: '678082f355414b124c154586f0a39eef029c4f47', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '58c6ff794b933dc1bded1401b64db810ddcfeb3e', 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: '05711e9f8dd7b3c0be4be433a04c5ba427067cf4', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '65b6c701401580b11557aef928d8d5d3ce665237', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: 'edee16c4dfeddbb66243e6fbc7a0e884a50831d8', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'e90b505c359bd9902626a9d596cdb7b6304d591d', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '92fdf9531710921282b591c054604047bb4fef33', 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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagClose {
     render() {
-        return (h("div", { key: '99f1c72e3e58c45edd4b31639c260f3a73992dc5', class: this.size }, h("svg", { key: 'df8522eab7e3a66781de7cbfb6af9ed24154276d', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '12e8a398338cdfa602755daefacd890c22561032', 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: 'dec3b8ee4ad44581ac2d86717a6bb8a962074d35', class: this.size }, h("svg", { key: '62bcbb8e5737d036ff62ba50c0e87d9870bbcab0', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '5c239e7de354166b761077c187203140beae0c21', 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

@@ -1,7 +1,7 @@
 import { h } from "@stencil/core";
 export class GbTagCount {
     render() {
-        return (h("div", { key: '6a29d85f6a14e5d7dc22fa5004e2d9beda73806c', class: this.size }, h("slot", { key: 'e3063eb772ad62ffa16d00dc98c9f74309f887d4', name: "count" })));
+        return (h("div", { key: '3ce4d2a69b2aa198319f4037485171ba861a7bfe', class: this.size }, h("slot", { key: '5c10d6cfadc364d74c76ee1435ac4cbbdb6546b6', 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

@@ -203,12 +203,12 @@ export class GbTextareaInputField {
         }
     }
     render() {
-        return (h("div", { key: 'd9cfbd04f09bc9034974920c5d295f45d25656b6', class: "textarea_container" }, h("div", { key: '7407b456c968402d04ff61a07c977b9027f35cb3', class: "input_with_label" }, this.showLabel && h("p", { key: '1434eaffc4301bcb749323e8657de0f69a15641f', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '8130f308f8163b7d9b3ea8819e194ef368471527', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: 'efae1a89f7c6a493179f2e163a7b0abd5bf72422', class: "textarea_tags" }, h("div", { key: 'a6c3f27cd1e06696ac6cfdbde4fd0368f97e7a0f', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '8acab20df87d0c31704f6d75944ed5537205c333', 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: 'a53e765e2ca07c10f403726035f8b21721b93354', class: "textarea_container" }, h("div", { key: '91c5d41aef3942e1b506efed4e389a18f9d71b27', class: "input_with_label" }, this.showLabel && h("p", { key: '2a2dfefca6bc6164dbed39d44e791d476e8a3670', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: 'e875951824e7855e01734b30d9c2ebd526c09de8', ref: el => (this.textarea = el), onInput: () => this.handleInput(), onFocus: () => this.handleInputFocus(), class: `textarea default_textarea ${this.state} ${this.destructive ? 'destructive' : ''}`, placeholder: this.placeholderText, value: this.inputValue })), this.type === 'tags' && (h("div", { key: 'f8f096bd28fd14c1b18a350b314634481b33e679', class: "textarea_tags" }, h("div", { key: '54003c04bee1fcdcacab60fc5c609700f284cba6', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: '0cf27a5849dc2647ce9bdb686cb16ba9326c301c', 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: 'f2bd5399385a0b2812a812076084c521a68d5d68', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'f893cd5d1a8f32e8684d497c2326ea0cc54bd024', class: "input_field" }, h("input", { key: 'a1863cfad91d6039c0693a8abab4f55d141e177c', 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: 'e43cbb536ba80941f10d57318efae0806f39e375', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: 'e728b7d149409e8992b667fac9bc19919491239a', class: "input_field" }, h("input", { key: '9014127c49118115d60aff1834f15e8f32590651', 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: 'b374441dac6afb581c1d2d188a6d9aa033cced33', class: "help_icon" }, h("svg", { key: '829ae71d8939bebf8e5e27e338036215ce4ba8b0', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'dcb79bf03e5be422ce22010fb4eb704220abc56b', 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: 'f526e7d85587ba61236605c16acd9c56625c1214', 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: '8eb43cf70aac571c8fb2ca4e9d02ed860fe4c422', class: "help_icon" }, h("svg", { key: 'cdb52fdbf48b9eb8999a5276cc9fd138810501c4', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '1d66c6cc7c1ab2d1f5d7400d4e669c0c618cdeb8', 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: 'c317e2e27fede5b383d33318a8af31f665cbc35e', 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(Fragment, null, !this.destructive ? h("p", { class: "hint_text text-sm-regular" }, this.hintText) : h("p", { class: "error_text text-sm-regular" }, this.errorText))));
     }

package/dist/collection/components/gb-theme-tab/gb-theme-tab.js

@@ -18,7 +18,7 @@ export class GbThemeTab {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: 'd56314e3cc97c1204eef39022cce86ff207bcfd4', class: `theme_tab_div` }, h("div", { key: '1422ab8d717a870c766b6d2d18a48bfe79855864', class: "tab" }, h("gb-icon-button-base", { key: '06258252603ca4dfceee520fa0f27cb48b5818fc', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'c600b271ad2f257ec3906c166f0cbc4994e2bde1', class: "tab" }, h("gb-icon-button-base", { key: 'bf6ce96d72b90714e132a4d6356269d70aadd7ed', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '1fc0232a1e37d35653a890bbdd052cffe8e6adcd', class: "tab" }, h("gb-icon-button-base", { key: 'c8d8b79a92e2748c9cc4bbf06c8cc5ef9d156e1e', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: 'c427fa786ae5e86a970054a8033a8f7afff96b10', class: `theme_tab_div` }, h("div", { key: 'a6f0d6b5217b5fc8030dd1074423dcb87a80d629', class: "tab" }, h("gb-icon-button-base", { key: '9a3619c2caddf6031e8a43728b8c9abc229b8eee', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '5ea9bf788af13fd3a2d6ac9e88d42132dbc93a90', class: "tab" }, h("gb-icon-button-base", { key: 'c635cc9eee21f5d63e6d606274311db3c289f15c', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '36d4bb65a55b3f6f16b7004f4b18a89d0f219823', class: "tab" }, h("gb-icon-button-base", { key: 'ff23a3b442aa481947b9bfe83f50c402aacb2595', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     static get is() { return "gb-theme-tab"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class GbToast {
         this.close.emit();
     }
     render() {
-        return (h("div", { key: '3c3cbe2b52d1400d2ed6d3111d976176af698778', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: 'ef7907746620d84157facc7172d3dd85c19ffc2d', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #079455)" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "var(--color-icon-danger, #B51726)" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { 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: "var(--color-icon, #4B5565)" }), h("path", { "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: "var(--color-icon, #4B5565)" }), h("path", { "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: "var(--color-icon, #4B5565)" })))), h("div", { key: '42705e254c52cc71f2e5a47dd4b2feca9638898c', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '37610af8c88da90192cf03b4918c4aa46c21e046', class: `text ${!this.supportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: '58512fad1dd09f54e8bc2c41c730d159659cb18e', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'aea4ecb440964c77de47899db16406101efaa783', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: 'e403240cb9797d5906dea6dec73a5fc4965aefc9', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'bc7307f9d9f8f8834c18cb39baf32c874c059798', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: '0d584558a63cb9f889dcb550c40912c4f791b0c6', class: `container ${this.breakpoint}` }, h("div", { key: 'b6752dfbd6d4fb57ff8befe6b4b36f29e8693f92', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '7c80be4229378f4a46f20186fa83a26572318ecd', class: `inner_content ${this.breakpoint}` }, h("div", { key: '73baf9d8a74901c2f795391a7e875e52b1a05073', class: `icon_container` }, h("svg", { key: 'b76da59f3b5b307ea26db3a3b5b49d80b74d5778', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: '26ec970df0b055fda4649dda3ce4a305b8518d6d', 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: '8986170133f3bd973b227afbbdd0fcb8b6ab9ef8', "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: '8f7dfcb510660c31d52e9314d7eed3acc6459cd2', "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: '9889720fa5894ab08adee4cccada91ab8fb1697b', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: 'e86c760ca0695e79775920037221981c0c4e256b', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '3a46384fe4a4991737d9b29e062ca64836421b78', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: 'ffd48cf7b7ab72986b0f834f1eabdc952885ccc0', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.firstActionText))))))), this.xCloseButton && (h("gb-button-close", { key: '8e06063164df4580e3d40c4e2ec0e448ed8998ba', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() })))))));
+        return (h("div", { key: 'ac84f8a81f656e2ea2413847f57b5fb6695e2e46', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '6af99a2ce6da31abf7f1dde204a7d0f720a08a4a', class: `icon_container` }, this.internalColor === 'success' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0666 2.24988H14.0665H13.9331H13.9331C11.3773 2.24986 9.36985 2.24985 7.80253 2.46057C6.19643 2.67651 4.92213 3.12805 3.9209 4.12928C2.91967 5.13051 2.46813 6.40481 2.2522 8.01091C2.04148 9.57822 2.04149 11.5857 2.0415 14.1415V14.1415V14.2749V14.2749C2.04149 16.8307 2.04148 18.8382 2.2522 20.4055C2.46813 22.0116 2.91967 23.2859 3.9209 24.2871C4.92213 25.2884 6.19643 25.7399 7.80253 25.9559C9.36985 26.1666 11.3773 26.1666 13.9331 26.1665H14.0665C16.6223 26.1666 18.6298 26.1666 20.1971 25.9559C21.8032 25.7399 23.0775 25.2884 24.0788 24.2871C25.08 23.2859 25.5315 22.0116 25.7475 20.4055C25.9582 18.8382 25.9582 16.8308 25.9582 14.2749V14.1415C25.9582 11.5857 25.9582 9.57822 25.7475 8.01091C25.5315 6.40481 25.08 5.13051 24.0788 4.12928C23.0775 3.12805 21.8032 2.67651 20.1971 2.46057C18.6298 2.24985 16.6224 2.24986 14.0666 2.24988Z", fill: "var(--color-icon-success, #079455)" }), h("path", { d: "M19.2265 11.1487C19.7918 10.8396 19.9995 10.1307 19.6903 9.56536C19.3811 9.00004 18.6722 8.79238 18.1069 9.10154C15.9735 10.2683 14.2094 12.5199 13.0232 14.3362C12.5849 15.0074 12.2104 15.6429 11.9108 16.1812C11.6313 15.9101 11.3545 15.6747 11.1069 15.479C10.783 15.2228 10.4915 15.0208 10.2789 14.8816L9.91136 14.6534C9.35166 14.3342 8.63915 14.5291 8.31994 15.0888C8.0008 15.6484 8.19559 16.3607 8.75499 16.68L9.00033 16.8335C9.16695 16.9426 9.40042 17.1043 9.6598 17.3093C10.1936 17.7314 10.7696 18.2846 11.1321 18.8907C11.3546 19.2626 11.7649 19.4806 12.1977 19.4567C12.6303 19.4328 13.0142 19.1708 13.1944 18.7769L13.309 18.5372C13.388 18.3756 13.5063 18.1396 13.6603 17.8487C13.9689 17.2657 14.4176 16.4684 14.9769 15.612C16.1241 13.8554 17.6266 12.0237 19.2265 11.1487Z", fill: "var(--color-icon-success, #079455)" }))) : this.color === 'error' ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "29", viewBox: "0 0 28 29", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { opacity: "0.4", d: "M14.0665 2.49945C16.6224 2.49944 18.6298 2.49942 20.1971 2.71014C21.8032 2.92608 23.0775 3.37762 24.0788 4.37885C25.08 5.38008 25.5315 6.65438 25.7475 8.26048C25.9582 9.82779 25.9582 11.8352 25.9582 14.391V14.3911V14.5245V14.5245C25.9582 17.0803 25.9582 19.0878 25.7475 20.6551C25.5315 22.2612 25.08 23.5355 24.0788 24.5367C23.0775 25.538 21.8032 25.9895 20.1971 26.2054C18.6298 26.4161 16.6224 26.4161 14.0666 26.4161H14.0665H13.9331H13.9331C11.3773 26.4161 9.36984 26.4161 7.80253 26.2054C6.19643 25.9895 4.92213 25.538 3.9209 24.5367C2.91967 23.5355 2.46813 22.2612 2.2522 20.6551C2.04148 19.0878 2.04149 17.0803 2.0415 14.5245V14.3911C2.04149 11.8353 2.04148 9.8278 2.2522 8.26048C2.46813 6.65438 2.91967 5.38008 3.9209 4.37885C4.92213 3.37762 6.19643 2.92608 7.80253 2.71014C9.36985 2.49942 11.3773 2.49944 13.9331 2.49945H14.0665Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8335 19.7075C12.8335 19.0632 13.3535 18.5409 13.9949 18.5409H14.0054C14.6468 18.5409 15.1668 19.0632 15.1668 19.7075C15.1668 20.3519 14.6468 20.8742 14.0054 20.8742H13.9949C13.3535 20.8742 12.8335 20.3519 12.8335 19.7075Z", fill: "var(--color-icon-danger, #B51726)" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M14.0003 16.2075C13.356 16.2075 12.8336 15.6852 12.8336 15.0409L12.8336 10.3742C12.8336 9.72985 13.356 9.20752 14.0003 9.20752C14.6446 9.20752 15.167 9.72985 15.167 10.3742L15.167 15.0409C15.167 15.6852 14.6446 16.2075 14.0003 16.2075Z", fill: "var(--color-icon-danger, #B51726)" }))) : (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { 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: "var(--color-icon, #4B5565)" }), h("path", { "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: "var(--color-icon, #4B5565)" }), h("path", { "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: "var(--color-icon, #4B5565)" })))), h("div", { key: '7437fa936635ad68e02a8528a33d6c9b5f626cc8', class: `content ${this.size} ${this.actions ? ' actions' : ''}` }, h("div", { key: '1d1ee85b0db969924a37a7cef9938d86b5b6c607', class: `text ${!this.supportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: '9e00c9b738a21328f2238ac4f27c6c1066d26228', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: 'd2b733f566495188c3d1c79dfa783150163fc7bf', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.supportingText)), this.actions && (h("div", { key: '972c2a99b2dd963af25139c9ee277b3e1cc10b1b', class: `actions ${this.size} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'd0779394519648a09dc9e6dcde12a58526788156', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.size}`, onClick: () => this.closeToast() })))), this.size === 'full_width' && (h("div", { key: '7347a47461305c55a9c922cebf710384f7288198', class: `container ${this.breakpoint}` }, h("div", { key: '09a21fc9b704c2de666615b10351b95c10c79ef1', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '27eed0a6c557c108e71c4c1cadc6bccf85ee0cd3', class: `inner_content ${this.breakpoint}` }, h("div", { key: '44ac91015aedfdee0ce157cb8700b2773a45d5e8', class: `icon_container` }, h("svg", { key: 'a6268903d96d59d738444fc4db32d6bb4ff8cae4', xmlns: "http://www.w3.org/2000/svg", width: "28", height: "28", viewBox: "0 0 28 28", fill: "none", class: `svg_icon ${this.internalColor}` }, h("path", { key: '9955144dacf88fbcdfcd8a996c11461834b78f15', 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: 'ce0897bd3ac1026790c151f9c2a886456404b2ce', "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: '0c579b19422e7e2c6f6dc53b80289368a0af0bf8', "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: '9874c5193a9644b32958c092d9ae0c8f2d82c7db', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: '934c8ce36801f8d3e979d67b319b5e2d8768b3c3', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.mainText), this.showSupportingText && h("p", { key: '664e872e359fac428232ddac6c3a3c50b01e3c19', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.supportingText))), this.actions && (h("div", { key: '1da0690cdbd2a50f090c457fb432db9402c5cda4', class: `actions ${this.size} ${this.breakpoint} ${!this.showSupportingText ? 'only_actions' : ''}` }, this.color === 'default' ? (h(Fragment, null, this.secondActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_gray" }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color" }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor }, h("p", null, this.firstActionText))))))), this.xCloseButton && (h("gb-button-close", { key: '8a063b59eedd8cd23850f0a9e50852c27de8de86', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, 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

@@ -5,7 +5,7 @@ export class GbToastButton {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '4a882617ebee931dcd3676d33da43022ff0ee044', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'f7e0357d36d6c7c2eee53c66a286c4dba03ae1ff' })));
+        return (h("div", { key: '948fdccef01bca7d033ab3795b6cdb8aee2911f1', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: 'a178322a750beee4c6ff1b29f0e844bde18b3cc7' })));
     }
     static get is() { return "gb-toast-button"; }
     static get encapsulation() { return "shadow"; }

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

@@ -42,7 +42,7 @@ export class GbToggle {
         }
     }
     render() {
-        return (h("div", { key: '41486601b9c24fd0ba2dfc229412e025ef986d30', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: 'fb1ee558cc52244790e618bf32d61389a6a78726', class: "text" }, h("slot", { key: '0c30b59bcf004e260a95010932b347fe7b0b7f03', name: "main_text" }), this.supportingText && h("slot", { key: '386953da607300a2191fad9c7062ba327c6e1901', name: "supporting_text" }))))), h("div", { key: '0e9806b42ebbe5b2d8c42f651a312d098cb17f88', class: "toggle_base" }, h("gb-toggle-base", { key: 'a1976f7737a67b60e91fa65bf6f617cf10c26e46', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: '77bd4a21a4d45d919518f3a17ff385b7c2d1cf20', class: "text" }, h("slot", { key: 'ca90d42236f3b3fe12e56a254e28762cdd6b155d', name: "main_text" }), this.supportingText && h("slot", { key: 'bf7e57792cbd9c3ecb8c4d89d75a471ac65a97ea', name: "supporting_text" })))))));
+        return (h("div", { key: 'f48c523c9478c6de1104c37fdf4031d4b15ff8f1', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: 'bcddb9ab84101a28a0497e541cab8a7c82c96b9e', class: "text" }, h("slot", { key: '9cd10deefad0481698d78ad3117fec2bb02dbfef', name: "main_text" }), this.supportingText && h("slot", { key: '17b53cdc8c6bf2491986c8a40e5b87724d7c55bc', name: "supporting_text" }))))), h("div", { key: '9d4a41358a2bd1201ffaee35ba36fe1b6240af88', class: "toggle_base" }, h("gb-toggle-base", { key: '1bd72bee022eee947e9783bfb0fc61003bba9a96', size: this.size, state: this.state, pressed: this.pressed, onToggleClicked: this.onToggle.bind(this) })), this.position === 'right' && (h(Fragment, null, this.text && (h("div", { key: '0e71e907a653330e25a1cf35f4cf8163d3dea483', class: "text" }, h("slot", { key: '3fb0da3875bd1b37fe0b58cb93047aa6b808e3b2', name: "main_text" }), this.supportingText && h("slot", { key: '50fdc19557bf057a08413a9af4c4ec8729f8f158', 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

@@ -11,8 +11,8 @@ export class GbToggleBase {
     }
     render() {
         return [
-            h("input", { key: '57fc0576f7661e00d9434d9baa6523dba0e241a3', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: '3476d38745a31172f3c347216148fbf4ef63e7ff', 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: '923c556c8d4eb1cafb91106449b7407657b37cf2', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: 'b07495bcf72ffa78667f24a9d3c149ac83a280e9', 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

@@ -5,7 +5,7 @@ export class GbTokenFieldCompact {
         this.supportingText = '';
     }
     render() {
-        return (h("div", { key: '220baf910f0fd73dcf7f184c5f5aa7c2d02351b9', class: this.size }, h("div", { key: '08667ff6cc7d72a7b74efeaa51752121faddf2e4', class: "input_with_label" }, this.showLabel && h("label", { key: 'bca7f93522e7cc83f1986694c78e1f30a58d37d9' }, this.label), h("input", { key: '336b433a5322a1110f47bb8a0eabfda132ab34fc', class: "token_input", type: "text", placeholder: '--------', maxLength: this.digits })), this.showSupportingText && h("p", { key: '8705e495e13438e7d1dc7f757466357b75f544aa' }, this.supportingText)));
+        return (h("div", { key: 'ee99da596eab48f6371e9cb17cb07315de71e0c4', class: this.size }, h("div", { key: 'd650b0cc62ef0b4b186acc106554724d885fbf7c', class: "input_with_label" }, this.showLabel && h("label", { key: '4d9fcf3337df58b00eb920de3084528e8a4e0fa5' }, this.label), h("input", { key: '3fb0af5e139b20b750a801c5dcb2ba1d98b804c8', class: "token_input", type: "text", placeholder: '--------', maxLength: this.digits })), this.showSupportingText && h("p", { key: '3eca9b1a4ddfb034fa9b13c595b829505313b6b1' }, 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

@@ -5,11 +5,11 @@ export class GbTokenFieldCompressed {
         this.hintText = '';
     }
     render() {
-        return (h("div", { key: '93f296dd4e9e5299b9cfe1c044ffe6a6875c4f22', class: {
+        return (h("div", { key: 'e003527204fcd36b18974e4cbe0f419416a2f6ae', class: {
                 container: true,
                 [this.size]: true,
                 [this.digits]: true,
-            } }, h("div", { key: '9358644d6ec848946325264f64502c3592ca7bfb', class: "input-with-label" }, this.showLabel && (h("label", { key: '970b63c125b2b25b2c2873d8dc1608d2a2f96ecd', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: 'c90129709813bac0a5b14b2c9a4e22c7ac8d05ca', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '2361d78000e893b701fbf0b53f715875be0a2619', size: this.size }), h("gb-mega-input-field-base", { key: 'f08eec47719bbc2f7c88e4d574422687a15a9506', size: this.size }), h("gb-mega-input-field-base", { key: 'bfc3d23aa3e4e962debc4ed682bb7a4df305a2ca', size: this.size }), h("gb-mega-input-field-base", { key: '8c85115076574a2c55d6cf95e941b8919090967f', size: this.size }))), this.digits === 6 && (h("div", { key: 'a5532426aefdcfd51607832f6f89dd01e6b2fe02', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'fada3909743b1316eb369c9389d8f6602de03bbd', size: this.size }), h("gb-mega-input-field-base", { key: '96620406dca5295a5b00067ce14944b7ceb3371f', size: this.size }), h("gb-mega-input-field-base", { key: '264c03fa095e5c0133c6f28277bb851827bfc795', size: this.size }), h("p", { key: '616c4d622f4ecd4e68b9c425139b62312a399924', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '88312450b5217dfb5e8fc0e7f2d399aeba399a0f', size: this.size }), h("gb-mega-input-field-base", { key: '6110c011300b3c0d45f89153558b4e416ed1300b', size: this.size }), h("gb-mega-input-field-base", { key: '345e80aaf1aefa0981602082a0b4600a7b7d831b', size: this.size }))), this.digits === 8 && (h("div", { key: '45d7b8eb731d267179b69fa0d1b2c146c5185fd3', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: '657c112891b51bd171acbc5d9f37ca3448640782', size: this.size }), h("gb-mega-input-field-base", { key: '16d8a152003505ddfe09d6dcf0a89d321be0da8d', size: this.size }), h("gb-mega-input-field-base", { key: 'efc18ca6e239c19e1d878b5131d2d8bd844267ba', size: this.size }), h("gb-mega-input-field-base", { key: '3c3d6d415c7ed8352cd36efaba94adfae8f0d09d', size: this.size }), h("p", { key: '053615624d248d08d77feea904b369ec8f7f8298', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: '4b9eb9e4c82e5ce70b727066288c059b1d7b02c5', size: this.size }), h("gb-mega-input-field-base", { key: '6b2f101174b554bec86d0b462543213411202f31', size: this.size }), h("gb-mega-input-field-base", { key: 'c22bec6f42d90959726e91d3fbd77a439abcb0ad', size: this.size }), h("gb-mega-input-field-base", { key: '905b2a944fc97917ba016324df8aeb8cd95a9da5', size: this.size })))), this.showHintText && (h("div", { key: '8c1a188b4a1600e7678829969d98832c6cf1a625', class: "text-sm-regular", style: { color: 'var(--color-text-subtle, #697586)' } }, this.hintText))));
+            } }, h("div", { key: 'cc6b6d21aa3cc77cb948678920d47f9b21ea9fb4', class: "input-with-label" }, this.showLabel && (h("label", { key: 'dfbb3a9c620a4460c9598b3745b35c7b04ee7727', class: "text-sm-medium", style: { color: 'var(--color-text, #4B5565)' } }, this.label)), this.digits === 4 && (h("div", { key: '909f60e46b9575fa8119b7059b287d3fd5b25b25', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'bc11396a75486ecc2583c454b2948a6d46620c94', size: this.size }), h("gb-mega-input-field-base", { key: '7d8b18f80565ffed3fcf609ebe9c98d4470ebf56', size: this.size }), h("gb-mega-input-field-base", { key: '185249653464b069ca207848773969789dfdf711', size: this.size }), h("gb-mega-input-field-base", { key: '45bfc70f7d70aa372cf34864d82754d1e917c45b', size: this.size }))), this.digits === 6 && (h("div", { key: 'a4e51303fd09ca4953380573f03df4bddaa20d7f', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'c6b55b699bd886431919b8c486c22aaee7146d46', size: this.size }), h("gb-mega-input-field-base", { key: '210d7d8c5d4cc028e52740cd97c2bb8d8fd630d6', size: this.size }), h("gb-mega-input-field-base", { key: 'da1c1bbf5e6a2e24ecbc8a804b2aca85c24c5ddd', size: this.size }), h("p", { key: 'c3a285fc05585d3753a69f2a54d77be4729966cc', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'e96fba5ba025241a395a4d9f64ea6aaaac016cbb', size: this.size }), h("gb-mega-input-field-base", { key: '1bc2768c559e88a1f0926f3baefb8344ec390ce5', size: this.size }), h("gb-mega-input-field-base", { key: '3d000b5bf9e2aaf3cec709ac9584f7b05f43c4a3', size: this.size }))), this.digits === 8 && (h("div", { key: '2e0f4a17e4b17b04c837dec18f6a972e56f9fcd5', class: "input-wrapper" }, h("gb-mega-input-field-base", { key: 'e3d3dbb394f258a91361846dabec617223f6b221', size: this.size }), h("gb-mega-input-field-base", { key: '4274469601ed11ee010fbf8427eb7cec7236b5f5', size: this.size }), h("gb-mega-input-field-base", { key: '141df1dc3d67d90f9e3294249b12b1f9d8ae0540', size: this.size }), h("gb-mega-input-field-base", { key: 'e4680050b3bf1283bde1dcd49921929ac7615c02', size: this.size }), h("p", { key: 'd4c00f4d6732166b5756e1e3b41c156f976f07e2', class: "line display-sm-bold" }, "-"), h("gb-mega-input-field-base", { key: 'ee8ba6643342b1939146673abf43325a1d8f7dc0', size: this.size }), h("gb-mega-input-field-base", { key: 'ab05e3565c042c6fa8e05d05337acc414855f876', size: this.size }), h("gb-mega-input-field-base", { key: 'b58f00781259c9b13ad61b0bf31e3cfb6dc1ca3b', size: this.size }), h("gb-mega-input-field-base", { key: '7656ee7a3b331265d3c25f97c803a4ce38a60a34', size: this.size })))), this.showHintText && (h("div", { key: '14ed682d6670e81ee651b52f19a3147f110c0239', 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

@@ -26,7 +26,7 @@ export class GbTooltip {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: 'ce5dc58341f5074b9a52473275450d8cec83111d', class: "tooltip_container" }, h("div", { key: '929993f3a7208931c78f5a7b876a91451b95acec', class: "tooltip" }, this.showArrow && h("div", { key: '3ccecbdb0b384424474b4081193775a1f140de80', class: this.getArrowClass() }), h("div", { key: '72b132875b5e34d05ff6914178c89c72075fa8ce', class: "tooltip_content" }, h("slot", { key: '9a84a0f05a845721a8d75d9b9dc578b94e97b71d', name: "label" }), this.showSupportingText && h("slot", { key: 'fb7b29ce1435234101848339e0c81bd102c6586d', name: "supporting_text" })))));
+        return (h("div", { key: '117582ee5bd01c6f4904135c6237679c7df07765', class: "tooltip_container" }, h("div", { key: 'd02733b3be68966b7ea7d8081e967a594592ad3f', class: "tooltip" }, this.showArrow && h("div", { key: '1f895de7f90a272c6242b1ca54035e8fcf54da58', class: this.getArrowClass() }), h("div", { key: '44def761802fa57fc22d08904947dc6350bb190e', class: "tooltip_content" }, h("slot", { key: '3172394116f138cfa882a0bdbde3b45c9f3c1620', name: "label" }), this.showSupportingText && h("slot", { key: '2e5ccdb56253b5d1da0f3bd5fd9cdc8c60770b20', 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

@@ -25,7 +25,7 @@ export class GbVerticalTabs {
         this.tabItemClicked.emit({ index, label });
     }
     render() {
-        return (h("div", { key: '4683768faaacb14cd18c3bf3fb6a1e0d109e76cf', class: `vertical_tab_div` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": tab.name, current: this.activeIndex === index, onClick: () => this.handleTabClick(index, tab.name), alignment: "vertical" })))));
+        return (h("div", { key: 'fb9957c0be1795b23b86414f7dfb581c56bb9de9', class: `vertical_tab_div` }, this.internalTabs.map((tab, index) => (h("gb-tab-button-base", { size: this.size, type: this.type === 'button_gray_border' ? 'button_white' : this.type, "tab-name": tab.name, current: this.activeIndex === index, onClick: () => this.handleTabClick(index, tab.name), alignment: "vertical" })))));
     }
     static get is() { return "gb-vertical-tabs"; }
     static get encapsulation() { return "shadow"; }