globuswebcomponents 2.17.3 → 2.17.5

package/dist/components/test-wrapper.js

@@ -3,47 +3,47 @@ import { d as defineCustomElement$K } from './p-DroMe7VO.js';
 import { d as defineCustomElement$J } from './p-B51vQVpx.js';
 import { d as defineCustomElement$I } from './p-BZ9vv5E3.js';
 import { d as defineCustomElement$H } from './p-BWyVUKHc.js';
-import { d as defineCustomElement$G } from './p-C1dYzyfa.js';
+import { d as defineCustomElement$G } from './p-4YZvp-qM.js';
 import { d as defineCustomElement$F } from './p-h91Dztxi.js';
 import { d as defineCustomElement$E } from './p-DxLS0f-k.js';
 import { d as defineCustomElement$D } from './p-BX_8_riQ.js';
 import { d as defineCustomElement$C } from './p-SKoUZhFj.js';
 import { d as defineCustomElement$B } from './p-CKnfdyi_.js';
-import { d as defineCustomElement$A } from './p-B5TsN1E4.js';
+import { d as defineCustomElement$A } from './p-GszQCyXb.js';
 import { d as defineCustomElement$z } from './p-DXfBxkZa.js';
 import { d as defineCustomElement$y } from './p-CKGW_9DF.js';
-import { d as defineCustomElement$x } from './p-C555_4OR.js';
+import { d as defineCustomElement$x } from './p-BQeqF_-6.js';
 import { d as defineCustomElement$w } from './p-D8TbE87E.js';
 import { d as defineCustomElement$v } from './p-l4NAoTg1.js';
 import { d as defineCustomElement$u } from './p-BQYGeEdk.js';
 import { d as defineCustomElement$t } from './p-Da8vQ35R.js';
 import { d as defineCustomElement$s } from './p-BF1n_EyK.js';
 import { d as defineCustomElement$r } from './p-CSaTBTIt.js';
-import { d as defineCustomElement$q } from './p-CphUJ7Q5.js';
-import { d as defineCustomElement$p } from './p-CLvY21aj.js';
-import { d as defineCustomElement$o } from './p-CF8lWVGI.js';
+import { d as defineCustomElement$q } from './p-Dh9pNyX0.js';
+import { d as defineCustomElement$p } from './p-QPpFI6Tl.js';
+import { d as defineCustomElement$o } from './p-C2x5lNJ2.js';
 import { d as defineCustomElement$n } from './p-B1LJDjRd.js';
-import { d as defineCustomElement$m } from './p-B-jY6LAf.js';
+import { d as defineCustomElement$m } from './p-D2XNcd98.js';
 import { d as defineCustomElement$l } from './p-DyVFLPPE.js';
-import { d as defineCustomElement$k } from './p-F2IP2NQ7.js';
-import { d as defineCustomElement$j } from './p-BMVHXgxU.js';
+import { d as defineCustomElement$k } from './p-BH_pWFmu.js';
+import { d as defineCustomElement$j } from './p-C1BEL6jH.js';
 import { d as defineCustomElement$i } from './p-DQnLwdpJ.js';
 import { d as defineCustomElement$h } from './p-Cz4DlZDq.js';
-import { d as defineCustomElement$g } from './p-COvlJwgH.js';
+import { d as defineCustomElement$g } from './p-C-e3hNlH.js';
 import { d as defineCustomElement$f } from './p-DFCxlsQj.js';
 import { d as defineCustomElement$e } from './p-_uyykawA.js';
 import { d as defineCustomElement$d } from './p-CSHVIxEk.js';
-import { d as defineCustomElement$c } from './p-CjlHYbIG.js';
-import { d as defineCustomElement$b } from './p-COlgB45x.js';
-import { d as defineCustomElement$a } from './p-d1qdPSLe.js';
-import { d as defineCustomElement$9 } from './p-DAyBw9KX.js';
-import { d as defineCustomElement$8 } from './p-SXFZD34y.js';
-import { d as defineCustomElement$7 } from './p-C-81y7Ao.js';
-import { d as defineCustomElement$6 } from './p-DAgyye0m.js';
-import { d as defineCustomElement$5 } from './p-mmif47-b.js';
-import { d as defineCustomElement$4 } from './p-D0_rEkQ_.js';
-import { d as defineCustomElement$3 } from './p-B49zVmuD.js';
-import { d as defineCustomElement$2 } from './p-C26KO13_.js';
+import { d as defineCustomElement$c } from './p-BuCno_es.js';
+import { d as defineCustomElement$b } from './p-DgixiwuN.js';
+import { d as defineCustomElement$a } from './p-Dt60TTUE.js';
+import { d as defineCustomElement$9 } from './p-DclzsKE1.js';
+import { d as defineCustomElement$8 } from './p-CU5l35gn.js';
+import { d as defineCustomElement$7 } from './p-Bp0YR1uJ.js';
+import { d as defineCustomElement$6 } from './p-wH0NPWp6.js';
+import { d as defineCustomElement$5 } from './p-B-_n34Mq.js';
+import { d as defineCustomElement$4 } from './p-XOEsdWXU.js';
+import { d as defineCustomElement$3 } from './p-CZkEMeZd.js';
+import { d as defineCustomElement$2 } from './p-n4Lzg2Aw.js';
 
 const TestWrapper$1 = /*@__PURE__*/ proxyCustomElement(class TestWrapper extends H {
     constructor(registerHost) {
@@ -52,9 +52,26 @@ const TestWrapper$1 = /*@__PURE__*/ proxyCustomElement(class TestWrapper extends
             this.__registerHost();
         }
         this.__attachShadow();
+        // Framework-agnostic per-row renderer. In an Angular app this is where you'd
+        // use ViewContainerRef.createComponent(...) and append ref.location.nativeElement.
+        this.renderRowAction = (container, row, emit) => {
+            const btn = document.createElement('gb-button');
+            btn.setAttribute('size', 'md');
+            btn.setAttribute('hierarchy', 'link_color');
+            btn.setAttribute('icon', 'default');
+            btn.setAttribute('icon-leading', 'true');
+            btn.setAttribute('icon-leading-swap', 'assets/icons/transition-right/stroke/rounded.svg');
+            const label = document.createElement('p');
+            // Render the row id so it's obvious each row gets its own content.
+            label.textContent = `Action ${row.id}`;
+            btn.appendChild(label);
+            // Fire the table's rowActionClicked event, just like the built-in button type.
+            btn.addEventListener('click', () => emit('custom_submit'));
+            container.appendChild(btn);
+        };
     }
     render() {
-        return (h("gb-table", { key: 'b4f13befecfae0d9cc2b6015df89886517678294' }, h("div", { key: '9afba2b87a24396bca2acc9b850f9ef7d56afb0a', slot: "row_actions" }, h("gb-button", { key: '234878191a76581ae6d5a13623f6795893a913b4', size: "xxl", "full-width": "false", state: "default", destructive: false, hierarchy: "link_color", icon: "default", "icon-leading": "true", "icon-leading-swap": "assets/icons/transition-right/stroke/rounded.svg", "icon-trailing": "false", "icon-trailing-swap": "assets/blush_brush.svg", "tooltip-text": "Submit", arrow: "bottom_left" }, h("p", { key: '05d6ab9106e54f07b5ee85b2a8b35bb66ca9256a' }, "Button Textttttttttttt")))));
+        return (h("gb-table", { key: '568cf81b557712c61278a86ac7a80fb2be95d586', renderCustomActions: this.renderRowAction, paginationConfig: { paginationMode: 'internal', entriesDropdownMenuPosition: 'top', currentPage: 1, pageSize: 5 }, onRowActionClicked: (e) => console.log('rowActionClicked', e.detail) }));
     }
 }, [257, "test-wrapper"]);
 function defineCustomElement$1() {

package/dist/components/test-wrapper.js.map

@@ -1 +1 @@
-{"file":"test-wrapper.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAMaA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;;;;;;;;IACtB,MAAM,GAAA;QACJ,QACE,CAAA,CAAA,UAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EACE,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EAAC,aAAa,EAAA,EACrB,CAAA,CAAA,WAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EACE,IAAI,EAAC,KAAK,EAAA,YAAA,EACC,OAAO,EAClB,KAAK,EAAC,SAAS,EACf,WAAW,EAAE,KAAK,EAClB,SAAS,EAAC,YAAY,EACtB,IAAI,EAAC,SAAS,EACD,cAAA,EAAA,MAAM,uBACD,kDAAkD,EAAA,eAAA,EACtD,OAAO,EAAA,oBAAA,EACF,wBAAwB,EAC9B,cAAA,EAAA,QAAQ,EACrB,KAAK,EAAC,aAAa,EAAA,EAEnB,CAAA,CAAA,GAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,EAAA,wBAAA,CAA6B,CACnB,CACR,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["TestWrapper","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-table-test/gb-table-test.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\r\n\r\n@Component({\r\n  tag: 'test-wrapper',\r\n  shadow: true,\r\n})\r\nexport class TestWrapper {\r\n  render() {\r\n    return (\r\n      <gb-table>\r\n        <div slot=\"row_actions\">\r\n          <gb-button\r\n            size=\"xxl\"\r\n            full-width=\"false\"\r\n            state=\"default\"\r\n            destructive={false}\r\n            hierarchy=\"link_color\"\r\n            icon=\"default\"\r\n            icon-leading=\"true\"\r\n            icon-leading-swap=\"assets/icons/transition-right/stroke/rounded.svg\"\r\n            icon-trailing=\"false\"\r\n            icon-trailing-swap=\"assets/blush_brush.svg\"\r\n            tooltip-text=\"Submit\"\r\n            arrow=\"bottom_left\"\r\n          >\r\n            <p>Button Textttttttttttt</p>\r\n          </gb-button>\r\n        </div>\r\n      </gb-table>\r\n    );\r\n  }\r\n}\r\n"],"version":3}
+{"file":"test-wrapper.js","mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAMaA,aAAW,iBAAAC,kBAAA,CAAA,MAAA,WAAA,SAAAC,CAAA,CAAA;AAJxB,IAAA,WAAA,CAAA,YAAA,EAAA;;;;;;;;QAOU,IAAe,CAAA,eAAA,GAAG,CAAC,SAAsB,EAAE,GAAQ,EAAE,IAA8B,KAAI;YAC7F,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,WAAW,CAAQ;AACtD,YAAA,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,IAAI,CAAC;AAC9B,YAAA,GAAG,CAAC,YAAY,CAAC,WAAW,EAAE,YAAY,CAAC;AAC3C,YAAA,GAAG,CAAC,YAAY,CAAC,MAAM,EAAE,SAAS,CAAC;AACnC,YAAA,GAAG,CAAC,YAAY,CAAC,cAAc,EAAE,MAAM,CAAC;AACxC,YAAA,GAAG,CAAC,YAAY,CAAC,mBAAmB,EAAE,kDAAkD,CAAC;YAEzF,MAAM,KAAK,GAAG,QAAQ,CAAC,aAAa,CAAC,GAAG,CAAC;;YAEzC,KAAK,CAAC,WAAW,GAAG,CAAA,OAAA,EAAU,GAAG,CAAC,EAAE,EAAE;AACtC,YAAA,GAAG,CAAC,WAAW,CAAC,KAAK,CAAC;;AAGtB,YAAA,GAAG,CAAC,gBAAgB,CAAC,OAAO,EAAE,MAAM,IAAI,CAAC,eAAe,CAAC,CAAC;AAE1D,YAAA,SAAS,CAAC,WAAW,CAAC,GAAG,CAAC;AAC5B,SAAC;AAWF;IATC,MAAM,GAAA;QACJ,QACE,iEACE,mBAAmB,EAAE,IAAI,CAAC,eAAe,EACzC,gBAAgB,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,2BAA2B,EAAE,KAAK,EAAE,WAAW,EAAE,CAAC,EAAE,QAAQ,EAAE,CAAC,EAAE,EACjH,kBAAkB,EAAE,CAAC,CAA4C,KAAK,OAAO,CAAC,GAAG,CAAC,kBAAkB,EAAE,CAAC,CAAC,MAAM,CAAC,EAC/G,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["TestWrapper","__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-table-test/gb-table-test.tsx"],"sourcesContent":["import { Component, h } from '@stencil/core';\n\n@Component({\n  tag: 'test-wrapper',\n  shadow: true,\n})\nexport class TestWrapper {\n  // Framework-agnostic per-row renderer. In an Angular app this is where you'd\n  // use ViewContainerRef.createComponent(...) and append ref.location.nativeElement.\n  private renderRowAction = (container: HTMLElement, row: any, emit: (action: string) => void) => {\n    const btn = document.createElement('gb-button') as any;\n    btn.setAttribute('size', 'md');\n    btn.setAttribute('hierarchy', 'link_color');\n    btn.setAttribute('icon', 'default');\n    btn.setAttribute('icon-leading', 'true');\n    btn.setAttribute('icon-leading-swap', 'assets/icons/transition-right/stroke/rounded.svg');\n\n    const label = document.createElement('p');\n    // Render the row id so it's obvious each row gets its own content.\n    label.textContent = `Action ${row.id}`;\n    btn.appendChild(label);\n\n    // Fire the table's rowActionClicked event, just like the built-in button type.\n    btn.addEventListener('click', () => emit('custom_submit'));\n\n    container.appendChild(btn);\n  };\n\n  render() {\n    return (\n      <gb-table\n        renderCustomActions={this.renderRowAction}\n        paginationConfig={{ paginationMode: 'internal', entriesDropdownMenuPosition: 'top', currentPage: 1, pageSize: 5 }}\n        onRowActionClicked={(e: CustomEvent<{ action: string; row: any }>) => console.log('rowActionClicked', e.detail)}\n      />\n    );\n  }\n}\n"],"version":3}

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-06-15T11:16:27",
+  "timestamp": "2026-06-15T18:45:04",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -31947,11 +31947,16 @@
         },
         {
           "name": "renderCustomActions",
-          "type": "(row: any) => any",
+          "type": "(container: HTMLElement, row: any, emit: (action: string) => void) => void",
           "complexType": {
-            "original": "(row: any) => any",
-            "resolved": "(row: any) => any",
-            "references": {}
+            "original": "(container: HTMLElement, row: any, emit: (action: string) => void) => void",
+            "resolved": "(container: HTMLElement, row: any, emit: (action: string) => void) => void",
+            "references": {
+              "HTMLElement": {
+                "location": "global",
+                "id": "global::HTMLElement"
+              }
+            }
           },
           "mutable": false,
           "reflectToAttr": false,
@@ -31959,7 +31964,7 @@
           "docsTags": [],
           "values": [
             {
-              "type": "(row: any) => any"
+              "type": "(container: HTMLElement, row: any, emit: (action: string) => void) => void"
             }
           ],
           "optional": true,
@@ -31987,10 +31992,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n    { action: 'edit', type: 'custom' },\r\n  ]"
+              "text": "[\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n    // { action: 'edit', type: 'custom' },\r\n  ]"
             }
           ],
-          "default": "[\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n    { action: 'edit', type: 'custom' },\r\n  ]",
+          "default": "[\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n    // { action: 'edit', type: 'custom' },\r\n  ]",
           "values": [
             {
               "type": "RowAction[]"
@@ -38069,13 +38074,16 @@
       "parts": [],
       "dependents": [],
       "dependencies": [
-        "gb-table",
-        "gb-button"
+        "gb-button",
+        "gb-table"
       ],
       "dependencyGraph": {
         "test-wrapper": [
-          "gb-table",
-          "gb-button"
+          "gb-button",
+          "gb-table"
+        ],
+        "gb-button": [
+          "gb-tooltip"
         ],
         "gb-table": [
           "gb-avatar",
@@ -38103,9 +38111,6 @@
         "gb-checkbox": [
           "gb-checkbox-base"
         ],
-        "gb-button": [
-          "gb-tooltip"
-        ],
         "gb-dropdown-items-with-shortcut": [
           "gb-checkbox"
         ],

package/dist/esm/{gb-accordion-card_80.entry.js → gb-accordion-card_81.entry.js}

@@ -10113,10 +10113,10 @@ const GbTable = class {
         };
         this.showActionsColumn = true;
         this.rowActions = [
-            // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },
-            // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },
-            // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },
-            { action: 'edit', type: 'custom' },
+        // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },
+        // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },
+        // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },
+        // { action: 'edit', type: 'custom' },
         ];
         this.dropdownOptions = [
         // { label: 'Download invalid', action: 'view', icon: 'assets/view.svg', disabled: false },
@@ -10213,7 +10213,7 @@ const GbTable = class {
         }
     }
     async handleAction(action, row) {
-        console.log('Action clicked:', action, row);
+        // console.log('Action clicked:', action, row);
         this.rowActionClicked.emit({ action, row });
     }
     renderCell(col, row) {
@@ -10477,6 +10477,23 @@ const GbTable = class {
         const splitNames = name.split(' ');
         return splitNames.map((nm) => nm.charAt(0));
     }
+    renderCustomAction(row) {
+        if (!this.renderCustomActions)
+            return h("slot", { name: "row_actions" });
+        const rowId = String(this.getRowId(row));
+        return (h("div", { key: `custom-action-${rowId}`, class: "custom_action_slot", ref: el => {
+                if (!el)
+                    return;
+                // Re-mount only when this container is bound to a different row.
+                // Prevents tearing down (and resetting) the host-framework component
+                // on unrelated re-renders (sort, resize, dropdown open, etc.).
+                if (el.dataset.rowKey === rowId)
+                    return;
+                el.dataset.rowKey = rowId;
+                el.innerHTML = '';
+                this.renderCustomActions(el, row, (action) => this.handleAction(action, row));
+            } }));
+    }
     renderDesktopView() {
         this.internalColumns.forEach(col => {
         });
@@ -10510,7 +10527,7 @@ const GbTable = class {
             .map((col, index) => (h(Fragment, null, h("td", { style: { textAlign: col.align || 'left' }, class: `table_detail ${this.stickyFirstColumn && index === 0 ? 'sticky_left' : ''} ${this.isScrollable ? 'has_border' : ''}` }, this.renderCell(col, row))))), this.showActionsColumn && (h("td", { class: { table_detail: true, actions_cell: true, sticky_right: this.stickyLastColumn, has_border: this.isScrollable }, style: { width: '50px' } }, h(Fragment, null, h("div", { class: "action_buttons" }, this.rowActions.map(action => (h(Fragment, null, action.type === 'dropdown' ? (h("gb-button", { id: `gb-table-trigger-${rowIndex}`, ref: el => (this.actionButtonRefs[rowIndex] = el), class: "dropdown_button", hierarchy: "tertiary_gray", size: "md", icon: "only", iconLeading: true, iconLeadingSwap: "assets/more-horizontal.svg", onClick: e => {
                 e.stopPropagation();
                 this.toggleDropdown(rowIndex);
-            } })) : action.type === 'custom' ? (h("slot", { name: "row_actions" })) : (h("gb-button", { hierarchy: "tertiary_gray", size: "md", icon: "only", destructive: action.destructive, iconLeading: true, iconLeadingSwap: action.icon, onClick: e => {
+            } })) : action.type === 'custom' ? (this.renderCustomAction(row)) : (h("gb-button", { hierarchy: "tertiary_gray", size: "md", icon: "only", destructive: action.destructive, iconLeading: true, iconLeadingSwap: action.icon, onClick: e => {
                 e.stopPropagation();
                 this.handleAction(action.action, row);
             } })))))), h(Fragment, null, this.openRowIndex === rowIndex && (h("gb-portal", { "anchor-id": `gb-table-trigger-${rowIndex}`, placement: this.dropdownPlacement, anchorEl: this.currentAnchorEl, boundaryEl: this.scrollContainer, dropdownHeight: requestAnimationFrame(() => this.dropdownRef.scrollHeight), open: true }, h("div", { class: "portal_dropdown_wrapper", ref: el => (this.dropdownRef = el) }, this.dropdownOptions.map(action => (h("gb-dropdown-items-with-shortcut", { icon: action.icon ? true : false, state: action.disabled ? StateEnum.Disabled : StateEnum.Default, label: action.label, "icon-src": action.icon, onClick: () => {
@@ -10731,16 +10748,16 @@ const GbTable = class {
         window.removeEventListener('resize', this.checkViewport);
     }
     render() {
-        return (h("div", { key: '7e37e1decada263824af90c8cff25cdc398c12d2', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: '1a61eb8ef7a06e3634a1d88f81549cef8d0d19ba', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: '127fd89235313623b7bd1e7f7fc1e7f802a9f45d', type: this.tableHeaderConfig.type, mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e), onTableControlClicked: e => this.emitTableContolClickedEvent(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: '252d90ee540b90f0776b04ff3580fe92883b5eda', class: "dialog", style: {
+        return (h("div", { key: 'fff578632318ce951474e8e0b017ed34d007b1cc', class: `table_wrapper ${this.currentTableLayout}` }, this.tableHeaderConfig && (h("div", { key: '0bfb29c446aba3674c2a22d125d656e0ff60b905', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: '5b3b14ae8bd63048508b409296701912dd6266ef', type: this.tableHeaderConfig.type, mode: this.tableHeaderConfig.datePickerMode, "table-heading": this.tableHeaderConfig.tableHeading, "table-heading-label": this.tableHeaderConfig.tableHeadingLabel, "show-search": this.tableHeaderConfig.showSearch, "show-date-filter": this.tableHeaderConfig.showDateFilter, "show-filter": this.tableHeaderConfig.showFilter, "show-export": this.tableHeaderConfig.showExport, "show-column-options": this.tableHeaderConfig.showColumnOptions, "show-refresh-button": this.tableHeaderConfig.showRefreshButton, "input-placeholder": this.tableHeaderConfig.inputPlaceholder, "date-picker-placeholder": this.tableHeaderConfig.datePickerPlaceholder, "show-entire-data": this.tableHeaderConfig.showEntireData, "show-layout-toggle": this.tableHeaderConfig.showLayoutToggle, "filter-state": Object.keys(this.appliedFilterValues).length > 0 ? 'applied' : 'default', "filter-count": Object.keys(this.appliedFilterValues).length, "export-button-state": this.tableHeaderConfig.exportButtonState, "pdf-state": this.tableHeaderConfig.pdfState, "csv-state": this.tableHeaderConfig.csvState, onInputValueChanged: this.emitSearchValue.bind(this), onDateChange: this.emitDateChange.bind(this), onColumnOptionsButtonClicked: this.columnOptionsButtonClicked(), onExportClicked: e => this.exportButtonClicked(e), onFilterButtonClicked: () => this.openFilterModal(), onRefreshButtonClicked: () => this.onRefreshButtonClicked(), onLayoutButtonClicked: e => this.switchTableLayout(e), onTableControlClicked: e => this.emitTableContolClickedEvent(e) }))), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: 'ab47e5d1fe46f9ad4af7cf94da064dc5392a9741', class: "dialog", style: {
                 transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
-            } }, h("div", { key: '53ed04f9b2d40d5031c160e3fce76c80a995b3f3', class: "column-modal" }, h("div", { key: '1b481f9a462812fa6c9252043c456a0697164ff9', class: "modal_header" }, h("div", { key: 'd090fdf401483a4e52ef58f8c73990fe70421d31', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '84c7223322fa17b5cea1aeaa89f37a0450ff0563', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '35385dbd7a801fa62534c5a9996a48f6ec2290c4', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: '6db9081a50ee72b78bb13f8fa8bdf944cc3f315d', class: "content_wrapper" }, h("div", { key: '3864f3180ce0883958e220ad88e19303db3c0b73', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
+            } }, h("div", { key: '6d2f489e5a60e1de41389b2c59a234b329b3e9e4', class: "column-modal" }, h("div", { key: '15d3b2d539e1d89e08e87f711e59d1c0a27c1cc0', class: "modal_header" }, h("div", { key: '9e82dd8cbbba886000589a8f22d9e2a4dd99b15e', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: 'a21373b0a6930722cabd74384252476fe717a847', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '2bbd2f88dac95f3bc6545646c02cfc1074f95347', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: '5e52b2115e6fe50b5fec37db6ffad6a55dc6cd70', class: "content_wrapper" }, h("div", { key: 'e84c90cadb033462b0093b33f179add5255dd49a', class: "modal_content" }, this.internalColumns.map((col, index) => (h("div", { class: "column_option", draggable: true, onDragStart: () => (this.draggedIndex = index), onDragOver: e => e.preventDefault(), onDrop: () => {
                 if (this.draggedIndex !== null && this.draggedIndex !== index) {
                     this.reorderColumns(this.draggedIndex, index);
                 }
                 this.draggedIndex = null;
             } }, h("div", { class: "label_and_dragger" }, h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, h("path", { d: "M8 6H8.00635M8 12H8.00635M8 18H8.00635M15.9937 6H16M15.9937 12H16M15.9937 18H16", stroke: "var(--color-icon, #4B5565)", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("p", { class: "label text-md-regular" }, col.label)), h("gb-toggle", { size: "sm", state: StateEnum.Default, position: "right", pressed: col.visible, text: false, onToggleClicked: e => {
                 this.toggleColumn(e, col.key);
-            } })))), h("div", { key: 'af8ba5cb159997b965129e26a45f28394e88234b', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: 'e6b67ec8dd041a3725315c235010f33c100585a0', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '71dfa5d239316d26fb78f7ac07d6a3283fa01adb', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
+            } })))), h("div", { key: '3341d8212bb2a00da1ad3870f9981dc7a1e01f16', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '7d7c1b31ede07a6e918709127fc4f080d3657584', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '3d9100c67e02b89f1a675be3d4d18283815d005b', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
                 e.stopPropagation();
                 this.closeFilterModal();
             }, onApplyFilters: e => this.onApplyFilters(e), onClearFilters: () => this.handleClearFilters() }))), this.internalLoading ? (
@@ -10787,7 +10804,7 @@ const GbTable = class {
                 ? this.renderDesktopView()
                 : this.currentTableLayout === 'grid'
                     ? this.renderGridView()
-                    : null)), this.paginationConfig && (h("div", { key: '33a6244621ba1e6bc5310c93525c976f1ce2ed4a', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: 'c967ffcb992ada18475e77b8fef0916f34cad21f', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (h("gb-toast", { key: '61c8e21f95ce33eec2cbb0c6f67fd662d3bdb83a', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
+                    : null)), this.paginationConfig && (h("div", { key: '527422bd2e3afe19527a91735ad9c2d54e6c23d8', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: '4b685257a198683d4d1c8ff190a6e1b51f3a93df', "entries-dropdown-menu-position": this.paginationConfig.entriesDropdownMenuPosition, "page-size": this.paginationConfig.paginationMode === 'internal' ? this.internalPageSize : this.paginationConfig.pageSize, "current-page": this.paginationConfig.paginationMode === 'internal' ? this.internalCurrentPage : this.paginationConfig.currentPage, "total-pages": this.totalPages, onPageItemSelected: this.handlePageChange.bind(this) }))), this.showToast && (h("gb-toast", { key: '360262fc71f37fbecfbe48a42133faf34b607f57', class: `toast ${this.toastVisible ? 'visible' : ''}`, color: "information", "main-text": this.filterMessage, breakpoint: "desktop", size: "floating", onClose: () => this.hideToast() }))));
     }
     static get watchers() { return {
         "data": ["onDataChange"],
@@ -10945,7 +10962,7 @@ const GbTag = class {
     }
     render() {
         const flagSwap = getAssetPath(`${this.flagSwap}`);
-        return (h("div", { key: 'e6936935ad02ab6502e2b63042cebcc512625846', class: `container ${this.size} ${this.action}` }, h("div", { key: 'a98d64ef69f55520e7fd8481576396f424f528a0', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'd77ff3a6a2287b25a8a0327d89be6af8a18be1dd', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: '7fc41e7c6b968188e22ad988db29f2ca8cfe6c6b', class: "icon left-icon" }, h("img", { key: '4232220bb955a4dc286c9aa74aba05ac591f3f11', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: 'd40d8aa5307d6507e2b988ffb40c116a8223fa05', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'c8f8f47c014fbad13c509b3591417dd4661fe1c6', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '76a6ace7978f792084913c715a336b410896d910', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '8ff906c66df7ef647ae0d56aa40d1f917fd2aca7', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '8e0679b7a9d5817c5aa9fe89d75a897b15d043b1', class: "label" }, h("slot", { key: '8cf6c0334a84187809d80bb28a472839694734d0' })), this.action === 'count' && (h("gb-tag-count", { key: '09904c69788e1551d71a3a1b4a344a9cccd5396f', size: this.size }, h("slot", { key: 'a812fb854d4f56ef8525bad6aa5dd30761fde407', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'a93b3c2f0677ca68a0d79e1ee70505df4b20b443', size: this.size, onClick: () => this.onTagClose() })));
+        return (h("div", { key: '456446acb2db65f6d32325a19e1a567b5402f2ce', class: `container ${this.size} ${this.action}` }, h("div", { key: '51b5a7fc2b83b3187eb3e280ad2059f17cd0997d', class: `content ${this.size}` }, this.checkbox && h("gb-tag-checkbox", { key: 'd7419011cf70a8321ead9747c9987b2d8eca02c3', size: this.size }), this.icon === 'false' && h(Fragment, null), this.icon === 'country' && (h("div", { key: 'd680fb34a94d99de78a8b0eb6a45bd6fddcf20db', class: "icon left-icon" }, h("img", { key: '1703cb1212deb001bf9c6dc061dfba8854e96f49', src: flagSwap, alt: "Country Icon" }))), this.icon === 'avatar' && (h("gb-avatar", { key: '69816c817ff85523a8e86962d26aebaad7b5e825', class: "avatar-icon", size: "xxs", "status-icon": "false", text: false, color: "gray" }, h("slot", { key: 'e7a1880fbc0437f390986364706337bda3389fc9', name: "image", slot: "image" }))), this.icon === 'dot' && (h("svg", { key: '531fe87bce4eac8d6c59c389349949624ca13f66', xmlns: "http://www.w3.org/2000/svg", width: "8", height: "8", viewBox: "0 0 8 8", fill: "none" }, h("circle", { key: '4f5baf8165dd618423cda541a050e7bf2db0f635', cx: "4", cy: "4", r: "3", fill: "#17B26A" }))), h("div", { key: '3baeee3261e2bff7dd5a383d28929d5491c5d805', class: "label" }, h("slot", { key: '255ba7624b1b083bf95b840e8a4ed599331ae265' })), this.action === 'count' && (h("gb-tag-count", { key: '21b2c1577ae18e544d3fbc48a279a4d2dfcad427', size: this.size }, h("slot", { key: 'd55fa285d52bcbefa2ccb52a44d1954f7b24e926', slot: "count", name: "count" })))), this.action === 'X_close' && h("gb-tag-close", { key: 'bfdc29e2243ae4ff966b3d5bc3939fd7f9f8ab61', size: this.size, onClick: () => this.onTagClose() })));
     }
     get el() { return getElement(this); }
 };
@@ -10962,7 +10979,7 @@ const GbTagCheckbox = class {
         this.disabled = false;
     }
     render() {
-        return (h("label", { key: '2324c90a08fc4ad8640791a9384abf1a43dbf363', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: '1da2af9eefe653a0542b4624ac082b8f902fbd7e', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '5a537a2900146ecd3903098ba5c86c53aae604fd', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'e8fc1021693f1b880e5009db6add4cae5fbfd9e2', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '72cc8be35fe43d9a378e557ca232cce28da9e92f', 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: '593aa8bb61260ab154f270a3d802b38466020c00', class: `checkbox-container ${this.size} ${this.disabled ? 'disabled' : ''}` }, h("input", { key: 'c075c76d23dd33a07818b9ad6166686d014de54c', type: "checkbox", checked: this.checked, disabled: this.disabled }), h("span", { key: '073e081198af1a648701dde6b2b4bfabccb3b90d', class: `custom-checkbox ${this.size}` }, h("svg", { key: 'cfd34499afdd3dd86bcceb5f4f1aff4da5515218', class: "checkmark", xmlns: "http://www.w3.org/2000/svg", viewBox: "0 0 12 12", fill: "none" }, h("path", { key: '9e8df722ddfa2fd5a7f14461d84749c3b1014a8e', 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" })))));
     }
 };
 GbTagCheckbox.style = gbTagCheckboxCss;
@@ -10974,7 +10991,7 @@ const GbTagClose = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '9176298d7c5a451d804e033fb8ca949555f59937', class: this.size }, h("svg", { key: '9d7ee6215cef21904cf1ae8e13cc61e2607f2b4a', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '0e999d371ef7d3b3457e513b95c9b05303276a93', 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: '18aaed96c3d07453fc649bfb0017220dd272aa60', class: this.size }, h("svg", { key: 'caaf0dfc1f8fe65dd12b1cf7ca7c6fc3becb9369', xmlns: "http://www.w3.org/2000/svg", width: "10", height: "10", viewBox: "0 0 10 10", fill: "none" }, h("path", { key: '0e206add91ba5d0706cb85164d0a86b4faa1dc37', 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" }))));
     }
 };
 GbTagClose.style = gbTagCloseCss;
@@ -10986,7 +11003,7 @@ const GbTagCount = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: 'b10c55e8e95c5f77b1cf9e5927fd5bd5d18f48bc', class: this.size }, h("slot", { key: '160dabfd124e3cbe27f89dcc30bd9ada4646711d', name: "count" })));
+        return (h("div", { key: '8c04c032237219dd1cedde84e898c5ca5bc4388b', class: this.size }, h("slot", { key: 'c160e597851fe8117d23e9d1a6fd6bd51fbdf8b8', name: "count" })));
     }
 };
 GbTagCount.style = gbTagCountCss;
@@ -11197,12 +11214,12 @@ const GbTextareaInputField = class {
         }
     }
     render() {
-        return (h("div", { key: '789167f7d6154ddb27425b2ae26df5f1af20d64e', class: "textarea_container" }, h("div", { key: '6cdfb0231319e9df5b8739495edd97bacf6f07ed', class: "input_with_label" }, this.showLabel && h("p", { key: 'b1e594d3a0848a7427a81cff49e9b41076afad5a', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '2af18512a07a05f442425e8559f171f68096f90e', 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: '6174b10db16cdf66165eab64028f3b2bab3256f2', class: "textarea_tags" }, h("div", { key: 'c160318c76841b41f37a38dd0d3d3ab7ab18c481', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'fc7ffcacf778e9a98c6f2aa8749816e5831c98c5', 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: 'b1ff947a4ff647bb1944ace40327577657aef529', class: "textarea_container" }, h("div", { key: '15d6b0d8a9c3c34c204c9f3c153074a35381cb41', class: "input_with_label" }, this.showLabel && h("p", { key: '4f0089f0474316adde6b087b42b517ebddc7f8c3', class: `label text-sm-medium` }, this.label), this.type === 'default' && (h("textarea", { key: '43d7f00d55e08cc13a733ec53e79c37b8e3d7f73', 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: 'ed595e8f10a3ee5ebe2fcfa564f956c838c809b4', class: "textarea_tags" }, h("div", { key: 'c1a4e3ba88086d7d6af4dec4f898a63285844e19', class: `textarea ${this.type} ${this.state} ${this.destructive ? 'destructive' : ''}`, onClick: () => this.handleWrapperClick() }, h("div", { key: 'd0ae0a2caeded866a3969fcde206a0beca1b832f', 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: '5faa286c69dec90181794029c076419765c9a2ce', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '671e6a97493e892450595e6ee0e3355cc3f5cbf4', class: "input_field" }, h("input", { key: 'f565baffb4831598865e2c39cc5550a546027f18', 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: 'd86a6ce2c1b27416582edf18cf8fc34cacf073ac', class: "hidden-span", ref: el => (this.hiddenSpan = el) }, this.inputValue || '  '), h("div", { key: '45a3747a6f52dabf3be05b3ed8b8386f866f2e6f', class: "input_field" }, h("input", { key: '8cf4b7e89c06df8eb229ac0c6bcbb8556e82373c', 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: '58ed1820e495f6bf0572411945b86be6fc815dac', class: "help_icon" }, h("svg", { key: 'fab764ac78e123ebc8e16b9be7d31ffd542f8ac8', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: 'de93346a9c9f9eebc79a34a5a55dc13094fc5fed', 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: '905cf3f14ce492bb38376839f2a74b0d4a0e820c', 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: '78b0be1d3d2b30dcea9eb89a9ec2bbaadc02334c', class: "help_icon" }, h("svg", { key: '03faf3ca8827614bb947495d921122841b37a7a2', xmlns: "http://www.w3.org/2000/svg", width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, h("path", { key: '3c2226f027d393c69ed8f279f93155c078c6da88', 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: '07dea6654883a65387fc553a2c754cff8bcf7e2c', 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))));
     }
@@ -11236,7 +11253,7 @@ const GbThemeTab = class {
         const systemIconSrc = getAssetPath(`assets/laptop.svg`);
         const sunSrc = getAssetPath(`assets/sun-02.svg`);
         const moonSrc = getAssetPath(`assets/moon-02.svg`);
-        return (h("div", { key: '54d7902bd4f274cb0c2c9938ab9998199592decf', class: `theme_tab_div` }, h("div", { key: '2d01b031d766c91600b485d99307fdaad5450d00', class: "tab" }, h("gb-icon-button-base", { key: '9d7b0d35240d89bc0337948aa910473a7ef8b25f', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'c9be52f512d54b26781e27ea7e9ed436c73645ab', class: "tab" }, h("gb-icon-button-base", { key: '6f6983813bff31ea05291cc156b955a4e691a379', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '554b912eccfd4279707459b29095a256b1b56f0b', class: "tab" }, h("gb-icon-button-base", { key: '80db4129f2689933bf2d081a79b136cdcb0a5277', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: 'b1ce2e2172611689b2fe71adece4fb8eaa52cd5b', class: `theme_tab_div` }, h("div", { key: '28ff1b84efa49ae845e399e9aabd9701a8abf91b', class: "tab" }, h("gb-icon-button-base", { key: 'a980fddc24a08256cf662b2ba678d4f8508eb6a5', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '555ef1f084852f673f107a141877432bd3c0a859', class: "tab" }, h("gb-icon-button-base", { key: 'c309d3757d670db5bfe31afc34101897671d3d9a', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '479aa273c2d91fc30993197995b8ab188883eb84', class: "tab" }, h("gb-icon-button-base", { key: 'c3842452e0b98b60d6ecc2dd4bfd29f03ff6b661', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     get el() { return getElement(this); }
 };
@@ -11293,7 +11310,7 @@ const GbToast = class {
         window.removeEventListener('resize', this.handleResize);
     }
     render() {
-        return (h("div", { key: 'f5821cd859c033edd6ffe5e500be1f005480cda3', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '8dad7e494008a10b140f81b71ac42b4750accaed', class: `icon_container ${this.showSupportingText ? '' : 'no_supporting_text'}` }, 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: '89945d091352fdd3a65fa6b45c1ca5d5b37c57c8', class: `content ${this.size} ${this.actions ? ' actions' : ''} ${this.breakpoint}` }, h("div", { key: '29218c1a2ba885e6c24bcea746142c86e656bb26', class: `text ${!this.internalSupportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: 'd548a30265cb43ff063067ec842fc80d792ceccc', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: 'c6701c6d66895913a47434700f81da0c41b5a336', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.internalSupportingText)), this.actions && (h("div", { key: '9222b28c7cb5994ae86bd3fe6893b592076db74f', 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", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: '2b1cadfc6ec5fe54219ab2f6c86e78d84bbcdb22', 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: '7aa92555f72405744024626730bceda91208ee07', class: `container ${this.breakpoint}` }, h("div", { key: '140644487ae39ff91ecd8fa98941d50bf8108b94', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '01e38b5bd8a48d0714223227015704784ded3505', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'b9d6bc20374f0570c0da16ed1eb4810c85832b34', class: `icon_container` }, h("svg", { key: 'bc05a2b08bdecf8dc289733cc5a47363c0134efa', 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: '58cb4edaea2b837bf87eecb525907e620f7e6270', 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: '331a7d9077bbfc34ea512f5dc3957889a204750b', "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: 'f929e460f76c5b00e0b5c815587744897bbb75b3', "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: 'bd84e4a7b78b05abc937eb37d910354e0459e068', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: 'c0e066ace71cc199f4b43768a036938f2656fb7b', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: '0cd625305050b771521ba9a96bd6b39768abadbf', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.internalSupportingText))), this.actions && (h("div", { key: '9b8c056543452cf9a4e16a539090eced21ed7073', 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", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: '6b3f9135b3e1f51339133368db5f2400d5a8aef0', 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: '3b9a59852036eaf166823e74b8714678a9bccc54', class: `toast_div ${this.internalColor} ${this.size} ${this.breakpoint}` }, this.size === 'floating' && (h(Fragment, null, h("div", { key: '339af981e78b494e0d22863dc401a97e031df8a5', class: `icon_container ${this.showSupportingText ? '' : 'no_supporting_text'}` }, 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: '30a207ae18cc11b83d09686a8298601c93f4b8a6', class: `content ${this.size} ${this.actions ? ' actions' : ''} ${this.breakpoint}` }, h("div", { key: '3a16ddf29c9775251ef10b50cb86965ee5b1c55b', class: `text ${!this.internalSupportingText ? 'no_supporting_text' : ''} ${this.size}` }, h("p", { key: 'a8c9f2c55a0cc94608dad534107375b51fe40da0', class: `text-md-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: '6667ff9aa3a4c9acd7888cd35c583f5d54cee01f', class: `text-sm-regular supporting_text_${this.internalColor}` }, this.internalSupportingText)), this.actions && (h("div", { key: '570c09fee014c610d5fef81c06a7f5da1ef9c07b', 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", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: 'f947308ef92b308c6f74be6db0a6f3b9f9d992c4', 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: '603c65e5d94bb1a4fdfe1327cadec2be53a478da', class: `container ${this.breakpoint}` }, h("div", { key: '9442ea4319ed01a12530fa2642f2ee7de99b5944', class: `full_width_content ${this.breakpoint}` }, h("div", { key: '9ebd126672fef115a1255a37b257f80995fedca1', class: `inner_content ${this.breakpoint}` }, h("div", { key: 'fd830f1a5c5e23dafe56e85c54a69ccd6d17bfdd', class: `icon_container` }, h("svg", { key: 'b7777014e801963cafb26b3961eb5f03c8281078', 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: 'fc9ad47d78a092a08ce62935aba86c7fab3260bb', 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: '4d49df1dafb2eacf15bb6e4803bc73f02ae43c1a', "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: 'f5f600cb830772ffffefb8f60fe78f815084d75b', "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: '920a24627109d3999f584f5d81dd5c03dc1e5ed3', class: `text ${this.size} ${this.breakpoint}` }, h("p", { key: 'f14a86c6f73fd7da201283962f6ced496d5fcdad', class: `text-sm-semi-bold main_text_${this.internalColor}` }, this.internalMainText), this.showSupportingText && h("p", { key: 'd8cdf3c0c284c0a694ca84c7707de795065b58ce', class: `text-xs-regular supporting_text_${this.internalColor}` }, this.internalSupportingText))), this.actions && (h("div", { key: '0ed33c363c03aee031fad6da00f146b8717d7a7b', 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", onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-button", { size: "sm", icon: "default", state: "default", hierarchy: "link_color", onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText))))) : (h(Fragment, null, this.secondActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.secondActionClicked.emit() }, h("p", null, this.secondActionText))), this.firstActionText && (h("gb-toast-button", { state: StateEnum.Default, color: this.internalColor, onClick: () => this.firstActionClicked.emit() }, h("p", null, this.firstActionText)))))))), this.xCloseButton && (h("gb-button-close", { key: '4662f8ecbb37a7687ded523d9642bf7df61d0a2a', size: "sm", color: this.internalColor === 'default' ? 'gray' : this.internalColor === 'gray' ? 'gray' : this.internalColor, class: `close_button ${this.breakpoint}`, onClick: () => this.closeToast() }))))));
     }
     get el() { return getElement(this); }
     static get watchers() { return {
@@ -11315,7 +11332,7 @@ const GbToastButton = class {
         slottedContent.classList.add('text-sm-semi-bold');
     }
     render() {
-        return (h("div", { key: '92a33752ee3034bf723b0883faec98cb3ef62c0d', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '1a128e469bc91837f0a77154afff73d71b831e1b' })));
+        return (h("div", { key: '29ef2ed415fe9ba7c13d30e04d5c20a103e0ce78', class: `toast_button ${this.state} ${this.color}` }, h("slot", { key: '505fac54480d6806d20c6dc8fa1b6983f9fcbc83' })));
     }
     get el() { return getElement(this); }
 };
@@ -11368,7 +11385,7 @@ const GbToggle = class {
         }
     }
     render() {
-        return (h("div", { key: '2c186bd61c9ed6dabd14e6c09e010747bc549d27', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: '43c646e4fc4563dd7499c22a8460b7b3990f8f58', class: "text" }, h("slot", { key: '2eeac781b0f6e15e10a8cb8e260fff0cc47d41ce', name: "main_text" }), this.supportingText && h("slot", { key: '8763586ecd9c6a6672b0c16e9d822efd17dbe025', name: "supporting_text" }))))), h("div", { key: '5bc3c760a423260fd67ea5858ff44e3cf2c44231', class: "toggle_base" }, h("gb-toggle-base", { key: 'f23e3b19524260324b22315233440ded6d210b15', 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: '6af72da1c7a1f95dae08b0672c5900e313fc55bb', class: "text" }, h("slot", { key: 'affd3e93b05a75155962bc1ff50986320984d92d', name: "main_text" }), this.supportingText && h("slot", { key: '9167fe39bbbefcb2ae3c74eb22d10a90eda06673', name: "supporting_text" })))))));
+        return (h("div", { key: 'f9072223aec45076a93b268716d239473affafe0', class: `toggle_div ${this.size}` }, this.position === 'left' && (h(Fragment, null, this.text && (h("div", { key: 'ae3a1bbb8aee1af3d4937f39d365a40c6ff28e92', class: "text" }, h("slot", { key: '0306c2df643427fd9b530360bcb4fc68935942a6', name: "main_text" }), this.supportingText && h("slot", { key: '8e6481e8c87043054f8b22c5b4a49668ef0cb376', name: "supporting_text" }))))), h("div", { key: 'cd463f75cb109ed7d920e536b16decb0ed6c17fe', class: "toggle_base" }, h("gb-toggle-base", { key: '23a782a77372d2060658a27b7ff9837807353b5c', 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: '075222964f183c553d01f30101854a7a8c3585ca', class: "text" }, h("slot", { key: 'd4de97556ad4c23d1e149c7cab3083a46fbbcdec', name: "main_text" }), this.supportingText && h("slot", { key: 'adf6eafb8d749410150559286e63f559470f55f6', name: "supporting_text" })))))));
     }
     get el() { return getElement(this); }
 };
@@ -11390,8 +11407,8 @@ const GbToggleBase = class {
     }
     render() {
         return [
-            h("input", { key: 'ac68470200bbc0cf88933f0d4457f81b454dcbfc', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
-            h("label", { key: 'd17c28a9ff7de780eac5ed84ae60160c1a2ab860', 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: "var(--color-background-selected, #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: "var(--color-background-gray-subtle, #E3E8EF)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
+            h("input", { key: 'a03f12e87a543efdce3e68ac9403f3ae5dfe0fd5', type: "checkbox", id: "customCheckbox", class: `${this.pressed ? 'pressed' : ''}`, readonly: true }),
+            h("label", { key: 'e36a186cea398eb67edca395d8558a955367078c', 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: "var(--color-background-selected, #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: "var(--color-background-gray-subtle, #E3E8EF)", "stroke-width": "1.5", "stroke-linecap": "round", "stroke-linejoin": "round" }))) : null),
         ];
     }
 };
@@ -11427,11 +11444,37 @@ const GbTooltip = class {
         return this.showArrow ? `arrow ${this.arrow}` : '';
     }
     render() {
-        return (h("div", { key: '92d6c75d6b0d8cb67dd318be59cb8d5c99acdad3', class: "tooltip_container" }, h("div", { key: '76f61c87d02ac2cc4165e60594edfded7bccf9b9', class: "tooltip" }, this.showArrow && h("div", { key: 'fbcab802ffa5428dd37db5165e1f031df34c7524', class: this.getArrowClass() }), h("div", { key: '3ed3d5382eb53d7f2cc97541b2c6f86e20e0061e', class: "tooltip_content" }, h("slot", { key: '50cff822219d8cbd05584555c6717f46425eb956', name: "label" }), this.showSupportingText && h("slot", { key: '458079210aaf1e3230a083aef26c0074a36c8d71', name: "supporting_text" })))));
+        return (h("div", { key: 'ed653caf44febe6a3d54ed25aa75fb91706db893', class: "tooltip_container" }, h("div", { key: '2264f1ae517cb345f03e87f5330866751c098218', class: "tooltip" }, this.showArrow && h("div", { key: '10d8e432af8e3672962b7e363b5a2e49ae70a753', class: this.getArrowClass() }), h("div", { key: 'eb342f71471bbef672dd1965126073fcfb1c7fb8', class: "tooltip_content" }, h("slot", { key: '9fb20bf41b940a2f608f51d608c76815767ba521', name: "label" }), this.showSupportingText && h("slot", { key: '6c6c9f4a32715d828b5f48fa9d7412623063e507', name: "supporting_text" })))));
     }
     get el() { return getElement(this); }
 };
 GbTooltip.style = gbTooltipCss;
 
-export { GbAccordionCard as gb_accordion_card, GbActionPanel as gb_action_panel, GbAppNameCard as gb_app_name_card, GbAvatar as gb_avatar, GbAvatarAddButton as gb_avatar_add_button, GbAvatarContrastInnerBorder as gb_avatar_contrast_inner_border, GbAvatarDropdown as gb_avatar_dropdown, GbAvatarGroup as gb_avatar_group, GbAvatarLabelGroup as gb_avatar_label_group, GbAvatarProfilePhoto as gb_avatar_profile_photo, GbBadges as gb_badge, BadgeClose as gb_badge_close, GbButton$1 as gb_btn, GbButton as gb_button, GbButtonClose as gb_button_close, GbButtonGroup as gb_button_group, GbButtonGroupBase as gb_button_group_base, GbCarouselArrow as gb_carousel_arrow, GbCheckbox as gb_checkbox, GbCheckboxBase as gb_checkbox_base, GbCollapseButton as gb_collapse_button, GbComplexPrimarySideBarItem as gb_complex_primary_side_bar_item, GbComplexSecondarySideBarItem as gb_complex_secondary_side_bar_item, GbContactHelpDropdown as gb_contact_help_dropdown, GbDatePicker as gb_date_picker, GbDatePickerListItem as gb_date_picker_list_item, GbDropdownShortcut as gb_dropdown_items_with_shortcut, GbEmptyState as gb_empty_state, GbExportDropdown as gb_export_dropdown, GbExportDropdownItem as gb_export_dropdown_item, GbExportSubDropdown as gb_export_sub_dropdown, GbExportSubDropdownItem as gb_export_sub_dropdown_item, GbFeaturedIcon as gb_featured_icon, GbFileTypeIcon as gb_file_type_icon, GbFilterButton as gb_filter_button, GbFilterModal as gb_filter_modal, GbHeader as gb_header, GbHeaderIcon as gb_header_icon, GbHelpDropdown as gb_help_dropdown, GbHelpTooltip as gb_help_tooltip, GbHorizontalTabs as gb_horizontal_tabs, GbIcon as gb_icon, GbIconButtonBase as gb_icon_button_base, GbIllustration as gb_illustration, GbInputDropdown as gb_input_dropdown, GbInputDropdownMenuItem as gb_input_dropdown_menu_item, GbInputField as gb_input_field, GbNotificationContent as gb_notification_content, GbNotificationPane as gb_notification_pane, GbPagination as gb_pagination, GbPaginationButtonGroupBase as gb_pagination_button_group_base, GbPaginationDotIndicator as gb_pagination_dot_indicator, GbPaginationNumberBase as gb_pagination_number_base, GbPasswordButton as gb_password_button, GbPattern as gb_pattern, GbPortal as gb_portal, GbPromptModal as gb_prompt_modal, GbSidebar as gb_sidebar, GbSidebarBaseItem as gb_sidebar_base_item, GbSidebarChildItem as gb_sidebar_child_item, GbSidebarSubDropdown as gb_sidebar_sub_dropdown, GbSimpleSideBarItem as gb_simple_side_bar_item, GbStatusIndicator as gb_status_indicator, GbStepBase as gb_step_base, GbStepIconBase as gb_step_icon_base, GbStepperHorizontalIconsCentered as gb_stepper_horizontal_icons_centered, GbTabButtonBase as gb_tab_button_base, GbTable as gb_table, GbTableHeader as gb_table_header, GbTag as gb_tag, GbTagCheckbox as gb_tag_checkbox, GbTagClose as gb_tag_close, GbTagCount as gb_tag_count, GbTextareaInputField as gb_textarea_input_field, GbThemeTab as gb_theme_tab, GbToast as gb_toast, GbToastButton as gb_toast_button, GbToggle as gb_toggle, GbToggleBase as gb_toggle_base, GbTooltip as gb_tooltip };
-//# sourceMappingURL=gb-accordion-card.gb-action-panel.gb-app-name-card.gb-avatar.gb-avatar-add-button.gb-avatar-contrast-inner-border.gb-avatar-dropdown.gb-avatar-group.gb-avatar-label-group.gb-avatar-profile-photo.gb-badge.gb-badge-close.gb-btn.gb-button.gb-button-close.gb-button-group.gb-button-group-base.gb-carousel-arrow.gb-checkbox.gb-checkbox-base.gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-contact-help-dropdown.gb-date-picker.gb-date-picker-list-item.gb-dropdown-items-with-shortcut.gb-empty-state.gb-export-dropdown.gb-export-dropdown-item.gb-export-sub-dropdown.gb-export-sub-dropdown-item.gb-featured-icon.gb-file-type-icon.gb-filter-button.gb-filter-modal.gb-header.gb-header-icon.gb-help-dropdown.gb-help-tooltip.gb-horizontal-tabs.gb-icon.gb-icon-button-base.gb-illustration.gb-input-dropdown.gb-input-dropdown-menu-item.gb-input-field.gb-notification-content.gb-notification-pane.gb-pagination.gb-pagination-button-group-base.gb-pagination-dot-indicator.gb-pagination-number-base.gb-password-button.gb-pattern.gb-portal.gb-prompt-modal.gb-sidebar.gb-sidebar-base-item.gb-sidebar-child-item.gb-sidebar-sub-dropdown.gb-simple-side-bar-item.gb-status-indicator.gb-step-base.gb-step-icon-base.gb-stepper-horizontal-icons-centered.gb-tab-button-base.gb-table.gb-table-header.gb-tag.gb-tag-checkbox.gb-tag-close.gb-tag-count.gb-textarea-input-field.gb-theme-tab.gb-toast.gb-toast-button.gb-toggle.gb-toggle-base.gb-tooltip.entry.js.map
+const TestWrapper = class {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+        // Framework-agnostic per-row renderer. In an Angular app this is where you'd
+        // use ViewContainerRef.createComponent(...) and append ref.location.nativeElement.
+        this.renderRowAction = (container, row, emit) => {
+            const btn = document.createElement('gb-button');
+            btn.setAttribute('size', 'md');
+            btn.setAttribute('hierarchy', 'link_color');
+            btn.setAttribute('icon', 'default');
+            btn.setAttribute('icon-leading', 'true');
+            btn.setAttribute('icon-leading-swap', 'assets/icons/transition-right/stroke/rounded.svg');
+            const label = document.createElement('p');
+            // Render the row id so it's obvious each row gets its own content.
+            label.textContent = `Action ${row.id}`;
+            btn.appendChild(label);
+            // Fire the table's rowActionClicked event, just like the built-in button type.
+            btn.addEventListener('click', () => emit('custom_submit'));
+            container.appendChild(btn);
+        };
+    }
+    render() {
+        return (h("gb-table", { key: '568cf81b557712c61278a86ac7a80fb2be95d586', renderCustomActions: this.renderRowAction, paginationConfig: { paginationMode: 'internal', entriesDropdownMenuPosition: 'top', currentPage: 1, pageSize: 5 }, onRowActionClicked: (e) => console.log('rowActionClicked', e.detail) }));
+    }
+};
+
+export { GbAccordionCard as gb_accordion_card, GbActionPanel as gb_action_panel, GbAppNameCard as gb_app_name_card, GbAvatar as gb_avatar, GbAvatarAddButton as gb_avatar_add_button, GbAvatarContrastInnerBorder as gb_avatar_contrast_inner_border, GbAvatarDropdown as gb_avatar_dropdown, GbAvatarGroup as gb_avatar_group, GbAvatarLabelGroup as gb_avatar_label_group, GbAvatarProfilePhoto as gb_avatar_profile_photo, GbBadges as gb_badge, BadgeClose as gb_badge_close, GbButton$1 as gb_btn, GbButton as gb_button, GbButtonClose as gb_button_close, GbButtonGroup as gb_button_group, GbButtonGroupBase as gb_button_group_base, GbCarouselArrow as gb_carousel_arrow, GbCheckbox as gb_checkbox, GbCheckboxBase as gb_checkbox_base, GbCollapseButton as gb_collapse_button, GbComplexPrimarySideBarItem as gb_complex_primary_side_bar_item, GbComplexSecondarySideBarItem as gb_complex_secondary_side_bar_item, GbContactHelpDropdown as gb_contact_help_dropdown, GbDatePicker as gb_date_picker, GbDatePickerListItem as gb_date_picker_list_item, GbDropdownShortcut as gb_dropdown_items_with_shortcut, GbEmptyState as gb_empty_state, GbExportDropdown as gb_export_dropdown, GbExportDropdownItem as gb_export_dropdown_item, GbExportSubDropdown as gb_export_sub_dropdown, GbExportSubDropdownItem as gb_export_sub_dropdown_item, GbFeaturedIcon as gb_featured_icon, GbFileTypeIcon as gb_file_type_icon, GbFilterButton as gb_filter_button, GbFilterModal as gb_filter_modal, GbHeader as gb_header, GbHeaderIcon as gb_header_icon, GbHelpDropdown as gb_help_dropdown, GbHelpTooltip as gb_help_tooltip, GbHorizontalTabs as gb_horizontal_tabs, GbIcon as gb_icon, GbIconButtonBase as gb_icon_button_base, GbIllustration as gb_illustration, GbInputDropdown as gb_input_dropdown, GbInputDropdownMenuItem as gb_input_dropdown_menu_item, GbInputField as gb_input_field, GbNotificationContent as gb_notification_content, GbNotificationPane as gb_notification_pane, GbPagination as gb_pagination, GbPaginationButtonGroupBase as gb_pagination_button_group_base, GbPaginationDotIndicator as gb_pagination_dot_indicator, GbPaginationNumberBase as gb_pagination_number_base, GbPasswordButton as gb_password_button, GbPattern as gb_pattern, GbPortal as gb_portal, GbPromptModal as gb_prompt_modal, GbSidebar as gb_sidebar, GbSidebarBaseItem as gb_sidebar_base_item, GbSidebarChildItem as gb_sidebar_child_item, GbSidebarSubDropdown as gb_sidebar_sub_dropdown, GbSimpleSideBarItem as gb_simple_side_bar_item, GbStatusIndicator as gb_status_indicator, GbStepBase as gb_step_base, GbStepIconBase as gb_step_icon_base, GbStepperHorizontalIconsCentered as gb_stepper_horizontal_icons_centered, GbTabButtonBase as gb_tab_button_base, GbTable as gb_table, GbTableHeader as gb_table_header, GbTag as gb_tag, GbTagCheckbox as gb_tag_checkbox, GbTagClose as gb_tag_close, GbTagCount as gb_tag_count, GbTextareaInputField as gb_textarea_input_field, GbThemeTab as gb_theme_tab, GbToast as gb_toast, GbToastButton as gb_toast_button, GbToggle as gb_toggle, GbToggleBase as gb_toggle_base, GbTooltip as gb_tooltip, TestWrapper as test_wrapper };
+//# sourceMappingURL=gb-accordion-card.gb-action-panel.gb-app-name-card.gb-avatar.gb-avatar-add-button.gb-avatar-contrast-inner-border.gb-avatar-dropdown.gb-avatar-group.gb-avatar-label-group.gb-avatar-profile-photo.gb-badge.gb-badge-close.gb-btn.gb-button.gb-button-close.gb-button-group.gb-button-group-base.gb-carousel-arrow.gb-checkbox.gb-checkbox-base.gb-collapse-button.gb-complex-primary-side-bar-item.gb-complex-secondary-side-bar-item.gb-contact-help-dropdown.gb-date-picker.gb-date-picker-list-item.gb-dropdown-items-with-shortcut.gb-empty-state.gb-export-dropdown.gb-export-dropdown-item.gb-export-sub-dropdown.gb-export-sub-dropdown-item.gb-featured-icon.gb-file-type-icon.gb-filter-button.gb-filter-modal.gb-header.gb-header-icon.gb-help-dropdown.gb-help-tooltip.gb-horizontal-tabs.gb-icon.gb-icon-button-base.gb-illustration.gb-input-dropdown.gb-input-dropdown-menu-item.gb-input-field.gb-notification-content.gb-notification-pane.gb-pagination.gb-pagination-button-group-base.gb-pagination-dot-indicator.gb-pagination-number-base.gb-password-button.gb-pattern.gb-portal.gb-prompt-modal.gb-sidebar.gb-sidebar-base-item.gb-sidebar-child-item.gb-sidebar-sub-dropdown.gb-simple-side-bar-item.gb-status-indicator.gb-step-base.gb-step-icon-base.gb-stepper-horizontal-icons-centered.gb-tab-button-base.gb-table.gb-table-header.gb-tag.gb-tag-checkbox.gb-tag-close.gb-tag-count.gb-textarea-input-field.gb-theme-tab.gb-toast.gb-toast-button.gb-toggle.gb-toggle-base.gb-tooltip.test-wrapper.entry.js.map

package/dist/esm/gb-token-field-compact.entry.js

@@ -43,7 +43,7 @@ const GbTokenFieldCompact = class {
         }
     }
     render() {
-        return (h("div", { key: '53c70ab182e720009efd5ff778d6bc102fe497ac', class: `compact_field_wrapper ${this.size}` }, h("div", { key: '924126eea6c264b9814828f447d1be60bf84c313', class: "input_with_label" }, this.showLabel && h("label", { key: 'ad29c071af181b3c7329d24d9e2222ac303c0de3', class: "text-sm-medium" }, this.label), h("input", { key: '13631dc22b354866a10eb71309ad797fcce02be6', class: `token_input ${this.size}`, type: "text", inputMode: "numeric", placeholder: '-'.repeat(this.digits), value: this.inputValue, maxLength: this.digits, onInput: e => this.emitInputtedToken(e), onKeyDown: e => this.handleKeyDown(e), onPaste: e => this.handlePaste(e), ref: el => (this.inputEl = el) })), this.showSupportingText && h("p", { key: 'ef03fd729a0c5a8e773e22e5d54cd4af14af5a7e', class: "supporting_text text-sm-regular" }, this.supportingText)));
+        return (h("div", { key: '43d241bbf4bc3464863300ddb0089ceff606107d', class: `compact_field_wrapper ${this.size}` }, h("div", { key: 'beea89f5a01bedacd27b8a40d7924e0be8ce884c', class: "input_with_label" }, this.showLabel && h("label", { key: 'f87c24ad063031e32670bf9dedb688b3397a9fbd', class: "text-sm-medium" }, this.label), h("input", { key: 'ae414f39983a7e32ad3feb5f78fcd15847d20c84', class: `token_input ${this.size}`, type: "text", inputMode: "numeric", placeholder: '-'.repeat(this.digits), value: this.inputValue, maxLength: this.digits, onInput: e => this.emitInputtedToken(e), onKeyDown: e => this.handleKeyDown(e), onPaste: e => this.handlePaste(e), ref: el => (this.inputEl = el) })), this.showSupportingText && h("p", { key: '7cc4761cfd625f915570e89a779bae85967ef1b2', class: "supporting_text text-sm-regular" }, this.supportingText)));
     }
     get el() { return getElement(this); }
 };