globuswebcomponents 2.10.2 → 2.10.3

package/dist/components/{p-Dy0A4tjX.js.map → p-wbR36hMv.js.map}

@@ -1 +1 @@
-{"file":"p-Dy0A4tjX.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,g0qEAAg0qE;;MCQ70qE,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAIvB,IAAA,iBAAiB,CAAC,IAAY,EAAA;AAC5B,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGjC,MAAM,GAAA;AACF,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CACE,CAAA,iCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,QACJ,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,EAAA,CAC3B,CAC/B,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,KAAK,EAAA,EACd,CACE,CAAA,iCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,QACJ,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAA,CACpB,CAC/B,EACL,IAAI,CAAC,YAAY,KAChB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CACE,CAAA,iCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EACJ,IAAA,EAAA,OAAO,EAAC,qBAAqB,EAC7B,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,EAAA,CAC3B,CAC/B,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-help-dropdown/gb-help-dropdown.css?tag=gb-help-dropdown&encapsulation=shadow","src/components/gb-help-dropdown/gb-help-dropdown.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.dropdown-container {\r\n    display: flex;\r\n    width: 13.3125rem;\r\n    padding: var(--spacing-half) 0;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: var(--spacing-half);\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.user_guide,\r\n.bug,\r\n.log_error{\r\n    width: 100%;\r\n}\r\n\r\ngb-dropdown-items-with-shortcut {\r\n    width: fit-content;\r\n    max-width: 100%;\r\n}\r\n\r\ngb-dropdown-items-with-shortcut.shortcut-container {\r\n    width: 205px;\r\n}","import {Component, Event, EventEmitter, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'gb-help-dropdown',\r\n    styleUrl: 'gb-help-dropdown.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbHelpDropdown {\r\n    @Prop() showLogError: boolean;\r\n    @Event() helpItemClicked: EventEmitter<string>;\r\n\r\n    onHelpItemClicked(item: string) {\r\n      this.helpItemClicked.emit(item)\r\n    }\r\n\r\n    render(){\r\n        return (\r\n          <div class=\"dropdown-container\">\r\n            <div class=\"user_guide\">\r\n              <gb-dropdown-items-with-shortcut\r\n                icon\r\n                iconSrc=\"assets/book_open.svg\"\r\n                label=\"Download user guide\"\r\n                onClick={() => this.onHelpItemClicked('download_user_guide')}\r\n              ></gb-dropdown-items-with-shortcut>\r\n            </div>\r\n            <div class=\"bug\">\r\n              <gb-dropdown-items-with-shortcut\r\n                icon\r\n                iconSrc=\"assets/bug_02.svg\"\r\n                label=\"Report a bug\"\r\n                onClick={() => this.onHelpItemClicked('report_a_bug')}\r\n              ></gb-dropdown-items-with-shortcut>\r\n            </div>\r\n            {this.showLogError && (\r\n              <div class=\"log_error\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/alert_02.svg\"\r\n                  label=\"Log a profile error\"\r\n                  onClick={() => this.onHelpItemClicked('log_a_profile_error')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            )}\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}
+{"file":"p-wbR36hMv.js","mappings":";;;;;AAAA,MAAM,iBAAiB,GAAG,g0qEAAg0qE;;MCQ70qE,cAAc,iBAAAA,kBAAA,CAAA,MAAA,cAAA,SAAAC,CAAA,CAAA;;;;;;;;;AAIvB,IAAA,iBAAiB,CAAC,IAAY,EAAA;AAC5B,QAAA,IAAI,CAAC,eAAe,CAAC,IAAI,CAAC,IAAI,CAAC;;IAGjC,MAAM,GAAA;AACF,QAAA,QACE,CAAA,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAK,KAAK,EAAC,oBAAoB,EAAA,EAC7B,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,YAAY,EAAA,EACrB,CACE,CAAA,iCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,QACJ,OAAO,EAAC,sBAAsB,EAC9B,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,EAAA,CAC3B,CAC/B,EACN,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,KAAK,EAAA,EACd,CACE,CAAA,iCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,QACJ,OAAO,EAAC,mBAAmB,EAC3B,KAAK,EAAC,cAAc,EACpB,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,cAAc,CAAC,EAAA,CACpB,CAC/B,EACL,IAAI,CAAC,YAAY,KAChB,CAAK,CAAA,KAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,KAAK,EAAC,WAAW,EAAA,EACpB,CACE,CAAA,iCAAA,EAAA,EAAA,GAAA,EAAA,0CAAA,EAAA,IAAI,EACJ,IAAA,EAAA,OAAO,EAAC,qBAAqB,EAC7B,KAAK,EAAC,qBAAqB,EAC3B,OAAO,EAAE,MAAM,IAAI,CAAC,iBAAiB,CAAC,qBAAqB,CAAC,EAAA,CAC3B,CAC/B,CACP,CACG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","names":["__stencil_proxyCustomElement","HTMLElement"],"sources":["src/components/gb-help-dropdown/gb-help-dropdown.css?tag=gb-help-dropdown&encapsulation=shadow","src/components/gb-help-dropdown/gb-help-dropdown.tsx"],"sourcesContent":["@import '../../global/global.css';\r\n\r\n.dropdown-container {\r\n    display: flex;\r\n    width: 13.3125rem;\r\n    padding: var(--spacing-half) 0;\r\n    flex-direction: column;\r\n    justify-content: center;\r\n    gap: var(--spacing-half);\r\n    border-radius: var(--rounded-sm);\r\n    border: 1px solid var(--color-border-subtler, #E3E8EF);\r\n    background: var(--color-surface, #FFFFFF);\r\n    box-shadow: var(--shadow-sm);\r\n}\r\n\r\n.user_guide,\r\n.bug,\r\n.log_error{\r\n    width: 100%;\r\n}\r\n\r\ngb-dropdown-items-with-shortcut {\r\n    width: fit-content;\r\n    max-width: 100%;\r\n}\r\n\r\ngb-dropdown-items-with-shortcut.shortcut-container {\r\n    width: 205px;\r\n}","import {Component, Event, EventEmitter, Prop, h } from '@stencil/core';\r\n\r\n@Component({\r\n    tag: 'gb-help-dropdown',\r\n    styleUrl: 'gb-help-dropdown.css',\r\n    shadow: true\r\n})\r\n\r\nexport class GbHelpDropdown {\r\n    @Prop() showLogError: boolean;\r\n    @Event() helpItemClicked: EventEmitter<string>;\r\n\r\n    onHelpItemClicked(item: string) {\r\n      this.helpItemClicked.emit(item)\r\n    }\r\n\r\n    render(){\r\n        return (\r\n          <div class=\"dropdown-container\">\r\n            <div class=\"user_guide\">\r\n              <gb-dropdown-items-with-shortcut\r\n                icon\r\n                iconSrc=\"assets/book_open.svg\"\r\n                label=\"Download user guide\"\r\n                onClick={() => this.onHelpItemClicked('download_user_guide')}\r\n              ></gb-dropdown-items-with-shortcut>\r\n            </div>\r\n            <div class=\"bug\">\r\n              <gb-dropdown-items-with-shortcut\r\n                icon\r\n                iconSrc=\"assets/bug_02.svg\"\r\n                label=\"Report a bug\"\r\n                onClick={() => this.onHelpItemClicked('report_a_bug')}\r\n              ></gb-dropdown-items-with-shortcut>\r\n            </div>\r\n            {this.showLogError && (\r\n              <div class=\"log_error\">\r\n                <gb-dropdown-items-with-shortcut\r\n                  icon\r\n                  iconSrc=\"assets/alert_02.svg\"\r\n                  label=\"Log a profile error\"\r\n                  onClick={() => this.onHelpItemClicked('log_a_profile_error')}\r\n                ></gb-dropdown-items-with-shortcut>\r\n              </div>\r\n            )}\r\n          </div>\r\n        );\r\n    }\r\n}"],"version":3}

package/dist/components/test-input-tag.js

@@ -1,15 +1,15 @@
 import { p as proxyCustomElement, H, c as createEvent, h } from './p-BRNi2eAa.js';
 import { S as StateEnum } from './p-cHn6O-Kf.js';
-import { d as defineCustomElement$b } from './p-CCJRBTmm.js';
+import { d as defineCustomElement$b } from './p-BpoNaOin.js';
 import { d as defineCustomElement$a } from './p-CBhs3lgE.js';
 import { d as defineCustomElement$9 } from './p-C3Ajgg65.js';
 import { d as defineCustomElement$8 } from './p-BSWqodKJ.js';
-import { d as defineCustomElement$7 } from './p-vPCRhWG0.js';
-import { d as defineCustomElement$6 } from './p-PCho9z7U.js';
-import { d as defineCustomElement$5 } from './p-6Kej_eJl.js';
-import { d as defineCustomElement$4 } from './p-BbkOZ1UN.js';
-import { d as defineCustomElement$3 } from './p-BJFPVKGm.js';
-import { d as defineCustomElement$2 } from './p-BywypKHW.js';
+import { d as defineCustomElement$7 } from './p-CTquChw2.js';
+import { d as defineCustomElement$6 } from './p-DaM2q3ak.js';
+import { d as defineCustomElement$5 } from './p-CxmrLytr.js';
+import { d as defineCustomElement$4 } from './p-CMSgQk_J.js';
+import { d as defineCustomElement$3 } from './p-B6k24H6F.js';
+import { d as defineCustomElement$2 } from './p-QMvxRWGo.js';
 
 const testInputTagCss = ".input_group{--height:auto;--inputheight:4.5rem;--weight:100%;display:flex;position:relative}.input_like_parent{width:100%;border:1px solid var(--color-border-input, #CDD5DF);border-radius:var(--rounded-sm);padding:0.625rem 0.875rem 0.625rem var(--spacing-3)}.input_like{width:100%;overflow-y:scroll;transition:height 50ms ease-in-out}.results_display{display:flex;flex-wrap:wrap;gap:0.5rem;background-color:var(--color-surface, #FFFFFF);display:none;margin-top:0.5rem}.results_display.show_results{display:block}.tags{padding-top:1rem}.dropdown_list.show{display:block}.dropdown_menu{display:flex;width:100%;max-height:15rem;padding:var(--spacing-none);flex-direction:column;align-items:stretch;border-radius:var(--rounded-sm);border:1px solid var(--color-border-subtler, #E3E8EF);background:var(--color-surface, #FFFFFF);box-shadow:var(--shadow-sm);position:absolute;top:100%;z-index:10;gap:var(--spacing-none);transition:1s ease-in-out}";
 
@@ -89,7 +89,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         this.exportValue.emit(this.selectedStaff);
     }
     render() {
-        return (h("div", { key: '4cf3a4dcae8ea7e5f250c8abe140374e35e2f34a', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '0ef57dae483ce3eff8398a7310a311b9efa9b336', htmlFor: this.idOfInput }, this.labelText), h("div", { key: 'f0f1cf6bdb97fac2a3d373bb6ebdfbda6a8399ae', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: 'b43970af3e40869dc33d5c75f1d6c1de358335e1', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: 'e8488d2d3218465bb60db9271b7f4e0bf8805bcf', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
+        return (h("div", { key: '23dc44e2de156da096c5e7cfba820814c2d8d800', class: "input_group", ref: el => (this.inputGroupElement = el) }, h("label", { key: '198f0aaeaa73aff01f2f93cebf49a6d9cf938f7d', htmlFor: this.idOfInput }, this.labelText), h("div", { key: '1fafe90f0068bbf4621178ff2075b84438cb3a72', class: "input_like_parent", onClick: () => (this.dropdownOpen = !this.dropdownOpen) }, h("input", { key: '965b799a0a7b7ffd8c3ffdd7ab6914ca872eb4ae', id: this.idOfInput, class: "input_like", type: "text", placeholder: this.placeholderText, value: this.inputValue, readOnly: this.isReadOnly, ref: el => (this.inputElement = el), onBlur: () => this.exportSelectedStaff() }), h("div", { key: 'f74d88a8b7e37c1b257c513d5de377a18e8da339', class: `results_display ${this.selectedStaff.length >= 1 ? 'show_results' : ''}`, ref: el => (this.resultsDisplayElement = el) }, this.selectedStaff.map((staff, index) => (
         //   <span>
         //     {staff.fullname}
         //     <img
@@ -98,7 +98,7 @@ const TestInputTag$1 = /*@__PURE__*/ proxyCustomElement(class TestInputTag exten
         //       onClick={() => this.removeStaff(index)}
         //     />
         //   </span>
-        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: 'fcc90635a030c8394393c7d2ed58df18e2fd12d7', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
+        h("gb-tag", { size: "sm", action: "X_close", icon: "avatar", onClick: () => this.removeStaff(index) }, h("h1", { slot: "initials" }, staff.fullname.split(' ').map(part => part.charAt(0).toUpperCase())), h("p", null, staff.fullname.split(' ')[0])))))), this.show && (h("div", { key: '2d9a828134476ebdd8c26339fdda6d8ba1079ca0', class: `dropdown_menu ${this.show ? 'show' : ''}` }, this.staffInfo.map(staff => (
         //   <li class="aList" onClick={() => this.selectStaff(staff)}>
         //     <div>{staff.fullname}</div>
         //     <div>{staff.email}</div>

package/dist/docs.json

@@ -1,5 +1,5 @@
 {
-  "timestamp": "2026-02-23T10:34:55",
+  "timestamp": "2026-02-24T09:52:53",
   "compiler": {
     "name": "@stencil/core",
     "version": "4.38.3",
@@ -9813,6 +9813,7 @@
       "slots": [],
       "parts": [],
       "dependents": [
+        "gb-filter-modal",
         "gb-table-header"
       ],
       "dependencies": [
@@ -9827,6 +9828,9 @@
         "gb-button": [
           "gb-tooltip"
         ],
+        "gb-filter-modal": [
+          "gb-date-picker"
+        ],
         "gb-table-header": [
           "gb-date-picker"
         ]
@@ -13923,11 +13927,17 @@
       ],
       "dependencies": [
         "gb-button-close",
+        "gb-date-picker",
         "gb-button"
       ],
       "dependencyGraph": {
         "gb-filter-modal": [
           "gb-button-close",
+          "gb-date-picker",
+          "gb-button"
+        ],
+        "gb-date-picker": [
+          "gb-date-picker-list-item",
           "gb-button"
         ],
         "gb-button": [
@@ -27472,10 +27482,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n    // { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, supportingText: row => row.role, mobile: { position: 'top_right' } },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },\r\n    // {\r\n    //   key: 'status',\r\n    //   label: 'Status',\r\n    //   cellComponent: 'gb-badge',\r\n    //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n    //   cellSlots: {\r\n    //     default: {\r\n    //       tag: 'p',\r\n    //       content: row => row.status,\r\n    //     },\r\n    //   },\r\n    // },\r\n  ]"
+              "text": "[\r\n    { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n    { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, supportingText: row => row.role, mobile: { position: 'top_right' } },\r\n    { key: 'role', label: 'Role' },\r\n    { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },\r\n    {\r\n      key: 'status',\r\n      label: 'Status',\r\n      cellComponent: 'gb-badge',\r\n      cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n      cellSlots: {\r\n        default: {\r\n          tag: 'p',\r\n          content: row => row.status,\r\n        },\r\n      },\r\n    },\r\n  ]"
             }
           ],
-          "default": "[\r\n    // { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    // { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n    // { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, supportingText: row => row.role, mobile: { position: 'top_right' } },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },\r\n    // {\r\n    //   key: 'status',\r\n    //   label: 'Status',\r\n    //   cellComponent: 'gb-badge',\r\n    //   cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n    //   cellSlots: {\r\n    //     default: {\r\n    //       tag: 'p',\r\n    //       content: row => row.status,\r\n    //     },\r\n    //   },\r\n    // },\r\n  ]",
+          "default": "[\r\n    { key: 'id', label: '#', width: '70px', sortable: true, sortType: 'string', mobile: { position: 'top_left' } },\r\n    { key: 'date', label: 'Date', value: row => row.date.toLocaleString(), mobile: { position: 'bottom_left' } },\r\n    { key: 'name', label: 'Name', sortable: true, sortType: 'string', helpIcon: true, supportingText: row => row.role, mobile: { position: 'top_right' } },\r\n    { key: 'role', label: 'Role' },\r\n    { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number' },\r\n    {\r\n      key: 'status',\r\n      label: 'Status',\r\n      cellComponent: 'gb-badge',\r\n      cellProps: row => ({ color: row.status === 'Completed' ? 'success' : 'error', type: 'badge_modern', size: 'sm', icon: 'dot' }),\r\n      cellSlots: {\r\n        default: {\r\n          tag: 'p',\r\n          content: row => row.status,\r\n        },\r\n      },\r\n    },\r\n  ]",
           "values": [
             {
               "type": "TableColumn[]"
@@ -27500,10 +27510,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // {\r\n    //   id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',\r\n    //   date: 'Jan 1, 2022',\r\n    //   name: 'Emma Johnson',\r\n    //   role: 'Frontend Developer',\r\n    //   level: 'Today',\r\n    //   customer: 'John Doe',\r\n    //   amount: '$120.00',\r\n    //   status: 'Completed',\r\n    // },\r\n    // { id: '#3002', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3003', date: new Date(), name: 'Liam Smith', role: 'Frontend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3004', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3005', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3006', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },\r\n    // { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },\r\n    // { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },\r\n    // { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },\r\n    // { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },\r\n    // { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },\r\n    // { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },\r\n    // { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },\r\n    // { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },\r\n    // { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },\r\n    // { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },\r\n    // { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },\r\n    // { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },\r\n    // { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },\r\n    // { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },\r\n    // { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },\r\n    // { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },\r\n    // { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },\r\n    // { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },\r\n    // { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },\r\n    // { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },\r\n    // { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },\r\n    // { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },\r\n    // { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },\r\n    // { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },\r\n    // { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },\r\n    // { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },\r\n    // { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },\r\n  ]"
+              "text": "[\r\n    // {\r\n    //   id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',\r\n    //   date: 'Jan 1, 2022',\r\n    //   name: 'Emma Johnson',\r\n    //   role: 'Frontend Developer',\r\n    //   level: 'Today',\r\n    //   customer: 'John Doe',\r\n    //   amount: '$120.00',\r\n    //   status: 'Completed',\r\n    // },\r\n    // { id: '#3002', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3003', date: new Date(), name: 'Liam Smith', role: 'Frontend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3004', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3005', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3006', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },\r\n    { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },\r\n    { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },\r\n    { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },\r\n    { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },\r\n    { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },\r\n    { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },\r\n    { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },\r\n    { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },\r\n    { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },\r\n    { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },\r\n    { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },\r\n    { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },\r\n    { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },\r\n    { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },\r\n    { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },\r\n    { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },\r\n    { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },\r\n    { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },\r\n    { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },\r\n    { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },\r\n    { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },\r\n    { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },\r\n    { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },\r\n    { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },\r\n    { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },\r\n    { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },\r\n    { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },\r\n  ]"
             }
           ],
-          "default": "[\r\n    // {\r\n    //   id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',\r\n    //   date: 'Jan 1, 2022',\r\n    //   name: 'Emma Johnson',\r\n    //   role: 'Frontend Developer',\r\n    //   level: 'Today',\r\n    //   customer: 'John Doe',\r\n    //   amount: '$120.00',\r\n    //   status: 'Completed',\r\n    // },\r\n    // { id: '#3002', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3003', date: new Date(), name: 'Liam Smith', role: 'Frontend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3004', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3005', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3006', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },\r\n    // { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },\r\n    // { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },\r\n    // { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },\r\n    // { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },\r\n    // { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },\r\n    // { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },\r\n    // { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },\r\n    // { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },\r\n    // { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },\r\n    // { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },\r\n    // { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },\r\n    // { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },\r\n    // { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },\r\n    // { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },\r\n    // { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },\r\n    // { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },\r\n    // { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },\r\n    // { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },\r\n    // { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },\r\n    // { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },\r\n    // { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },\r\n    // { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },\r\n    // { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },\r\n    // { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },\r\n    // { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },\r\n    // { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },\r\n    // { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },\r\n  ]",
+          "default": "[\r\n    // {\r\n    //   id: '#30011111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111111',\r\n    //   date: 'Jan 1, 2022',\r\n    //   name: 'Emma Johnson',\r\n    //   role: 'Frontend Developer',\r\n    //   level: 'Today',\r\n    //   customer: 'John Doe',\r\n    //   amount: '$120.00',\r\n    //   status: 'Completed',\r\n    // },\r\n    // { id: '#3002', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3003', date: new Date(), name: 'Liam Smith', role: 'Frontend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3004', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3005', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    // { id: '#3006', date: new Date(), name: 'Liam Smith', role: 'Backend Developer', level: 'Today', customer: 'Sarah Wilson', amount: '$85.50', status: 'Pending' },\r\n    { id: '#3003', date: 'Jan 3, 2022', name: 'Olivia Brown', role: 'UI Designer', level: 'Today', customer: 'Michael Lee', amount: '$230.75', status: 'Cancelled' },\r\n    { id: '#3004', date: 'Jan 4, 2022', name: 'Noah Davis', role: 'DevOps Engineer', level: 'Today', customer: 'Emily Clark', amount: '$59.99', status: 'Completed' },\r\n    { id: '#3005', date: 'Jan 5, 2022', name: 'Ava Martinez', role: 'Product Manager', level: 'Today', customer: 'Daniel Harris', amount: '$410.00', status: 'Pending' },\r\n    { id: '#3006', date: 'Jan 6, 2022', name: 'William Garcia', role: 'QA Engineer', level: 'Today', customer: 'Sophia Lewis', amount: '$150.20', status: 'Completed' },\r\n    { id: '#3007', date: 'Jan 7, 2022', name: 'Isabella Rodriguez', role: 'Business Analyst', level: 'Today', customer: 'James Walker', amount: '$78.40', status: 'Pending' },\r\n    { id: '#3008', date: 'Jan 8, 2022', name: 'James Wilson', role: 'Fullstack Developer', level: 'Today', customer: 'Mia Hall', amount: '$300.00', status: 'Completed' },\r\n    { id: '#3009', date: 'Jan 9, 2022', name: 'Sophia Anderson', role: 'UX Researcher', level: 'Today', customer: 'Benjamin Allen', amount: '$95.60', status: 'Cancelled' },\r\n    { id: '#3010', date: 'Jan 10, 2022', name: 'Benjamin Thomas', role: 'Mobile Developer', level: 'Today', customer: 'Charlotte Young', amount: '$210.10', status: 'Completed' },\r\n    { id: '#3011', date: 'Jan 11, 2022', name: 'Mia Taylor', role: 'Data Analyst', level: 'Today', customer: 'Lucas King', amount: '$180.00', status: 'Pending' },\r\n    { id: '#3012', date: 'Jan 12, 2022', name: 'Lucas Moore', role: 'Cloud Engineer', level: 'Today', customer: 'Amelia Scott', amount: '$420.75', status: 'Completed' },\r\n    { id: '#3013', date: 'Jan 13, 2022', name: 'Charlotte Jackson', role: 'Security Engineer', level: 'Today', customer: 'Elijah Green', amount: '$65.90', status: 'Cancelled' },\r\n    { id: '#3014', date: 'Jan 14, 2022', name: 'Elijah Martin', role: 'Technical Lead', level: 'Today', customer: 'Harper Adams', amount: '$510.30', status: 'Completed' },\r\n    { id: '#3015', date: 'Jan 15, 2022', name: 'Amelia Lee', role: 'Scrum Master', level: 'Today', customer: 'Alexander Baker', amount: '$99.99', status: 'Pending' },\r\n    { id: '#3016', date: 'Jan 16, 2022', name: 'Harper Perez', role: 'Frontend Developer', level: 'Today', customer: 'Ella Nelson', amount: '$275.45', status: 'Completed' },\r\n    { id: '#3017', date: 'Jan 17, 2022', name: 'Alexander White', role: 'Backend Developer', level: 'Today', customer: 'Matthew Carter', amount: '$340.00', status: 'Pending' },\r\n    { id: '#3018', date: 'Jan 18, 2022', name: 'Ella Harris', role: 'UI Designer', level: 'Today', customer: 'Avery Mitchell', amount: '$88.80', status: 'Completed' },\r\n    { id: '#3019', date: 'Jan 19, 2022', name: 'Matthew Clark', role: 'DevOps Engineer', level: 'Today', customer: 'Evelyn Perez', amount: '$190.25', status: 'Cancelled' },\r\n    { id: '#3020', date: 'Jan 20, 2022', name: 'Avery Lewis', role: 'Product Manager', level: 'Today', customer: 'Henry Roberts', amount: '$600.00', status: 'Completed' },\r\n    { id: '#3021', date: 'Jan 21, 2022', name: 'Evelyn Walker', role: 'QA Engineer', level: 'Today', customer: 'Luna Turner', amount: '$72.30', status: 'Pending' },\r\n    { id: '#3022', date: 'Jan 22, 2022', name: 'Henry Hall', role: 'Business Analyst', level: 'Today', customer: 'Jack Phillips', amount: '$310.40', status: 'Completed' },\r\n    { id: '#3023', date: 'Jan 23, 2022', name: 'Luna Allen', role: 'Fullstack Developer', level: 'Today', customer: 'Sofia Campbell', amount: '$145.00', status: 'Cancelled' },\r\n    { id: '#3024', date: 'Jan 24, 2022', name: 'Jack Young', role: 'UX Researcher', level: 'Today', customer: 'David Parker', amount: '$260.70', status: 'Completed' },\r\n    { id: '#3025', date: 'Jan 25, 2022', name: 'Sofia Hernandez', role: 'Mobile Developer', level: 'Today', customer: 'Grace Evans', amount: '$89.10', status: 'Pending' },\r\n    { id: '#3026', date: 'Jan 26, 2022', name: 'David King', role: 'Data Analyst', level: 'Today', customer: 'Samuel Edwards', amount: '$410.90', status: 'Completed' },\r\n    { id: '#3027', date: 'Jan 27, 2022', name: 'Grace Wright', role: 'Cloud Engineer', level: 'Today', customer: 'Chloe Collins', amount: '$130.55', status: 'Cancelled' },\r\n    { id: '#3028', date: 'Jan 28, 2022', name: 'Samuel Scott', role: 'Security Engineer', level: 'Today', customer: 'Victoria Stewart', amount: '$555.00', status: 'Completed' },\r\n    { id: '#3029', date: 'Jan 29, 2022', name: 'Chloe Green', role: 'Technical Lead', level: 'Today', customer: 'Nathan Morris', amount: '$205.25', status: 'Pending' },\r\n    { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },\r\n  ]",
           "values": [
             {
               "type": "any[]"
@@ -27534,10 +27544,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    // { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },\r\n  ]"
+              "text": "[\r\n    { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },\r\n  ]"
             }
           ],
-          "default": "[\r\n    // { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    // { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },\r\n  ]",
+          "default": "[\r\n    { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },\r\n    { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },\r\n    { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },\r\n  ]",
           "values": [
             {
               "type": "DropdownOption[]"
@@ -27733,10 +27743,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "[\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]"
+              "text": "[\r\n    { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]"
             }
           ],
-          "default": "[\r\n    // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    // { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]",
+          "default": "[\r\n    { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },\r\n    { label: 'View Details', action: 'view_details', icon: 'assets/view.svg', type: 'button' },\r\n    { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', type: 'button' },\r\n  ]",
           "values": [
             {
               "type": "RowAction[]"
@@ -27794,10 +27804,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "false"
+              "text": "true"
             }
           ],
-          "default": "false",
+          "default": "true",
           "values": [
             {
               "type": "boolean"
@@ -27823,10 +27833,10 @@
           "docsTags": [
             {
               "name": "default",
-              "text": "true"
+              "text": "false"
             }
           ],
-          "default": "true",
+          "default": "false",
           "values": [
             {
               "type": "boolean"
@@ -28209,6 +28219,7 @@
         ],
         "gb-filter-modal": [
           "gb-button-close",
+          "gb-date-picker",
           "gb-button"
         ],
         "gb-empty-state": [
@@ -33143,7 +33154,7 @@
       "path": "src/models/reusableModels.ts"
     },
     "src/models/reusableModels.ts::FilterConfig": {
-      "declaration": "export interface FilterConfig {\r\n    title: string;\r\n    enableDateRange: boolean;\r\n    showClearButton?: boolean;\r\n    additionalFields?: {\r\n      tag: string;\r\n      key: string;\r\n      event: string;\r\n      props: any;\r\n      default?: any;\r\n    }[];\r\n    initialValues: {\r\n      pageNumber: number;\r\n      pageSize: number;\r\n    };\r\n  }",
+      "declaration": "export interface FilterConfig {\r\n    title: string;\r\n    enableDateRange: boolean;\r\n    dateRangeLabel?: string;\r\n    showClearButton?: boolean;\r\n    additionalFields?: {\r\n      tag: string;\r\n      key: string;\r\n      event: string;\r\n      props: any;\r\n      default?: any;\r\n    }[];\r\n    initialValues: {\r\n      pageNumber: number;\r\n      pageSize: number;\r\n    };\r\n  }",
       "docstring": "",
       "path": "src/models/reusableModels.ts"
     },

package/dist/esm/gb-avatar-dropdown_5.entry.js

@@ -160,7 +160,7 @@ const GbHeaderIcon = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: 'c2b35b94959a73bb8efd23fd35a9d2d8420f52d1', class: `background ${this.state}` }, h("div", { key: '7470944f7aa79113951f0908e5325521406aa5de', class: `icon ${this.state === StateEnum.Default ? 'default' : this.state === StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), h(Fragment, null, this.showIndicator && h("div", { key: 'd69db92c26d5148915b75d6b3c9e16e98a923f85', class: "red_dot" }))));
+        return (h("div", { key: '8b2857022d4c3fac3f87bda317db9a237d56a5c0', class: `background ${this.state}` }, h("div", { key: '8dc71f9591a90f94c6486e8972e56411064ab927', class: `icon ${this.state === StateEnum.Default ? 'default' : this.state === StateEnum.Disabled ? 'disabled' : ''}`, innerHTML: this.leadingIconSvg }), h(Fragment, null, this.showIndicator && h("div", { key: '553bc02dddaac06dfba6f35a50f9a48c85b971ee', class: "red_dot" }))));
     }
 };
 GbHeaderIcon.style = gbHeaderIconCss;
@@ -176,7 +176,7 @@ const GbHelpDropdown = class {
         this.helpItemClicked.emit(item);
     }
     render() {
-        return (h("div", { key: '61337f91c01ac8f4d4a907cee175a7aa759d2141', class: "dropdown-container" }, h("div", { key: '23cc4a416e7b557fe0d69ff464de2904e102d99b', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: '89be013685b38b598100f356d475b0efa6f941ae', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: 'f5c50f12bc0992a6906adfe56cb9abb2270e1e25', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: '8223227b3f3b303de0274886d5cfde33fb7b2c55', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: 'c1af32fcd03a3c75c53061e5933d42b3b88aa3fb', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: '9491dd497acfa5326a47a2e5a3d42886bfb7bdf6', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
+        return (h("div", { key: '0f2d9789ed937440884e6cc1aca90a8c8eed0c3a', class: "dropdown-container" }, h("div", { key: 'dc66fde3cc2984113b2b6c68d67a2573d2eaa212', class: "user_guide" }, h("gb-dropdown-items-with-shortcut", { key: '1613961f24ecab2f4649341a4606660a98909d80', icon: true, iconSrc: "assets/book_open.svg", label: "Download user guide", onClick: () => this.onHelpItemClicked('download_user_guide') })), h("div", { key: '377b81f9a34c3a69fd1c91103ee23a34b5c500d0', class: "bug" }, h("gb-dropdown-items-with-shortcut", { key: 'f9e50ca82a77b23de5d3b13df5fe1a0c59381d8f', icon: true, iconSrc: "assets/bug_02.svg", label: "Report a bug", onClick: () => this.onHelpItemClicked('report_a_bug') })), this.showLogError && (h("div", { key: '6c2f919dcfab19faf2b871d08a8befefd5189d6e', class: "log_error" }, h("gb-dropdown-items-with-shortcut", { key: '12ddcc0da13fc0a03da2a59b1971c656cd377762', icon: true, iconSrc: "assets/alert_02.svg", label: "Log a profile error", onClick: () => this.onHelpItemClicked('log_a_profile_error') })))));
     }
 };
 GbHelpDropdown.style = gbHelpDropdownCss;
@@ -235,9 +235,9 @@ const GbNotificationPane = class {
     render() {
         const patternSrc = getAssetPath(`assets/notification_background_pattern.svg`);
         const illustrationSrc = getAssetPath(`assets/notification_illustration.svg`);
-        return (h("div", { key: '19829c5a9d820688040fdd9eb0913da29cb9549f', class: "notification_pane_div" }, this.state === 'empty' && [
-            h("div", { key: '0bd14500dec1504a9aa495eba655a8b625312847', class: `container` }, h("div", { key: 'a6efa21af015a31f7f8dd35c1fd84997ee9df106', class: "frame" }, h("img", { key: 'f024ec1422985fc2e739cae51945e38a92f7073e', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: '08857f9e6324910d6c0bb4ea64e469e1d0164aae', class: "empty_state" }, h("div", { key: '2e129e9f291d778492fc41efca0c4e8346c0bbd5', class: "content" }, h("img", { key: '88ab968f16b1099db5aa3964c3cbace2c7709caa', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '0bb9793f1b7460b8f4eb90358ead4302b493ae37', class: "text" }, h("slot", { key: 'aad0c1ba7885add32bed8bb3d45734a9475c3156', name: "label" }), h("slot", { key: '4bc6f6b72b064f608ecd26b12326d081ac638efe', name: "supporting_text" })))))),
-            h("div", { key: '71d8580457a7101d014af8d1924058b8d05354f8', class: `button` }, h("gb-button", { key: '01957d29215989b053b11fa1f64d4b63f9b018e7', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: '5f4c9d56e207b7f09c48d3985996fe19c0fa07ed' }, "Mark all as read"))),
+        return (h("div", { key: '9c35577b10eabe35e60e5826d9678561f1a2f5e3', class: "notification_pane_div" }, this.state === 'empty' && [
+            h("div", { key: '0f400cf7fb1c033564dd832246707150459c5d45', class: `container` }, h("div", { key: '86a1d1ed76f54d1d2bbe6369dfa4765ed8be0a7a', class: "frame" }, h("img", { key: '612bc90633af2d588f296662cc878ed53cdfa649', src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { key: 'e773938ff63bb54d5fee650e34272ba166d0fc99', class: "empty_state" }, h("div", { key: '545fdfb7b0599deab3530c4ad8c2053464c73ee7', class: "content" }, h("img", { key: '81452e77c499c53bd0787db1a03bffa441c6b6b6', src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { key: '68bc946f9a175b174cdb300b83d217a102e5ba0f', class: "text" }, h("slot", { key: '69a76e8e7a2b530b3cffbcac5ed345a96c5c1f97', name: "label" }), h("slot", { key: '2dde84b57c81ef24e850a6d7d1a3c9b62ef31157', name: "supporting_text" })))))),
+            h("div", { key: 'd81b889f2b79ebf1bcc1d215a0cef8dc49e6280a', class: `button` }, h("gb-button", { key: '3b16d97e44830412f78bb540381aa3cbc9188e1c', size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", { key: 'a2e4eafc6fdc210426fbc7b06b3e6e2e2416536e' }, "Mark all as read"))),
         ], this.state === 'notification_dropdown' && (h(Fragment, null, this.notifications.length > 0 ? (h("div", { class: "notification_dropdown" }, h("div", { class: `content_wrapper` }, this.notifications.map(notification => (h("gb-notification-content", { label: notification.label, time: notification.time, "supporting-text": notification.desc, icon: notification.icon })))), h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg", onClick: () => this.markAllAsRead() }, h("p", null, "Mark all as read")))) : ([
             h("div", { class: `container` }, h("div", { class: "frame" }, h("img", { src: patternSrc, alt: "", class: "empty_state_pattern" }), h("div", { class: "empty_state" }, h("div", { class: "content" }, h("img", { src: illustrationSrc, alt: "bell-icon", class: "bell_icon" }), h("div", { class: "text" }, h("slot", { name: "label" }), h("slot", { name: "supporting_text" })))))),
             h("div", { class: `button` }, h("gb-button", { size: "sm", hierarchy: "tertiary_color", icon: "default", state: "disabled", "icon-leading": true, "icon-leading-swap": "assets/blush_brush.svg" }, h("p", null, "Mark all as read"))),

package/dist/esm/gb-avatar-label-group_3.entry.js

@@ -113,7 +113,7 @@ const GbIconButtonBase = class {
         this.loadIcon(this.icon);
     }
     render() {
-        return (h("div", { key: '3e7e5ab6f46220fc930d19a9dbc30b4ab8fa3968', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: '920942d655a793c893a06078407a92e51ae43743', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '909c328de8f6219490a57c687022ecb85a8d8f78', slot: "label" }, this.label))), h("div", { key: '5c0078013c0cdef3b0142b0d548112bc53cb942d', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '9afa84ae064c2ff7c4da21b8b96ef891b8c7052a', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
+        return (h("div", { key: '1ef8350a2208822db793c79c0c8271e4751577ee', class: "icon_button_base_container" }, this.showTooltip && (h("gb-tooltip", { key: '4a26d37b8e970b912a8de4fac1f69ae3f42b93d1', "show-arrow": true, arrow: "bottom_center", class: "tooltip" }, h("p", { key: '3c00e6fdcf9e22d93148f898c52123b56df814d6', slot: "label" }, this.label))), h("div", { key: 'f1e5124cf44194bc1407218dc562b7c945a5ef30', class: `icon_button_base_div ${this.current ? 'current' : ''}`, onMouseEnter: () => (this.showTooltip = true), onMouseLeave: () => (this.showTooltip = false) }, h("div", { key: '683b9a759ecaac5a2d64a5581f6879dc8ab0f3da', class: `icon ${this.current ? 'current' : ''}`, innerHTML: this.leadingIconSvg }))));
     }
 };
 GbIconButtonBase.style = gbIconButtonBaseCss;
@@ -141,7 +141,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: '21765174381801e6ab0aee202168613e998ec439', class: `theme_tab_div` }, h("div", { key: '2e147aa3c3c229b1a41fb24c3e09b8da9d5f4340', class: "tab" }, h("gb-icon-button-base", { key: '1f034b57d3a880d8db810ed0c5e4f760d8829b3c', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: 'c61328ef629c54465901f3f03c91176a4977e91a', class: "tab" }, h("gb-icon-button-base", { key: '382d1957894c17ffe94c466c56d7b41b39356ace', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '1e28f572300a326a3fa94d83f62fceb80eaf5539', class: "tab" }, h("gb-icon-button-base", { key: '5ac2c8577f4c166b7f89d745ef55cd48f28bac85', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
+        return (h("div", { key: '85052f0e09431447e9f255c691477510864e853b', class: `theme_tab_div` }, h("div", { key: 'f1c2b06650e4956ee9f2778446d3929c86f21fb7', class: "tab" }, h("gb-icon-button-base", { key: '5795be0ca411d12161a64073bfb948df1c00c6b6', current: this.currentActiveTab === 'system' ? true : false, icon: systemIconSrc, label: "System", onClick: () => this.tabClicked('system') })), h("div", { key: '54e08167d3ab0abca6deb92bcaeb0e7111610747', class: "tab" }, h("gb-icon-button-base", { key: '31f45a2d0a454c62d131dbed4c5eeb6e310670f8', current: this.currentActiveTab === 'light' ? true : false, icon: sunSrc, label: "Light", onClick: () => this.tabClicked('light') })), h("div", { key: '45ba651fc4cfb7006be44ff455347da1e1744773', class: "tab" }, h("gb-icon-button-base", { key: '41dc70324d010f7bb3776b967b6d1e450fd33ce3', current: this.currentActiveTab === 'dark' ? true : false, icon: moonSrc, label: "Dark", onClick: () => this.tabClicked('dark') }))));
     }
     get el() { return getElement(this); }
 };