globuswebcomponents 2.11.0 → 2.12.0

package/dist/collection/components/gb-status-indicator/gb-status-indicator.js

@@ -10,7 +10,7 @@ export class GbStatusIndicator {
     render() {
         const companyIconSrc = getAssetPath(`${this.companyIcon}`);
         return [
-            h("div", { key: '4eafafca672bd02c5fd77f18a227cb138990ff47' }, this.statusIcon === 'online_indicator' && h("div", { key: '140f68984386057ba7ae36bb1f3857c4c15921f2', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'cc3d95bb676d576b2d2073faa0e5f48510cdc3f1', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: 'a665ce831d40f174191542b112c3105f5438d25f', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '40e20c687024edfafa7a5e36117b2875d42497cc', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: '858e207a1cc03e1e2ee6e8023b14a79a86ad3740', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: '6a4680c524aba2aae0ff444136810803e54eb241' }, h("clipPath", { key: '4bafb002f42f168943fb94b937157b13999df4cd', id: "clip0_0_21453" }, h("rect", { key: '03b86cf58f83439bdb9c34ae046d2edc87a4f5f1', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h(Fragment, null, !this.companyIcon ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" }))) : (h("img", { class: `company ${this.size}`, src: companyIconSrc, alt: "" }))))),
+            h("div", { key: '75e00632f2df1c78d1e31f9752e95b68e94c7ad6' }, this.statusIcon === 'online_indicator' && h("div", { key: '95a547eb99be61a995328020d3a0b9988c6ab07d', class: `online_icon ${this.size} ${this.indicatorStateClass}` }), this.statusIcon === 'verified' && (h("svg", { key: 'cf441d301699856bf86ae82cbcb909e2c5484c9e', xmlns: "http://www.w3.org/2000/svg", width: "32", height: "32", viewBox: "0 0 32 32", fill: "none", class: `verified ${this.size}` }, h("g", { key: '4d3f1a93869a972d29351412671bd72d6bf8e071', "clip-path": "url(#clip0_0_21453)" }, h("path", { key: '1fe841fd968ce9f5e8b0666c2e38f373c36c9c86', d: "M24.7109 5.66715C25.0148 6.40217 25.5982 6.98642 26.3328 7.29145L28.9086 8.35837C29.6436 8.66285 30.2277 9.24688 30.5321 9.98196C30.8366 10.717 30.8366 11.543 30.5321 12.2781L29.466 14.852C29.1614 15.5874 29.1609 16.4142 29.467 17.1492L30.5313 19.7224C30.6822 20.0865 30.7599 20.4767 30.76 20.8708C30.7601 21.265 30.6825 21.6553 30.5316 22.0194C30.3808 22.3835 30.1597 22.7143 29.881 22.993C29.6022 23.2716 29.2713 23.4926 28.9072 23.6433L26.3332 24.7095C25.5982 25.0134 25.0139 25.5968 24.7089 26.3314L23.642 28.9071C23.3375 29.6422 22.7535 30.2262 22.0184 30.5307C21.2833 30.8352 20.4574 30.8352 19.7223 30.5307L17.1484 29.4646C16.4133 29.1608 15.5876 29.1614 14.853 29.4663L12.2772 30.5317C11.5425 30.8355 10.7173 30.8352 9.98284 30.531C9.24835 30.2267 8.66466 29.6434 8.35997 28.9091L7.29273 26.3326C6.98881 25.5975 6.40543 25.0133 5.67087 24.7083L3.09509 23.6413C2.36033 23.337 1.77648 22.7533 1.47188 22.0187C1.16729 21.284 1.16688 20.4585 1.47073 19.7235L2.53689 17.1496C2.84062 16.4145 2.84 15.5888 2.53517 14.8542L1.47054 12.2766C1.3196 11.9125 1.24188 11.5222 1.24181 11.1281C1.24175 10.734 1.31935 10.3437 1.47017 9.97956C1.621 9.61544 1.8421 9.2846 2.12083 9.00595C2.39957 8.72731 2.73047 8.50632 3.09465 8.35561L5.66858 7.28945C6.40297 6.98579 6.98687 6.40316 7.29212 5.66944L8.35904 3.09366C8.66352 2.35857 9.24754 1.77455 9.98263 1.47007C10.7177 1.16559 11.5436 1.16559 12.2787 1.47007L14.8527 2.53623C15.5878 2.83996 16.4134 2.83934 17.148 2.5345L19.7249 1.47172C20.4599 1.16741 21.2856 1.16748 22.0206 1.4719C22.7555 1.77632 23.3395 2.36017 23.644 3.09507L24.7112 5.67161L24.7109 5.66715Z", fill: "#0086C9" }), h("path", { key: 'c9612a8f46a970c8d4825517cff7dfbcbe5e6b8c', d: "M10 18.1818C10 18.1818 11.2857 18.1818 13 22C13 22 17.7647 12 22 10", stroke: "white", "stroke-width": "2.5", "stroke-linecap": "round", "stroke-linejoin": "round" })), h("defs", { key: 'ea1f49f4f0130d5a5281ef120d504fe5f3bf6d55' }, h("clipPath", { key: 'dd93fe787f6ba27e37aae31524c233574a56191f', id: "clip0_0_21453" }, h("rect", { key: '3cf891082174a68976bae04ffa8db09196c31426', width: "32", height: "32", fill: "white" }))))), this.statusIcon === 'company' && (h(Fragment, null, !this.companyIcon ? (h("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", class: `company ${this.size}` }, h("path", { d: "M18.8322 3.70039C16.9123 2.11995 14.5039 1.25399 12.0172 1.25001C10.6041 1.24776 9.20439 1.52413 7.89818 2.06333C6.59198 2.60252 5.4049 3.39397 4.40485 4.39237C2.64504 6.1493 1.54876 8.462 1.30275 10.9365C1.05674 13.411 1.67622 15.8943 3.05566 17.9633C4.43511 20.0323 6.48919 21.5591 8.86802 22.2836C11.2469 23.0081 13.8033 22.8855 16.1019 21.9367C18.4004 20.9878 20.299 19.2715 21.474 17.0799C22.6491 14.8884 23.0281 12.3572 22.5464 9.91759C22.0647 7.47798 20.7521 5.28082 18.8322 3.70039Z", fill: "#FF0033", stroke: "white", "stroke-width": "1.5" }), h("path", { "fill-rule": "evenodd", "clip-rule": "evenodd", d: "M12.8942 13.7488V11.865L15.2835 11.8807C15.5231 11.8822 15.7598 11.9336 15.9785 12.0314C16.1973 12.1293 16.3933 12.2715 16.5541 12.449C16.715 12.6266 16.8373 12.8357 16.9131 13.063C16.989 13.2903 17.0168 13.5308 16.9948 13.7694C16.9948 16.4275 12.901 16.9969 12.8973 13.7488M12.8973 8.75316C17.3054 6.44066 17.6942 11.5213 15.0323 11.2788H12.886L12.8973 8.75316ZM16.7385 11.5113C19.8985 10.3013 17.2573 5.5894 12.0854 8.5044C11.5544 8.07132 10.9218 7.78073 10.2473 7.66004C8.96979 7.40066 7.25604 7.62628 6.29479 8.52378L6.75917 8.97941C7.2569 8.55053 7.86627 8.27194 8.51626 8.17611C9.16625 8.08028 9.83009 8.17117 10.4304 8.43816C10.6321 8.53335 10.8098 8.67262 10.9505 8.8457C11.0911 9.01879 11.191 9.22127 11.2429 9.43817L11.266 13.7669C11.0785 16.7738 7.20354 16.5413 7.20354 13.7669V11.8682H10.2492V11.295H5.59729V13.1644C5.60917 16.7175 9.93104 17.315 12.0717 15.5863C12.9471 16.2353 14.0184 16.5649 15.1073 16.52C18.9442 16.4938 19.7323 12.3563 16.7273 11.5144L16.7385 11.5113Z", fill: "white" }))) : (h("img", { class: `company ${this.size}`, src: companyIconSrc, alt: "" }))))),
         ];
     }
     static get is() { return "gb-status-indicator"; }

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

@@ -38,7 +38,7 @@ export class GbStepBase {
         this.internalState = newValue;
     }
     render() {
-        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'db926a3d2575068eb2883ae0cb32a588c00f4788', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: '3f2cf669a99c762db799a67cf25e064543f9dc89', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: 'ec737d4f6cba3e115e84295b7a31cf140e12dd5c', class: `text_line_div_content` }, h("p", { key: '7f4ebe1c9320b8fa068242940d75c6f13a40cb7d', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: 'b46ce395202bbe048b32111634d8f4d78d15279e', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: 'd0edd7cd5bdc3dc72439f9588a8e7b471a776a8a', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '393c3da328a58bc860d011cbd0732883a84aeb1c', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '08e1f8b3ad17baeadc6f7a337d36143bfa7ed992', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: 'a286fbe630926f38d8b83a8d340d2818a86d3a7d', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: '7f6bbaef641c4d118d35b40b5369af9130b4593f', class: `icon_left_div ${this.size}` }, h("div", { key: 'e89c89a7927c6da1063a5381fcffe5bf41d3c4eb', class: "connector_wrap" }, h("gb-step-icon-base", { key: 'f0f10700009f33c551993f14ba6a937610786647', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: '0c15503c24952be8d7e2f6bdbc2f3ba4df5fae4e', class: "connector_div" }, h("div", { key: 'fa62939693f6ecf6cf073674d023dd7cdcf025a5', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: 'b42ad7fc62e8be9f89c97dd23de8d4b45912ef62', class: "icon_left_text" }, h("p", { key: '29ac13acf8b9a71da8cbefe1a713a65ad02e5ede', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '65e5e4f8c345fc2b9a4f5e20324b2e8322a04b90', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: 'cfb0ed3a98791554231c3c3cff77aa24ecac4be0', class: `icon_top_div ${this.size}` }, h("div", { key: 'f43f61871083c38ea454c578933f95fbc4419701', class: "step_icon_div" }, h("div", { key: 'f786c72eb59543f8e7d58556271a02049224ca2d', class: "step_icon" }, h("div", { key: 'bb9e9cfdaae8c0af0b83c1862e00f7de67bde6cd', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'c99d9a431c48bb37e43e4deebf33500c64513480', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '8023db70ad8011453faa08b4de181793f531d9d3', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: '8c4d2b7159f77c78b772d9759fd0d42e135fc944', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '5c52309ddc06b771992f6932384871d97d8cedbb', class: "icon_top_content" }, h("p", { key: '5957adcd13d3766d0231e786197faea27fc789bb', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: 'f34b6c82945fec1ca012924f48e024132621d119', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: '8ac0195d5d9bd191eb9a7add1003d60275282547', class: "featured_icon_left_div" }, h("div", { key: 'ca86be399bec491e23ea7eaab7f6569091e250cf', class: "connector_wrap" }, h("gb-featured-icon", { key: 'b7de5e9909b836a7a2271a7a071ee26dc31713c8', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: 'a04163d163dbfd8f828b8654861a307d746aff45', class: "connector_div" }, h("div", { key: '2e7b7fe9bd20894833d2e6bd9c40043274835f14', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: '32cdf119230bb4e3089afb19c2afc012df408e6b', class: "featured_icon_left_content" }, h("p", { key: 'bb6824fb1ed672bdf72a8848d8e9a821ea2169d5', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: '18b19cbf3bee8ac878cc10018fc8ca46b295561d', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
+        return (h(Fragment, null, this.type === 'text_line' && (h(Fragment, null, h("div", { key: 'eb696cfde4a31b5b3a6fbb61d5eaa05c320a16de', class: `bar ${this.size} ${this.status} ${this.internalState}` }), this.showContent && (h("div", { key: '3c205bedc1d8cd50ff3097a295a53491fa51aa1c', class: `text_line_div ${this.size} ${this.status} ${this.internalState}` }, h("div", { key: 'c18bde03492640b20f1dcb0755be3167127f6203', class: `text_line_div_content` }, h("p", { key: '88be544de1aa7ab74eb1828dcd8bb81ac19b0715', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), this.showSupportingText && h("p", { key: '3f373be85614def3311fa7d7c4b9898b85f351bd', class: `text_line_text text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))))), this.type === 'icon_only' && (h("div", { key: '05df55432c4b8b1ed64ae6ac8853aef636ad4125', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: 'fc2aeaeafcc8fed209c67f784554dfd5a1372007', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '7e546909af316f32d3f83af7f6b6e146bfb60e7a', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: 'aa3a483647ea47bb5e0aa94ad0147e6428cd3098', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" }))))), this.type === 'icon_left' && (h("div", { key: 'ef4d4a29cfd5b0bf8f7fb85f2fb8045d3bad7168', class: `icon_left_div ${this.size}` }, h("div", { key: 'aeaf74ce1cb0be725fb05738e58e11b8367de588', class: "connector_wrap" }, h("gb-step-icon-base", { key: 'a8852d1f7070af9fc260a5e451d697dd3686d05c', size: this.size, status: this.internalStatus, state: this.internalState }), this.connector && (h("div", { key: 'cc92bcfef6289e33f5006f30c88adf50afd7fb44', class: "connector_div" }, h("div", { key: 'd741ad9d59b15cd2a359d67cb4a85de47ab5f721', class: `icon_left_connector ${this.internalState} ${this.status}` })))), h("div", { key: '50aa20d906f03d611cc503f1493a2848399efa24', class: "icon_left_text" }, h("p", { key: 'dd54a4b4b58587f53c20d03fa5ce79f663b0a784', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '0e1af02451bfed5577e7e041157663242e4fcb5e', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'icon_top' && (h("div", { key: '880e741f450b707a0d4631442d63e8963a941b43', class: `icon_top_div ${this.size}` }, h("div", { key: 'aef2d1b4bb9be9597950f5fbb6a57a3352ab5cf9', class: "step_icon_div" }, h("div", { key: '9e434aafffc76f9af50ef8b9fef400ae864548db', class: "step_icon" }, h("div", { key: 'a01c22a2487da877368fbe16256871018bb8f8e1', class: `icon_only_div ${this.status} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '98c47fd03918b8fe2a25cd86d9c1c81e99e9bfa3', class: `dot ${this.status} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'b5f967a2ad37c61fa21ae161f68981ecff394cd5', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.status} ${this.internalState} ${this.size}` }, h("path", { key: '54bc4cd6c1525b01e37ff90c3a3b4c7383f3b3e3', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))))), h("div", { key: '21ef2932ab91d14f6abcce30f84c66fc4bbb9772', class: "icon_top_content" }, h("p", { key: 'b22b5222ce6d43acd6ef97d69e1e9de41768aa0f', class: `text_line_label text-sm-semi-bold ${this.status} ${this.internalState}` }, this.label), h("p", { key: '274419ab1aa1e197d8f77da237e7e546cc02a026', class: `text_line_text ${this.breakpoint} text-xs-regular ${this.status} ${this.internalState}` }, this.supportingText)))), this.type === 'featured_icon_left' && (h("div", { key: 'bb9ec88b547590727eeebe84dc4066288b017730', class: "featured_icon_left_div" }, h("div", { key: '8b8f032e98dfbe055ab12970e07d39d3805f008d', class: "connector_wrap" }, h("gb-featured-icon", { key: '308a791b1fc2712b34113ec9ce244e69c61fd563', size: "sm", icon: "assets/user.svg", destructive: this.internalState === 'destructive' ? true : false }), this.connector && (h("div", { key: 'd7d6f2e75635bad8cf1b9b11fc70de4d6e6476b1', class: "connector_div" }, h("div", { key: '448b9c41836f4e1adfe97db1df50fbe581f170b7', class: `featured_icon_left_connector ${this.size} ${this.internalState} ${this.status}` })))), h("div", { key: 'd202cdd5e9c25573e89b74bc52560cfcaed024b6', class: "featured_icon_left_content" }, h("p", { key: 'ff0b49959645388e9b5242687ccf9b34c33854f1', class: `featured_icon_left_label ${this.featuredIconLeftLabelClasses()} ${this.status} ${this.internalState}` }, this.label), h("p", { key: '7c78e24c8022ffa276a4cd3a409cc858bc7882de', class: `featured_icon_left_text ${this.featuredIconLeftTextClasses()} ${this.status} ${this.internalState}` }, this.supportingText))))));
     }
     static get is() { return "gb-step-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-step-icon-base/gb-step-icon-base.js

@@ -11,7 +11,7 @@ export class GbStepIconBase {
         this.internalState = newValue;
     }
     render() {
-        return (h("div", { key: 'dc6b0dd514df89d1a1e352cecb04d3d7ef842160', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '1079f5f3e8fa0427fe679ab2d3b6bd7495548a62', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: 'ac6a48112733619139dd147ccd4695482ea6f932', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: 'f3437af433181f3d0d29d3981d676539b273a214', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
+        return (h("div", { key: '60bed6b9fe2c049ab2312a554393749e0db772e1', class: `icon_base_div ${this.internalStatus} ${this.internalState} ${this.size}` }, this.status !== 'complete' && h("div", { key: '2f3fe6793c86609ab273c70e07667b2c26160d9d', class: `dot ${this.internalStatus} ${this.internalState} ${this.size}` }), this.status === 'complete' && (h("svg", { key: '5946baac5ebf5653b6c354b4d7e9fee1f89d5fd2', xmlns: "http://www.w3.org/2000/svg", width: "12", height: "10", viewBox: "0 0 12 10", fill: "none", class: `tick ${this.internalStatus} ${this.internalState} ${this.size}` }, h("path", { key: 'eec5e33bb09fecb58844f3502e1fbaadb42fdc2c', d: "M1 6.45455C1 6.45455 2.07143 6.45455 3.5 9C3.5 9 7.47059 2.33333 11 1", stroke: "#075DB2", "stroke-width": "2", "stroke-linecap": "round", "stroke-linejoin": "round" })))));
     }
     static get is() { return "gb-step-icon-base"; }
     static get encapsulation() { return "shadow"; }

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

@@ -29,7 +29,7 @@ export class GbStepperHorizontalIconsCentered {
         ];
     }
     render() {
-        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '472a968fa632c5a6f1110cc13f4164f2c7991584', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '917073ce9d67851d9c46b2733e809afa452f5d64', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: 'd500f21d7bf1259ef514b2a150943e433b738706', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '3e0d8a308b31f00ff488e83b907d9b96296590a0', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
+        return (h(Fragment, null, this.type === 'icon' && (h("div", { key: '25b50a125551dbc954685e6f006ae12222170464', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: 'eade8e0ec06a501cee09be2658a9211cdf953b22', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText })))))))), this.type === 'featured_icon' && (h("div", { key: '47d8c3074ca8549664d69b6752666e2b67999ee2', class: "icons_centered_div" }, this.breakpoint === 'desktop' && (h("div", { key: '1580ae235105c41c55b6bde1717417dbb5639726', class: "step_div" }, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "icon_top", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText, breakpoint: "desktop" }), index !== this.steps.length - 1 ? (h("div", { class: "connector_div" }, h("div", { class: `icon_top_connector ${step.state} ` }))) : null))))), this.breakpoint === 'mobile' && (h(Fragment, null, this.steps.map((step, index) => (h(Fragment, null, h("gb-step-base", { size: this.size, type: "featured_icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : true, label: step.label, "supporting-text": step.supportingText }))))))))));
     }
     static get is() { return "gb-stepper-horizontal-icons-centered"; }
     static get encapsulation() { return "shadow"; }

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

@@ -21,7 +21,7 @@ export class GbStepperHorizontalIconsCentered {
         ];
     }
     render() {
-        return (h("div", { key: '8ba565a4ecb98ac26daf3984d90f908c53dc8549', class: "icons_centered_container" }, h("div", { key: '6f6bdf894fdc3032f931b9fc4bd329f955c8984a', class: "icons_centered_div" })));
+        return (h("div", { key: '5bf76e878d02b8bd92b9f0aabcdffa0fe237abdb', class: "icons_centered_container" }, h("div", { key: '2a5370cd2bc0e1c0c19f29ae3d3f83382fc596a8', class: "icons_centered_div" })));
     }
     static get is() { return "gb-stepper-horizontal-icons-connected"; }
     static get encapsulation() { return "shadow"; }

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

@@ -41,7 +41,7 @@ export class GbStepperHorizontalLineWithText {
         this.showSupportingText = this.width < 768 ? false : true;
     }
     render() {
-        return (h("div", { key: '0930eccb5add88c9ba9d608892142acbce3b00ce', class: "text_with_line" }, this.internalSteps.map(step => (h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
+        return (h("div", { key: '4ac12a4696361a1c447f77e56fbfc7b47006c226', class: "text_with_line" }, this.internalSteps.map(step => (h("gb-step-base", { size: this.size, type: "text_line", state: step.state, status: step.status, label: step.label, "supporting-text": step.supportingText, "show-content": this.showContent, "show-supporting-text": this.showSupportingText })))));
     }
     static get is() { return "gb-stepper-horizontal-line-with-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -26,7 +26,7 @@ export class GbStepperHorizontalMinimalIcons {
     }
     render() {
         const indexOfCurrentStep = this.steps.findIndex(step => step.status === 'current');
-        return (h("div", { key: 'd405daabb40488d63d7cdfac0576d22c14f2d503', class: `minimai_icons_container ${this.position}` }, h("div", { key: '121348ef5e64ffae73c91c8409b49f7dccb98230', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: '3f6db0ff2e3a5ed893c9878e3d808d8ecaee4cf9', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: '754ea44a963d7b1f0422244b829adb8895560f66', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
+        return (h("div", { key: '62cebb06b1356199cb1924bc4ce6639bc04ea92e', class: `minimai_icons_container ${this.position}` }, h("div", { key: '39b36d69b4a0d24bddf34cd675e990918e50c0f2', class: `minimai_icons_div ${this.size} ${this.position}` }, this.position !== 'left' && (h(Fragment, null, this.text && (h("p", { key: 'cff6a0639c5ca110bcd8f1601aa9234ffff0f002', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))), this.steps.map(step => (h("gb-step-icon-base", { size: this.size, status: step.status, state: step.state }))), this.position === 'left' && (h(Fragment, null, this.text && (h("p", { key: 'd05afd9d80e503c9429f024cb4361275d21487d7', class: "step_text text-sm-medium" }, this.stepLabel, " ", indexOfCurrentStep + 1, " of ", this.steps.length)))))));
     }
     static get is() { return "gb-stepper-horizontal-minimal-icons"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-stepper-vertical-icons-with-text/gb-stepper-vertical-icons-with-text.js

@@ -31,7 +31,7 @@ export class GbstepperVerticalIconsWithText {
         this.stepClicked.emit(index);
     }
     render() {
-        return (h("div", { key: '6190e15ccf2b185d1e27359d52e2920ad0d13559', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, this.internalSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index) })))))));
+        return (h("div", { key: '30dbbac2b2ba4cbefd37d593d66090844847ec0d', class: "vertical_stepper_div" }, this.type === 'icon' && (h(Fragment, null, this.internalSteps.map((step, index) => (h("gb-step-base", { size: this.size, type: "icon_left", state: step.state, status: step.status, connector: index === this.steps.length - 1 ? false : this.connector, label: step.label, "supporting-text": step.supportingText, onClick: () => this.emitIndex(index) })))))));
     }
     static get is() { return "gb-stepper-vertical-icons-with-text"; }
     static get encapsulation() { return "shadow"; }

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

@@ -46,11 +46,11 @@ export class GbTabButtonBase {
         return words[0] + ' ' + words.slice(1).join(' ').toLowerCase();
     }
     render() {
-        return (h("div", { key: '5df15ac69649d2dca1d432102d29db869de293af', class: `tab_button_div ${this.type}
+        return (h("div", { key: 'b90954c72b23ae6d3286c126322536d768519453', class: `tab_button_div ${this.type}
       ${this.current ? 'current' : ''} 
       ${this.fullWidth ? 'full_width' : ''} 
       ${this.size}
-      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: '41e53e7fec31d8bf8a3748cfe899e2a2ec825576', class: `tab_name ${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.getFormattedLabel()), this.badge && (h("gb-badge", { key: '25eeb30a1020e8b7d2d08da1a8cd03aa2903e794', size: "sm", type: "pill_color", color: this.current ? 'information' : 'gray' }, h("slot", { key: 'ab3df560cb8147f8e3715d711fa7dacfa74f5ae3', name: "count" })))));
+      ${this.alignment}`, onClick: () => this.handleClick() }, h("p", { key: 'f64e5b90f7a6e741193cffa4145d42ca6707a056', class: `tab_name ${!this.current ? 'tab_text' : ''} ${this.current ? this.getCurrentTextClasses() : this.getTextClasses()}` }, this.getFormattedLabel()), this.badge && (h("gb-badge", { key: '547893874e1dc2bf7b56fbf0eec4d8db0403e766', size: "sm", type: "pill_color", color: this.current ? 'information' : 'gray' }, h("slot", { key: '429773467555f68eabb5d0376e9b1d69e8eff198', name: "count" })))));
     }
     static get is() { return "gb-tab-button-base"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/gb-table/gb-table.css

@@ -2813,13 +2813,13 @@
   width: 100%;
   box-sizing: border-box;
   overflow: hidden;
-  background: var(--color-background-card, #ffffff);
 }
 
 .table_wrapper.list {
   border-radius: var(--rounded-md);
   border: 0.7px solid var(--color-border-subtler, #e3e8ef);
   box-shadow: var(--shadow-xs);
+  background: var(--color-background-card, #ffffff);
 }
 
 /* .table_wrapper table th:first-child,

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

@@ -12,10 +12,11 @@ export class GbTable {
         //   sortable: true,
         //   sortType: 'string',
         //   helpIcon: true,
+        //   searchable: true,
         //   supportingText: row => row.role,
         //   mobile: { position: 'top_right' },
         // },
-        // { key: 'role', label: 'Role' },
+        // { key: 'role', label: 'Role', searchable: true },
         // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },
         // {
         //   key: 'status',
@@ -76,12 +77,12 @@ export class GbTable {
         // { id: '#3030', date: 'Jan 30, 2022', name: 'Nathan Adams', role: 'Scrum Master', level: 'Today', customer: 'Zoe Rogers', amount: '$320.80', status: 'Completed' },
         ];
         // = {
+        //   name: { key: 'customer' },
         //   badges: [
         //     { key: 'role', label: 'Role' },
         //     { key: 'amount', label: 'Amount' },
         //   ],
-        //   button: 
-        //     { icon: 'assets/sent.svg', text: 'Send Money', action: 'send_money' },
+        //   button: { icon: 'assets/sent.svg', text: 'Send Money', action: 'send_money' },
         // };
         this.tableHeaderConfig = {
             tableHeading: false,
@@ -113,23 +114,78 @@ export class GbTable {
             illustrationStyle: 'box',
             theme: 'light',
         };
+        // = {
+        //   title: 'Filter',
+        //   fields: [
+        // {
+        //   tag: 'gb-date-picker',
+        //   label: 'Post date',
+        //   key: { start: 'postStartDate', end: 'postEndDate' },
+        //   event: 'dateChange',
+        // },
+        // {
+        //   tag: 'gb-date-picker',
+        //   label: 'Value date',
+        //   key: { start: 'valueStartDate', end: 'valueEndDate' },
+        //   event: 'dateChange',
+        // },
+        // {
+        //   tag: 'gb-input-dropdown',
+        //   key: 'status',
+        //   event: 'dropdownItemSelected',
+        //   props: {
+        //     type: 'tags',
+        //     showLabel: true,
+        //     label: 'Status',
+        //     placeholder: 'Select a status',
+        //     items: ['Completed', 'Pending', 'Cancelled'],
+        //   },
+        // },
+        // {
+        //   tag: 'gb-input-dropdown',
+        //   key: 'transactionType',
+        //   event: 'dropdownItemSelected',
+        //   props: {
+        //     type: 'default',
+        //     showLabel: true,
+        //     label: 'Transaction type',
+        //     placeholder: 'Select type',
+        //     items: ['Credit', 'Debit'],
+        //   },
+        // },
+        //     {
+        //       tag: 'gb-slider',
+        //       key: 'amount',
+        //       event: 'thumbValueChanged',
+        //       props: {
+        //         showHeading: true,
+        //         heading: 'Amount range',
+        //       },
+        //     },
+        //   ],
+        //   initialValues: {
+        //     pageNumber: 0,
+        //     pageSize: 10,
+        //   },
+        // };
         this.showActionsColumn = true;
         this.rowActions = [
-        // { label: '', action: '', icon: 'assets/more-horizontal.svg', type: 'dropdown' },
         // { 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' },
         ];
         this.dropdownOptions = [
         // { label: 'View', action: 'view', icon: 'assets/view.svg', disabled: false },
         // { label: 'Edit', action: 'edit', icon: 'assets/pencil-edit-01.svg', disabled: false },
-        // { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: true },
+        // { label: 'Delete', action: 'delete', icon: 'assets/delete-02.svg', disabled: false },
         ];
         this.stickyFirstColumn = false;
         this.stickyLastColumn = false;
         this.actionsType = 'none';
-        this.showCheckbox = false;
+        this.showCheckbox = true;
         this.tableHeadColor = 'gray';
         this.rowKey = 'id';
+        this.filterMode = 'internal';
         this.slicedData = [];
         this.internalCurrentPage = 1;
         this.internalPageSize = 10;
@@ -147,8 +203,10 @@ export class GbTable {
         this.isFilterModalVisible = false;
         this.isGridModalVisible = false;
         this.internalLoading = false;
-        this.currentTableLayout = 'grid';
+        this.currentTableLayout = 'list';
         this.showGridCardModal = false;
+        this.appliedFilterValues = {};
+        this.searchTerm = '';
         this.isDraggingModal = false;
         this.dragOffset = { x: 0, y: 0 };
         this.actionButtonRefs = [];
@@ -349,10 +407,10 @@ export class GbTable {
         });
     }
     get allSelected() {
-        return this.sortedData.length > 0 && this.selectedRowIds.size === this.sortedData.length;
+        return this.displayedData.length > 0 && this.displayedData.every(row => this.selectedRowIds.has(this.getRowId(row)));
     }
     get isIndeterminate() {
-        return this.selectedRowIds.size > 0 && this.selectedRowIds.size < this.sortedData.length;
+        return this.displayedData.some(row => this.selectedRowIds.has(this.getRowId(row))) && !this.allSelected;
     }
     getRowId(row) {
         if (typeof this.rowKey === 'function') {
@@ -362,10 +420,16 @@ export class GbTable {
     }
     toggleAll() {
         if (this.allSelected) {
-            this.selectedRowIds = new Set();
+            // Uncheck only current page
+            const updated = new Set(this.selectedRowIds);
+            this.displayedData.forEach(row => updated.delete(this.getRowId(row)));
+            this.selectedRowIds = updated;
         }
         else {
-            this.selectedRowIds = new Set(this.sortedData.map(row => this.getRowId(row)));
+            // Check all on current page
+            const updated = new Set(this.selectedRowIds);
+            this.displayedData.forEach(row => updated.add(this.getRowId(row)));
+            this.selectedRowIds = updated;
         }
         this.emitSelection();
     }
@@ -386,11 +450,11 @@ export class GbTable {
     }
     get displayedData() {
         if (!this.paginationConfig || this.paginationConfig.paginationMode === 'external') {
-            return this.sortedData;
+            return this.searchedData;
         }
         const start = (this.internalCurrentPage - 1) * this.internalPageSize;
         const end = start + this.internalPageSize;
-        return this.sortedData.slice(start, end);
+        return this.searchedData.slice(start, end);
     }
     get totalPages() {
         // console.log('sortedData length:', this.sortedData.length);
@@ -400,7 +464,7 @@ export class GbTable {
         if (!this.paginationConfig)
             return 1;
         const pageSize = this.internalPageSize || 1;
-        const totalItems = this.paginationConfig.paginationMode === 'internal' ? this.sortedData.length : ((_a = this.paginationConfig.totalItems) !== null && _a !== void 0 ? _a : 0);
+        const totalItems = this.paginationConfig.paginationMode === 'internal' ? this.searchedData.length : ((_a = this.paginationConfig.totalItems) !== null && _a !== void 0 ? _a : 0);
         return Math.max(1, Math.ceil(totalItems / pageSize));
     }
     onDataChange() {
@@ -486,9 +550,9 @@ export class GbTable {
     }
     renderGridView() {
         return (h("div", { class: `table_grid_wrapper` }, this.displayedData.map((row, rowIndex) => {
-            var _a, _b;
-            return (h("div", { class: "table_grid_card" }, h("div", { class: "grid_card_profile" }, h("div", { class: "grid_card_profile_content" }, h("div", { class: "profile_avatar" }, h("gb-avatar", { size: "lg", "show-border": "false" }, h("h1", { slot: "initials" }, this.generateNameInitials(row.name)))), h("div", { class: "profile_details" }, h("div", { class: "profile_name" }, h("p", { class: "text-lg-semi-bold" }, row.name)), (_b = (_a = this.gridCardConfig) === null || _a === void 0 ? void 0 : _a.badges) === null || _b === void 0 ? void 0 :
-                _b.map(badge => (h("gb-badge", { size: "lg", type: "badge_modern", color: "gray" }, h("p", null, row[badge.key]))))))), h("div", { class: "grid_card_buttons" }, h("div", { class: "btn" }, h("gb-button", { size: "md", hierarchy: "secondary_gray", icon: "default", "icon-leading": this.gridCardConfig.button.icon ? true : false, iconLeadingSwap: this.gridCardConfig.button.icon, onClick: () => this.handleAction(this.gridCardConfig.button.action, row) }, h("p", null, this.gridCardConfig.button.text))), h("gb-button", { size: "md", hierarchy: "secondary_gray", iconLeading: true, "icon-leading-swap": "assets/more-vertical.svg", icon: "only", onClick: () => this.openGridModal(rowIndex) })), this.openRowIndex === rowIndex && this.isGridModalVisible && (h("div", { class: `grid_dropdown_modal_overlay ${this.isGridModalVisible ? 'open' : 'closing'}` }, h("gb-button-close", { size: "sm", color: "gray", class: "grid_card_modal_close_button", onClick: () => this.closeGridModal() }), h("div", { class: "grid_dropdown_modal" }, 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: () => {
+            var _a, _b, _c;
+            return (h("div", { class: "table_grid_card" }, h("div", { class: "grid_card_profile" }, h("div", { class: "grid_card_profile_content" }, h("div", { class: "profile_avatar" }, h("gb-avatar", { size: "lg", "show-border": "false" }, h("h1", { slot: "initials" }, this.generateNameInitials(row[this.gridCardConfig.name.key])))), h("div", { class: "profile_details" }, h("div", { class: "profile_name" }, h("p", { class: "text-lg-semi-bold" }, ((_a = this.gridCardConfig) === null || _a === void 0 ? void 0 : _a.name) ? row[this.gridCardConfig.name.key] : '')), (_c = (_b = this.gridCardConfig) === null || _b === void 0 ? void 0 : _b.badges) === null || _c === void 0 ? void 0 :
+                _c.map(badge => (h("gb-badge", { size: "lg", type: "badge_modern", color: "gray" }, h("p", null, row[badge.key]))))))), h("div", { class: "grid_card_buttons" }, h("div", { class: "btn" }, h("gb-button", { size: "md", hierarchy: "secondary_gray", icon: "default", "icon-leading": this.gridCardConfig.button.icon ? true : false, iconLeadingSwap: this.gridCardConfig.button.icon, onClick: () => this.handleAction(this.gridCardConfig.button.action, row) }, h("p", null, this.gridCardConfig.button.text))), h("gb-button", { size: "md", hierarchy: "secondary_gray", iconLeading: true, "icon-leading-swap": "assets/more-vertical.svg", icon: "only", onClick: () => this.openGridModal(rowIndex) })), this.openRowIndex === rowIndex && this.isGridModalVisible && (h("div", { class: `grid_dropdown_modal_overlay ${this.isGridModalVisible ? 'open' : 'closing'}` }, h("gb-button-close", { size: "sm", color: "gray", class: "grid_card_modal_close_button", onClick: () => this.closeGridModal() }), h("div", { class: "grid_dropdown_modal" }, 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: () => {
                     this.handleAction(action.action, row);
                     this.openRowIndex = null;
                 } }))))))));
@@ -504,7 +568,10 @@ export class GbTable {
         })));
     }
     emitSearchValue(detail) {
-        this.inputValueChanged.emit(detail.detail);
+        var _a, _b, _c;
+        this.searchTerm = (_c = (_b = (_a = detail.detail) === null || _a === void 0 ? void 0 : _a.value) !== null && _b !== void 0 ? _b : detail.detail) !== null && _c !== void 0 ? _c : '';
+        this.internalCurrentPage = 1; // reset pagination on search
+        // this.inputValueChanged.emit(detail.detail);
     }
     emitDateChange(detail) {
         this.dateChange.emit(detail.detail);
@@ -551,28 +618,84 @@ export class GbTable {
             this.showFilterModalInternal = false;
         }, 300); // match CSS duration
     }
-    onApplyFilters(detail) {
-        // console.log(detail.detail);
-        this.applyFilters.emit(detail.detail);
-        this.showFilterModalInternal = false;
+    onApplyFilters(e) {
+        const { filters } = e.detail;
+        this.appliedFilterValues = Object.assign(Object.assign({}, this.appliedFilterValues), filters);
+        this.internalCurrentPage = 1; // ← reset pagination
+        if (this.filterMode === 'external') {
+            this.applyFilters.emit(this.appliedFilterValues);
+        }
+        this.closeFilterModal();
+    }
+    get mergedFilterConfig() {
+        return Object.assign(Object.assign({}, this.filterConfig), { appliedValues: this.appliedFilterValues });
+    }
+    handleClearFilters() {
+        this.appliedFilterValues = {};
+        this.internalCurrentPage = 1;
+    }
+    get filteredData() {
+        var _a;
+        if (this.filterMode === 'external' || !((_a = this.filterConfig) === null || _a === void 0 ? void 0 : _a.fields) || Object.keys(this.appliedFilterValues).length === 0) {
+            return this.sortedData;
+        }
+        return this.sortedData.filter(row => {
+            return this.filterConfig.fields.every(field => {
+                const key = field.key;
+                const filterValue = this.appliedFilterValues[key];
+                if (filterValue === undefined || filterValue === null || filterValue === '')
+                    return true;
+                const rowValue = row[key];
+                // Slider — range match: filterValue is [min, max]
+                if (field.tag === 'gb-slider') {
+                    const { left, right } = filterValue;
+                    if (left === undefined || right === undefined)
+                        return true;
+                    const num = Number(String(rowValue).replace(/[^0-9.-]+/g, ''));
+                    return num >= left && num <= right;
+                }
+                if (Array.isArray(filterValue)) {
+                    if (filterValue.length === 0)
+                        return true;
+                    return filterValue.some(val => String(rowValue).toLowerCase() === String(val).toLowerCase());
+                }
+                // Dropdown — exact match (case insensitive)
+                return String(rowValue).toLowerCase() === String(filterValue).toLowerCase();
+            });
+        });
+    }
+    get searchedData() {
+        if (!this.searchTerm || this.searchTerm.trim() === '') {
+            return this.filteredData;
+        }
+        const term = this.searchTerm.toLowerCase().trim();
+        const searchableCols = this.internalColumns.filter(col => col.searchable);
+        if (searchableCols.length === 0)
+            return this.filteredData;
+        return this.filteredData.filter(row => searchableCols.some(col => {
+            const value = col.value ? col.value(row) : row[col.key];
+            return String(value !== null && value !== void 0 ? value : '')
+                .toLowerCase()
+                .includes(term);
+        }));
     }
     disconnectedCallback() {
         window.removeEventListener('resize', this.checkViewport);
     }
     render() {
-        return (h("div", { key: '41ad992da9a1e72bb4e51e11ebdc023e35d106e0', class: `table_wrapper ${this.currentTableLayout}` }, h("div", { key: '3148992bee2f378ad2fd6eb0671cfabb8899f01a', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: 'acb4db2dadac69c07cd3fbb4f89b2e99c6f15773', 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": this.tableHeaderConfig.filterState, "filter-count": this.tableHeaderConfig.filterCount, "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) })), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: 'eca151da1e38ecc34a71c4d7bcacabdcb00c6071', class: "dialog", style: {
+        return (h("div", { key: '57797131fac8e00d0cc4da61ab0bbbe217f3d3a3', class: `table_wrapper ${this.currentTableLayout}` }, h("div", { key: '3644f6a931430d6394df73e79b00d7f6c2d360be', class: `table-header ${this.currentTableLayout}` }, h("gb-table-header", { key: 'eb9793bc05bebc84fbbeb8dab937e790ff2ea41a', 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) })), this.showColumnsPanel && this.columns.length > 0 && (h("div", { key: '80562c2ffebb4584641552b832d318d6ce98b701', class: "dialog", style: {
                 transform: `translate(${this.modalPosition.x}px, ${this.modalPosition.y}px)`,
-            } }, h("div", { key: '6f62f43f483fb8b885e8303babdcd83292d6bd32', class: "column-modal" }, h("div", { key: '03d472af316fcde5b822afc1890838e24e0dba51', class: "modal_header" }, h("div", { key: '5123652fa43deee4bb9e9e67e8d26b403bc61e50', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '6d46d6055141c1190c5de0b2dfaa9776c75b6538', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: 'b4c9145bb503fe300b108806736d55289b5627eb', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: '5a5ea49521013490ba1ce6135a522898ab030d9b', class: "content_wrapper" }, h("div", { key: '67f2b4079b44a0e1d531f362a59d282ea4a5d1ba', 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: 'f7707907d1fbc9bee0670ab0a3e463e948b86cef', class: "column-modal" }, h("div", { key: '33a4aa0c888c48d6961e423adcd888263dc6b17d', class: "modal_header" }, h("div", { key: '69c740dc91e73c35a815c3a7d57c633ee05a1f4a', class: "modal_header_content", onPointerDown: this.onModalPointerDown }, h("h4", { key: '8899dcc08fb33e42ff7f7074d4c0f7463e4778ad', class: "heading display-xs-semi-bold" }, "Column Options"), h("gb-button-close", { key: '6540e5c86dbdb4aef5520745c3a8f146f9e6474b', class: "close_button", color: "gray", size: "sm", onClick: () => (this.showColumnsPanel = false) }))), h("div", { key: 'cdad2a03a83f9a10944ac446fec59ae20b06513f', class: "content_wrapper" }, h("div", { key: 'cb93aaa74f83ff7a51c0bad4938d0b2a20553b2b', 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: '2bde3fa7dd53d65aea236e17de915fc13c1e7dbd', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '40274e799964875925b319c3492cd6188ba22991', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: '4b800135ff21992f7bf40e58d0a870a5bbbacb7f', class: "filter_modal", filterConfig: this.filterConfig, onClose: e => {
+            } })))), h("div", { key: 'b65e4623fba10e5eb2f35664a02dbc6104cd4a13', class: "modal-actions" })))))), this.showFilterModalInternal && this.filterConfig && (h("div", { key: '9baad08abce9c1f3ed2004308f95684ef732d134', class: `filter_modal_wrapper ${this.isFilterModalVisible ? 'open' : 'closing'}` }, h("gb-filter-modal", { key: 'b72211f97b755428f8632fd720a73cd2969e23bf', class: "filter_modal", filterConfig: this.mergedFilterConfig, onClose: e => {
                 e.stopPropagation();
                 this.closeFilterModal();
-            }, onApplyFilters: e => this.onApplyFilters(e) }))), this.internalLoading ? (
+            }, onApplyFilters: e => this.onApplyFilters(e), onClearFilters: () => this.handleClearFilters() }))), this.internalLoading ? (
         // ✅ ALWAYS show loading when loading = true
         h("table", null, h("thead", null, h("tr", { class: "table_head_row" }, this.showCheckbox && (h("th", { class: {
                 checkbox: true,
@@ -614,7 +737,7 @@ export class GbTable {
                 ? this.renderDesktopView()
                 : this.currentTableLayout === 'grid'
                     ? this.renderGridView()
-                    : null)), this.paginationConfig && this.data.length > 0 && (h("div", { key: 'd851476487e72f2a021ed12f9aa0a66918c7e955', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: 'ecc8b64e633faa0b85c2099ca412378c8681c2b2', "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) })))));
+                    : null)), this.paginationConfig && this.data.length > 0 && (h("div", { key: '656a541468e7591751e689434680f51e4abbdf12', class: `pagination ${this.currentTableLayout}` }, h("gb-pagination", { key: '3d3cc1e079d0922b9d4064c20584dd5201441f6e', "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) })))));
     }
     static get is() { return "gb-table"; }
     static get encapsulation() { return "shadow"; }
@@ -672,7 +795,7 @@ export class GbTable {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "[\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    // {\r\n    //   key: 'name',\r\n    //   label: 'Name',\r\n    //   sortable: true,\r\n    //   sortType: 'string',\r\n    //   helpIcon: true,\r\n    //   supportingText: row => row.role,\r\n    //   mobile: { position: 'top_right' },\r\n    // },\r\n    // { key: 'role', label: 'Role' },\r\n    // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },\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  ]"
+                "defaultValue": "[\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    // {\r\n    //   key: 'name',\r\n    //   label: 'Name',\r\n    //   sortable: true,\r\n    //   sortType: 'string',\r\n    //   helpIcon: true,\r\n    //   searchable: true,\r\n    //   supportingText: row => row.role,\r\n    //   mobile: { position: 'top_right' },\r\n    // },\r\n    // { key: 'role', label: 'Role', searchable: true },\r\n    // { key: 'amount', label: 'Amount', align: 'right', sortable: true, sortType: 'number', cellStyle: row => ({ color: row.amount > 200 ? 'green' : '' }) },\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  ]"
             },
             "data": {
                 "type": "unknown",
@@ -696,8 +819,8 @@ export class GbTable {
                 "type": "unknown",
                 "mutable": false,
                 "complexType": {
-                    "original": "{\r\n    badges?: { key: string; label?: string }[];\r\n    button?: { icon: string; text: string; action: string };\r\n  }",
-                    "resolved": "{ badges?: { key: string; label?: string; }[]; button?: { icon: string; text: string; action: string; }; }",
+                    "original": "{\r\n    name?: { key: string };\r\n    badges?: { key: string; label?: string }[];\r\n    button?: { icon: string; text: string; action: string };\r\n  }",
+                    "resolved": "{ name?: { key: string; }; badges?: { key: string; label?: string; }[]; button?: { icon: string; text: string; action: string; }; }",
                     "references": {}
                 },
                 "required": false,
@@ -864,7 +987,7 @@ export class GbTable {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "[\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  ]"
+                "defaultValue": "[\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  ]"
             },
             "dropdownOptions": {
                 "type": "unknown",
@@ -888,7 +1011,7 @@ export class GbTable {
                 },
                 "getter": false,
                 "setter": false,
-                "defaultValue": "[\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  ]"
+                "defaultValue": "[\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: false },\r\n  ]"
             },
             "stickyFirstColumn": {
                 "type": "boolean",
@@ -968,7 +1091,7 @@ export class GbTable {
                 "setter": false,
                 "reflect": false,
                 "attribute": "show-checkbox",
-                "defaultValue": "false"
+                "defaultValue": "true"
             },
             "tableHeadColor": {
                 "type": "string",
@@ -1009,6 +1132,26 @@ export class GbTable {
                 "reflect": false,
                 "attribute": "row-key",
                 "defaultValue": "'id'"
+            },
+            "filterMode": {
+                "type": "string",
+                "mutable": false,
+                "complexType": {
+                    "original": "'internal' | 'external'",
+                    "resolved": "\"external\" | \"internal\"",
+                    "references": {}
+                },
+                "required": false,
+                "optional": false,
+                "docs": {
+                    "tags": [],
+                    "text": ""
+                },
+                "getter": false,
+                "setter": false,
+                "reflect": false,
+                "attribute": "filter-mode",
+                "defaultValue": "'internal'"
             }
         };
     }
@@ -1034,7 +1177,9 @@ export class GbTable {
             "isGridModalVisible": {},
             "internalLoading": {},
             "currentTableLayout": {},
-            "showGridCardModal": {}
+            "showGridCardModal": {},
+            "appliedFilterValues": {},
+            "searchTerm": {}
         };
     }
     static get events() {
@@ -1184,8 +1329,8 @@ export class GbTable {
                     "text": ""
                 },
                 "complexType": {
-                    "original": "{\r\n    filters: any;\r\n    pagination: any;\r\n  }",
-                    "resolved": "{ filters: any; pagination: any; }",
+                    "original": "any",
+                    "resolved": "any",
                     "references": {}
                 }
             }];