@databrainhq/plugin 0.9.14 → 0.9.16

package/dist/index.es.js

@@ -2536,7 +2536,7 @@ const floatingContainer = "_floatingContainer_12kmo_423";
 const filterButton$1 = "_filterButton_12kmo_439";
 const filterText$1 = "_filterText_12kmo_447";
 const filterLength$1 = "_filterLength_12kmo_455";
-var styles$M = {
+var styles$N = {
   container: container$i,
   "static": "_static_12kmo_415",
   fixed,
@@ -2643,7 +2643,7 @@ var classnames = { exports: {} };
   })();
 })(classnames);
 var r$4 = classnames.exports;
-var styles$L = {
+var styles$M = {
   "btn-primary": "_btn-primary_u81u9_1",
   "btn-secondary": "_btn-secondary_u81u9_9",
   "btn-reject": "_btn-reject_u81u9_17",
@@ -2706,7 +2706,7 @@ const Button = ({
   title: title2,
   ...props
 }) => {
-  const btnClasses = r$4(className, styles$L[`btn-${variant}`], `dbn-btn-${variant}`, size === "none" ? null : styles$L[`btn-${size}`]);
+  const btnClasses = r$4(className, styles$M[`btn-${variant}`], `dbn-btn-${variant}`, size === "none" ? null : styles$M[`btn-${size}`]);
   return /* @__PURE__ */ jsx("button", {
     ...props,
     type: type3,
@@ -4148,25 +4148,25 @@ function useForm(props = {}) {
   _formControl.current.formState = getProxyFormState(formState, control._proxyFormState);
   return _formControl.current;
 }
-const chartOptions = "_chartOptions_1bo60_1";
-const chartOption = "_chartOption_1bo60_1";
-const chartOptionBtn$1 = "_chartOptionBtn_1bo60_13";
-const chartOptionText = "_chartOptionText_1bo60_19";
-const chartOptionBtnSelected = "_chartOptionBtnSelected_1bo60_25";
-const container$h = "_container_1bo60_31";
-const field$1 = "_field_1bo60_37";
-const fieldText = "_fieldText_1bo60_43";
-const selectFieldContainer = "_selectFieldContainer_1bo60_49";
-const selectField = "_selectField_1bo60_49";
-const doneBtn = "_doneBtn_1bo60_61";
-const measureText = "_measureText_1bo60_67";
-const singleValueMeasure = "_singleValueMeasure_1bo60_73";
-const plus = "_plus_1bo60_79";
-const plusIcon = "_plusIcon_1bo60_85";
-const form$2 = "_form_1bo60_91";
-const chartType = "_chartType_1bo60_97";
-const selectedOption = "_selectedOption_1bo60_105";
-var styles$K = {
+const chartOptions = "_chartOptions_5oulz_1";
+const chartOption = "_chartOption_5oulz_1";
+const chartOptionBtn$1 = "_chartOptionBtn_5oulz_13";
+const chartOptionText = "_chartOptionText_5oulz_19";
+const chartOptionBtnSelected = "_chartOptionBtnSelected_5oulz_25";
+const container$h = "_container_5oulz_31";
+const field$1 = "_field_5oulz_37";
+const fieldText = "_fieldText_5oulz_43";
+const selectFieldContainer = "_selectFieldContainer_5oulz_49";
+const selectField = "_selectField_5oulz_49";
+const doneBtn = "_doneBtn_5oulz_61";
+const measureText = "_measureText_5oulz_67";
+const singleValueMeasure = "_singleValueMeasure_5oulz_73";
+const plus = "_plus_5oulz_79";
+const plusIcon = "_plusIcon_5oulz_85";
+const form$2 = "_form_5oulz_91";
+const chartType = "_chartType_5oulz_97";
+const selectedOption = "_selectedOption_5oulz_105";
+var styles$L = {
   chartOptions,
   chartOption,
   chartOptionBtn: chartOptionBtn$1,
@@ -4977,7 +4977,7 @@ const loadMore$1 = "_loadMore_ib5g4_193";
 const loadMoreIcon$1 = "_loadMoreIcon_ib5g4_199";
 const selectedList = "_selectedList_ib5g4_205";
 const selectedListItem = "_selectedListItem_ib5g4_211";
-const label$7 = "_label_ib5g4_217";
+const label$8 = "_label_ib5g4_217";
 const search$2 = "_search_ib5g4_223";
 var style = {
   listbox,
@@ -5013,13 +5013,13 @@ var style = {
   loadMoreIcon: loadMoreIcon$1,
   selectedList,
   selectedListItem,
-  label: label$7,
+  label: label$8,
   search: search$2
 };
 const primary$1 = "_primary_1ipyg_1";
 const secondary = "_secondary_1ipyg_9";
 const tertiary = "_tertiary_1ipyg_19";
-var styles$J = {
+var styles$K = {
   primary: primary$1,
   secondary,
   tertiary,
@@ -5053,14 +5053,14 @@ const Text = ({
 }) => {
   const Tag = variants[variant];
   return /* @__PURE__ */ jsx(Tag, {
-    className: r$4(styleClass === "custom" ? null : `${styles$J[styleClass]}`, className),
+    className: r$4(styleClass === "custom" ? null : `${styles$K[styleClass]}`, className),
     onClick,
     style: style2,
     children: children2
   });
 };
 const search$1 = "_search_qirxg_1";
-var styles$I = {
+var styles$J = {
   "searchTab-container": "_searchTab-container_qirxg_1",
   "searchTab-input": "_searchTab-input_qirxg_9",
   search: search$1
@@ -5092,13 +5092,13 @@ const SearchTab = ({
     setSearchKeyword(keyword == null ? void 0 : keyword.toLowerCase());
   }, [setSearchKeyword, watch, keyword]);
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$I["searchTab-container"]} ${className}`,
+    className: `${styles$J["searchTab-container"]} ${className}`,
     children: [/* @__PURE__ */ jsx("input", {
       placeholder: "Search",
       ...register2("searchKeyword"),
-      className: styles$I["searchTab-input"]
+      className: styles$J["searchTab-input"]
     }), /* @__PURE__ */ jsx("div", {
-      className: styles$I.search,
+      className: styles$J.search,
       children: /* @__PURE__ */ jsx(iconoirSearch, {
         color: "#C7C7C7",
         width: "30px",
@@ -5109,7 +5109,7 @@ const SearchTab = ({
 };
 var icons$1 = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMCIgaGVpZ2h0PSIwIiBjbGFzcz0iaGlkZGVuIj4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9InNxbC1xdWVyeS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTcgMTdMMjIgMTJMMTcgN003IDdMMiAxMkw3IDE3TTE0IDNMMTAgMjEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idmlzdWFsaXphdGlvbi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMTZWMjFNMTIgMTZMMTggMjFNMTIgMTZMNiAyMU0yMSAzVjExLjJDMjEgMTIuODgwMiAyMSAxMy43MjAyIDIwLjY3MyAxNC4zNjJDMjAuMzg1NCAxNC45MjY1IDE5LjkyNjUgMTUuMzg1NCAxOS4zNjIgMTUuNjczQzE4LjcyMDIgMTYgMTcuODgwMiAxNiAxNi4yIDE2SDcuOEM2LjExOTg0IDE2IDUuMjc5NzYgMTYgNC42MzgwMyAxNS42NzNDNC4wNzM1NCAxNS4zODU0IDMuNjE0NiAxNC45MjY1IDMuMzI2OTggMTQuMzYyQzMgMTMuNzIwMiAzIDEyLjg4MDIgMyAxMS4yVjNNOCA5VjEyTTEyIDdWMTJNMTYgMTFWMTJNMjIgM0gyIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9ImFycm93LWJhY2staWNvbiI+DQogICAgPHBhdGggZD0iTTIwIDEySDRNNCAxMkwxMCAxOE00IDEyTDEwIDYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0ibG9nb3V0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xNiAxN0wyMSAxMk0yMSAxMkwxNiA3TTIxIDEySDlNOSAzSDcuOEM2LjExOTg0IDMgNS4yNzk3NiAzIDQuNjM4MDMgMy4zMjY5OEM0LjA3MzU0IDMuNjE0NiAzLjYxNDYgNC4wNzM1NCAzLjMyNjk4IDQuNjM4MDNDMyA1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOFYxNi4yQzMgMTcuODgwMiAzIDE4LjcyMDIgMy4zMjY5OCAxOS4zNjJDMy42MTQ2IDE5LjkyNjUgNC4wNzM1NCAyMC4zODU0IDQuNjM4MDMgMjAuNjczQzUuMjc5NzYgMjEgNi4xMTk4NCAyMSA3LjggMjFIOSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJtb3JlLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMiAxM0MxMi41NTIzIDEzIDEzIDEyLjU1MjMgMTMgMTJDMTMgMTEuNDQ3NyAxMi41NTIzIDExIDEyIDExQzExLjQ0NzcgMTEgMTEgMTEuNDQ3NyAxMSAxMkMxMSAxMi41NTIzIDExLjQ0NzcgMTMgMTIgMTNaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xMiA2QzEyLjU1MjMgNiAxMyA1LjU1MjI4IDEzIDVDMTMgNC40NDc3MiAxMi41NTIzIDQgMTIgNEMxMS40NDc3IDQgMTEgNC40NDc3MiAxMSA1QzExIDUuNTUyMjggMTEuNDQ3NyA2IDEyIDZaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICAgIDxwYXRoIGQ9Ik0xMiAyMEMxMi41NTIzIDIwIDEzIDE5LjU1MjMgMTMgMTlDMTMgMTguNDQ3NyAxMi41NTIzIDE4IDEyIDE4QzExLjQ0NzcgMTggMTEgMTguNDQ3NyAxMSAxOUMxMSAxOS41NTIzIDExLjQ0NzcgMjAgMTIgMjBaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9InNhdmUtaWNvbiI+DQogICAgPHBhdGggZD0iTTcgM1Y2LjRDNyA2Ljk2MDA1IDcgNy4yNDAwOCA3LjEwODk5IDcuNDUzOTlDNy4yMDQ4NyA3LjY0MjE1IDcuMzU3ODUgNy43OTUxMyA3LjU0NjAxIDcuODkxMDFDNy43NTk5MiA4IDguMDM5OTUgOCA4LjYgOEgxNS40QzE1Ljk2MDEgOCAxNi4yNDAxIDggMTYuNDU0IDcuODkxMDFDMTYuNjQyMiA3Ljc5NTEzIDE2Ljc5NTEgNy42NDIxNSAxNi44OTEgNy40NTM5OUMxNyA3LjI0MDA4IDE3IDYuOTYwMDUgMTcgNi40VjRNMTcgMjFWMTQuNkMxNyAxNC4wMzk5IDE3IDEzLjc1OTkgMTYuODkxIDEzLjU0NkMxNi43OTUxIDEzLjM1NzggMTYuNjQyMiAxMy4yMDQ5IDE2LjQ1NCAxMy4xMDlDMTYuMjQwMSAxMyAxNS45NjAxIDEzIDE1LjQgMTNIOC42QzguMDM5OTUgMTMgNy43NTk5MiAxMyA3LjU0NjAxIDEzLjEwOUM3LjM1Nzg1IDEzLjIwNDkgNy4yMDQ4NyAxMy4zNTc4IDcuMTA4OTkgMTMuNTQ2QzcgMTMuNzU5OSA3IDE0LjAzOTkgNyAxNC42VjIxTTIxIDkuMzI1NDhWMTYuMkMyMSAxNy44ODAyIDIxIDE4LjcyMDIgMjAuNjczIDE5LjM2MkMyMC4zODU0IDE5LjkyNjUgMTkuOTI2NSAyMC4zODU0IDE5LjM2MiAyMC42NzNDMTguNzIwMiAyMSAxNy44ODAyIDIxIDE2LjIgMjFINy44QzYuMTE5ODQgMjEgNS4yNzk3NiAyMSA0LjYzODAzIDIwLjY3M0M0LjA3MzU0IDIwLjM4NTQgMy42MTQ2IDE5LjkyNjUgMy4zMjY5OCAxOS4zNjJDMyAxOC43MjAyIDMgMTcuODgwMiAzIDE2LjJWNy44QzMgNi4xMTk4NCAzIDUuMjc5NzYgMy4zMjY5OCA0LjYzODAzQzMuNjE0NiA0LjA3MzU0IDQuMDczNTQgMy42MTQ2IDQuNjM4MDMgMy4zMjY5OEM1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOCAzSDE0LjY3NDVDMTUuMTYzNyAzIDE1LjQwODMgMyAxNS42Mzg1IDMuMDU1MjZDMTUuODQyNSAzLjEwNDI1IDE2LjAzNzYgMy4xODUwNiAxNi4yMTY2IDMuMjk0NzJDMTYuNDE4NCAzLjQxODQgMTYuNTkxNCAzLjU5MTM1IDE2LjkzNzMgMy45MzcyNkwyMC4wNjI3IDcuMDYyNzRDMjAuNDA4NiA3LjQwODY1IDIwLjU4MTYgNy41ODE2IDIwLjcwNTMgNy43ODM0M0MyMC44MTQ5IDcuOTYyMzcgMjAuODk1NyA4LjE1NzQ2IDIwLjk0NDcgOC4zNjE1NEMyMSA4LjU5MTcxIDIxIDguODM2MyAyMSA5LjMyNTQ4WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjb3B5LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMC41IDIuMDAyOEM5LjgyNDk1IDIuMDExOTQgOS40MTk3IDIuMDUxMDMgOS4wOTIwMiAyLjIxNzk5QzguNzE1NjkgMi40MDk3MyA4LjQwOTczIDIuNzE1NjkgOC4yMTc5OSAzLjA5MjAyQzguMDUxMDMgMy40MTk3IDguMDExOTQgMy44MjQ5NSA4LjAwMjggNC41TTE5LjUgMi4wMDI4QzIwLjE3NTEgMi4wMTE5NCAyMC41ODAzIDIuMDUxMDMgMjAuOTA4IDIuMjE3OTlDMjEuMjg0MyAyLjQwOTczIDIxLjU5MDMgMi43MTU2OSAyMS43ODIgMy4wOTIwMkMyMS45NDkgMy40MTk3IDIxLjk4ODEgMy44MjQ5NCAyMS45OTcyIDQuNDk5OTlNMjEuOTk3MiAxMy41QzIxLjk4ODEgMTQuMTc1IDIxLjk0OSAxNC41ODAzIDIxLjc4MiAxNC45MDhDMjEuNTkwMyAxNS4yODQzIDIxLjI4NDMgMTUuNTkwMyAyMC45MDggMTUuNzgyQzIwLjU4MDMgMTUuOTQ5IDIwLjE3NTEgMTUuOTg4MSAxOS41IDE1Ljk5NzJNMjIgNy45OTk5OVY5Ljk5OTk5TTE0LjAwMDEgMkgxNk01LjIgMjJIMTIuOEMxMy45MjAxIDIyIDE0LjQ4MDIgMjIgMTQuOTA4IDIxLjc4MkMxNS4yODQzIDIxLjU5MDMgMTUuNTkwMyAyMS4yODQzIDE1Ljc4MiAyMC45MDhDMTYgMjAuNDgwMiAxNiAxOS45MjAxIDE2IDE4LjhWMTEuMkMxNiAxMC4wNzk5IDE2IDkuNTE5ODQgMTUuNzgyIDkuMDkyMDJDMTUuNTkwMyA4LjcxNTY5IDE1LjI4NDMgOC40MDk3MyAxNC45MDggOC4yMTc5OUMxNC40ODAyIDggMTMuOTIwMSA4IDEyLjggOEg1LjJDNC4wNzk5IDggMy41MTk4NCA4IDMuMDkyMDIgOC4yMTc5OUMyLjcxNTY5IDguNDA5NzMgMi40MDk3MyA4LjcxNTY5IDIuMjE3OTkgOS4wOTIwMkMyIDkuNTE5ODQgMiAxMC4wNzk5IDIgMTEuMlYxOC44QzIgMTkuOTIwMSAyIDIwLjQ4MDIgMi4yMTc5OSAyMC45MDhDMi40MDk3MyAyMS4yODQzIDIuNzE1NjkgMjEuNTkwMyAzLjA5MjAyIDIxLjc4MkMzLjUxOTg0IDIyIDQuMDc5ODkgMjIgNS4yIDIyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkYXRhc2V0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0yMSA1QzIxIDYuNjU2ODUgMTYuOTcwNiA4IDEyIDhDNy4wMjk0NCA4IDMgNi42NTY4NSAzIDVNMjEgNUMyMSAzLjM0MzE1IDE2Ljk3MDYgMiAxMiAyQzcuMDI5NDQgMiAzIDMuMzQzMTUgMyA1TTIxIDVWMTlDMjEgMjAuNjYgMTcgMjIgMTIgMjJDNyAyMiAzIDIwLjY2IDMgMTlWNU0yMSAxMkMyMSAxMy42NiAxNyAxNSAxMiAxNUM3IDE1IDMgMTMuNjYgMyAxMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJmaWx0ZXItaWNvbiI+DQogICAgPHBhdGggZD0iTTIgNC42QzIgNC4wMzk5NSAyIDMuNzU5OTIgMi4xMDg5OSAzLjU0NjAxQzIuMjA0ODcgMy4zNTc4NSAyLjM1Nzg1IDMuMjA0ODcgMi41NDYwMSAzLjEwODk5QzIuNzU5OTIgMyAzLjAzOTk1IDMgMy42IDNIMjAuNEMyMC45NjAxIDMgMjEuMjQwMSAzIDIxLjQ1NCAzLjEwODk5QzIxLjY0MjIgMy4yMDQ4NyAyMS43OTUxIDMuMzU3ODUgMjEuODkxIDMuNTQ2MDFDMjIgMy43NTk5MiAyMiA0LjAzOTk1IDIyIDQuNlY1LjI2OTM5QzIyIDUuNTM4MTkgMjIgNS42NzI1OSAyMS45NjcyIDUuNzk3NTZDMjEuOTM4IDUuOTA4MzEgMjEuODkwMSA2LjAxMzIzIDIxLjgyNTUgNi4xMDc3NkMyMS43NTI2IDYuMjE0NDMgMjEuNjUxIDYuMzAyNDUgMjEuNDQ3OSA2LjQ3ODVMMTUuMDUyMSAxMi4wMjE1QzE0Ljg0OSAxMi4xOTc1IDE0Ljc0NzQgMTIuMjg1NiAxNC42NzQ1IDEyLjM5MjJDMTQuNjA5OSAxMi40ODY4IDE0LjU2MiAxMi41OTE3IDE0LjUzMjggMTIuNzAyNEMxNC41IDEyLjgyNzQgMTQuNSAxMi45NjE4IDE0LjUgMTMuMjMwNlYxOC40NTg0QzE0LjUgMTguNjUzOSAxNC41IDE4Ljc1MTcgMTQuNDY4NSAxOC44MzYzQzE0LjQ0MDYgMTguOTExIDE0LjM5NTMgMTguOTc3OSAxNC4zMzYzIDE5LjAzMTVDMTQuMjY5NSAxOS4wOTIyIDE0LjE3ODcgMTkuMTI4NSAxMy45OTcxIDE5LjIwMTJMMTAuNTk3MSAyMC41NjEyQzEwLjIyOTYgMjAuNzA4MiAxMC4wNDU4IDIwLjc4MTcgOS44OTgyNyAyMC43NTFDOS43NjkyNyAyMC43MjQyIDkuNjU2MDUgMjAuNjQ3NiA5LjU4MzI1IDIwLjUzNzdDOS41IDIwLjQxMjIgOS41IDIwLjIxNDIgOS41IDE5LjgxODRWMTMuMjMwNkM5LjUgMTIuOTYxOCA5LjUgMTIuODI3NCA5LjQ2NzE1IDEyLjcwMjRDOS40MzgwNSAxMi41OTE3IDkuMzkwMTQgMTIuNDg2OCA5LjMyNTUxIDEyLjM5MjJDOS4yNTI1OCAxMi4yODU2IDkuMTUxMDIgMTIuMTk3NSA4Ljk0Nzg5IDEyLjAyMTVMMi41NTIxMSA2LjQ3ODVDMi4zNDg5OCA2LjMwMjQ1IDIuMjQ3NDIgNi4yMTQ0MyAyLjE3NDQ5IDYuMTA3NzZDMi4xMDk4NiA2LjAxMzIzIDIuMDYxOTUgNS45MDgzMSAyLjAzMjg1IDUuNzk3NTZDMiA1LjY3MjU5IDIgNS41MzgxOSAyIDUuMjY5MzlWNC42WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzZXR0aW5ncy1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMTVDMTMuNjU2OSAxNSAxNSAxMy42NTY5IDE1IDEyQzE1IDEwLjM0MzEgMTMuNjU2OSA5IDEyIDlDMTAuMzQzMSA5IDkgMTAuMzQzMSA5IDEyQzkgMTMuNjU2OSAxMC4zNDMxIDE1IDEyIDE1WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTguNzI3MyAxNC43MjczQzE4LjYwNjMgMTUuMDAxNSAxOC41NzAyIDE1LjMwNTYgMTguNjIzNiAxNS42MDA1QzE4LjY3NzEgMTUuODk1NCAxOC44MTc3IDE2LjE2NzYgMTkuMDI3MyAxNi4zODE4TDE5LjA4MTggMTYuNDM2NEMxOS4yNTA5IDE2LjYwNTIgMTkuMzg1IDE2LjgwNTcgMTkuNDc2NSAxNy4wMjY1QzE5LjU2OCAxNy4yNDcyIDE5LjYxNTEgMTcuNDgzOCAxOS42MTUxIDE3LjcyMjdDMTkuNjE1MSAxNy45NjE3IDE5LjU2OCAxOC4xOTgzIDE5LjQ3NjUgMTguNDE5QzE5LjM4NSAxOC42Mzk3IDE5LjI1MDkgMTguODQwMiAxOS4wODE4IDE5LjAwOTFDMTguOTEzIDE5LjE3ODEgMTguNzEyNCAxOS4zMTIyIDE4LjQ5MTcgMTkuNDAzN0MxOC4yNzEgMTkuNDk1MiAxOC4wMzQ0IDE5LjU0MjMgMTcuNzk1NSAxOS41NDIzQzE3LjU1NjUgMTkuNTQyMyAxNy4zMTk5IDE5LjQ5NTIgMTcuMDk5MiAxOS40MDM3QzE2Ljg3ODUgMTkuMzEyMiAxNi42NzggMTkuMTc4MSAxNi41MDkxIDE5LjAwOTFMMTYuNDU0NSAxOC45NTQ1QzE2LjI0MDMgMTguNzQ1IDE1Ljk2ODIgMTguNjA0NCAxNS42NzMzIDE4LjU1MDlDMTUuMzc4NCAxOC40OTc0IDE1LjA3NDIgMTguNTMzNSAxNC44IDE4LjY1NDVDMTQuNTMxMSAxOC43Njk4IDE0LjMwMTggMTguOTYxMSAxNC4xNDAzIDE5LjIwNUMxMy45Nzg4IDE5LjQ0ODkgMTMuODkyMSAxOS43MzQ3IDEzLjg5MDkgMjAuMDI3M1YyMC4xODE4QzEzLjg5MDkgMjAuNjY0IDEzLjY5OTQgMjEuMTI2NSAxMy4zNTg0IDIxLjQ2NzVDMTMuMDE3NCAyMS44MDg0IDEyLjU1NDkgMjIgMTIuMDcyNyAyMkMxMS41OTA1IDIyIDExLjEyODEgMjEuODA4NCAxMC43ODcxIDIxLjQ2NzVDMTAuNDQ2MSAyMS4xMjY1IDEwLjI1NDUgMjAuNjY0IDEwLjI1NDUgMjAuMTgxOFYyMC4xQzEwLjI0NzUgMTkuNzk5MSAxMC4xNTAxIDE5LjUwNzMgOS45NzUwMSAxOS4yNjI1QzkuNzk5OTEgMTkuMDE3NiA5LjU1NTIxIDE4LjgzMTIgOS4yNzI3MyAxOC43MjczQzguOTk4NTMgMTguNjA2MyA4LjY5NDM3IDE4LjU3MDIgOC4zOTk0NyAxOC42MjM2QzguMTA0NTYgMTguNjc3MSA3LjgzMjQ0IDE4LjgxNzcgNy42MTgxOCAxOS4wMjczTDcuNTYzNjQgMTkuMDgxOEM3LjM5NDc4IDE5LjI1MDkgNy4xOTQyNSAxOS4zODUgNi45NzM1MyAxOS40NzY1QzYuNzUyOCAxOS41NjggNi41MTYyMSAxOS42MTUxIDYuMjc3MjcgMTkuNjE1MUM2LjAzODM0IDE5LjYxNTEgNS44MDE3NCAxOS41NjggNS41ODEwMiAxOS40NzY1QzUuMzYwMjkgMTkuMzg1IDUuMTU5NzcgMTkuMjUwOSA0Ljk5MDkxIDE5LjA4MThDNC44MjE4NiAxOC45MTMgNC42ODc3NSAxOC43MTI0IDQuNTk2MjYgMTguNDkxN0M0LjUwNDc2IDE4LjI3MSA0LjQ1NzY2IDE4LjAzNDQgNC40NTc2NiAxNy43OTU1QzQuNDU3NjYgMTcuNTU2NSA0LjUwNDc2IDE3LjMxOTkgNC41OTYyNiAxNy4wOTkyQzQuNjg3NzUgMTYuODc4NSA0LjgyMTg2IDE2LjY3OCA0Ljk5MDkxIDE2LjUwOTFMNS4wNDU0NSAxNi40NTQ1QzUuMjU1MDMgMTYuMjQwMyA1LjM5NTYyIDE1Ljk2ODIgNS40NDkxIDE1LjY3MzNDNS41MDI1NyAxNS4zNzg0IDUuNDY2NDcgMTUuMDc0MiA1LjM0NTQ1IDE0LjhDNS4yMzAyMiAxNC41MzExIDUuMDM4ODcgMTQuMzAxOCA0Ljc5NDk3IDE0LjE0MDNDNC41NTEwNyAxMy45Nzg4IDQuMjY1MjYgMTMuODkyMSAzLjk3MjczIDEzLjg5MDlIMy44MTgxOEMzLjMzNTk3IDEzLjg5MDkgMi44NzM1MSAxMy42OTk0IDIuNTMyNTMgMTMuMzU4NEMyLjE5MTU2IDEzLjAxNzQgMiAxMi41NTQ5IDIgMTIuMDcyN0MyIDExLjU5MDUgMi4xOTE1NiAxMS4xMjgxIDIuNTMyNTMgMTAuNzg3MUMyLjg3MzUxIDEwLjQ0NjEgMy4zMzU5NyAxMC4yNTQ1IDMuODE4MTggMTAuMjU0NUgzLjlDNC4yMDA5IDEwLjI0NzUgNC40OTI3MyAxMC4xNTAxIDQuNzM3NTQgOS45NzUwMUM0Ljk4MjM2IDkuNzk5OTEgNS4xNjg4MyA5LjU1NTIxIDUuMjcyNzMgOS4yNzI3M0M1LjM5Mzc0IDguOTk4NTMgNS40Mjk4NCA4LjY5NDM3IDUuMzc2MzcgOC4zOTk0N0M1LjMyMjkgOC4xMDQ1NiA1LjE4MjMxIDcuODMyNDQgNC45NzI3MyA3LjYxODE4TDQuOTE4MTggNy41NjM2NEM0Ljc0OTEzIDcuMzk0NzggNC42MTUwMyA3LjE5NDI1IDQuNTIzNTMgNi45NzM1M0M0LjQzMjAzIDYuNzUyOCA0LjM4NDkzIDYuNTE2MjEgNC4zODQ5MyA2LjI3NzI3QzQuMzg0OTMgNi4wMzgzNCA0LjQzMjAzIDUuODAxNzQgNC41MjM1MyA1LjU4MTAyQzQuNjE1MDMgNS4zNjAyOSA0Ljc0OTEzIDUuMTU5NzcgNC45MTgxOCA0Ljk5MDkxQzUuMDg3MDQgNC44MjE4NiA1LjI4NzU3IDQuNjg3NzUgNS41MDgyOSA0LjU5NjI2QzUuNzI5MDEgNC41MDQ3NiA1Ljk2NTYxIDQuNDU3NjYgNi4yMDQ1NSA0LjQ1NzY2QzYuNDQzNDggNC40NTc2NiA2LjY4MDA4IDQuNTA0NzYgNi45MDA4IDQuNTk2MjZDNy4xMjE1MiA0LjY4Nzc1IDcuMzIyMDUgNC44MjE4NiA3LjQ5MDkxIDQuOTkwOTFMNy41NDU0NSA1LjA0NTQ1QzcuNzU5NzEgNS4yNTUwMyA4LjAzMTgzIDUuMzk1NjIgOC4zMjY3NCA1LjQ0OTFDOC42MjE2NCA1LjUwMjU3IDguOTI1OCA1LjQ2NjQ3IDkuMiA1LjM0NTQ1SDkuMjcyNzNDOS41NDE2MSA1LjIzMDIyIDkuNzcwOTMgNS4wMzg4NyA5LjkzMjQ1IDQuNzk0OTdDMTAuMDk0IDQuNTUxMDcgMTAuMTgwNyA0LjI2NTI2IDEwLjE4MTggMy45NzI3M1YzLjgxODE4QzEwLjE4MTggMy4zMzU5NyAxMC4zNzM0IDIuODczNTEgMTAuNzE0NCAyLjUzMjUzQzExLjA1NTMgMi4xOTE1NiAxMS41MTc4IDIgMTIgMkMxMi40ODIyIDIgMTIuOTQ0NyAyLjE5MTU2IDEzLjI4NTYgMi41MzI1M0MxMy42MjY2IDIuODczNTEgMTMuODE4MiAzLjMzNTk3IDEzLjgxODIgMy44MTgxOFYzLjlDMTMuODE5MyA0LjE5MjUzIDEzLjkwNiA0LjQ3ODM0IDE0LjA2NzYgNC43MjIyNEMxNC4yMjkxIDQuOTY2MTQgMTQuNDU4NCA1LjE1NzQ5IDE0LjcyNzMgNS4yNzI3M0MxNS4wMDE1IDUuMzkzNzQgMTUuMzA1NiA1LjQyOTg0IDE1LjYwMDUgNS4zNzYzN0MxNS44OTU0IDUuMzIyOSAxNi4xNjc2IDUuMTgyMzEgMTYuMzgxOCA0Ljk3MjczTDE2LjQzNjQgNC45MTgxOEMxNi42MDUyIDQuNzQ5MTMgMTYuODA1NyA0LjYxNTAzIDE3LjAyNjUgNC41MjM1M0MxNy4yNDcyIDQuNDMyMDMgMTcuNDgzOCA0LjM4NDkzIDE3LjcyMjcgNC4zODQ5M0MxNy45NjE3IDQuMzg0OTMgMTguMTk4MyA0LjQzMjAzIDE4LjQxOSA0LjUyMzUzQzE4LjYzOTcgNC42MTUwMyAxOC44NDAyIDQuNzQ5MTMgMTkuMDA5MSA0LjkxODE4QzE5LjE3ODEgNS4wODcwNCAxOS4zMTIyIDUuMjg3NTcgMTkuNDAzNyA1LjUwODI5QzE5LjQ5NTIgNS43MjkwMSAxOS41NDIzIDUuOTY1NjEgMTkuNTQyMyA2LjIwNDU1QzE5LjU0MjMgNi40NDM0OCAxOS40OTUyIDYuNjgwMDggMTkuNDAzNyA2LjkwMDhDMTkuMzEyMiA3LjEyMTUyIDE5LjE3ODEgNy4zMjIwNSAxOS4wMDkxIDcuNDkwOTFMMTguOTU0NSA3LjU0NTQ1QzE4Ljc0NSA3Ljc1OTcxIDE4LjYwNDQgOC4wMzE4MyAxOC41NTA5IDguMzI2NzRDMTguNDk3NCA4LjYyMTY0IDE4LjUzMzUgOC45MjU4IDE4LjY1NDUgOS4yVjkuMjcyNzNDMTguNzY5OCA5LjU0MTYxIDE4Ljk2MTEgOS43NzA5MyAxOS4yMDUgOS45MzI0NUMxOS40NDg5IDEwLjA5NCAxOS43MzQ3IDEwLjE4MDcgMjAuMDI3MyAxMC4xODE4SDIwLjE4MThDMjAuNjY0IDEwLjE4MTggMjEuMTI2NSAxMC4zNzM0IDIxLjQ2NzUgMTAuNzE0NEMyMS44MDg0IDExLjA1NTMgMjIgMTEuNTE3OCAyMiAxMkMyMiAxMi40ODIyIDIxLjgwODQgMTIuOTQ0NyAyMS40Njc1IDEzLjI4NTZDMjEuMTI2NSAxMy42MjY2IDIwLjY2NCAxMy44MTgyIDIwLjE4MTggMTMuODE4MkgyMC4xQzE5LjgwNzUgMTMuODE5MyAxOS41MjE3IDEzLjkwNiAxOS4yNzc4IDE0LjA2NzZDMTkuMDMzOSAxNC4yMjkxIDE4Ljg0MjUgMTQuNDU4NCAxOC43MjczIDE0LjcyNzNaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9ImluZm8taWNvbiI+DQogICAgPHBhdGggZD0iTTEyIDE2VjEyTTEyIDhIMTIuMDFNMjIgMTJDMjIgMTcuNTIyOCAxNy41MjI4IDIyIDEyIDIyQzYuNDc3MTUgMjIgMiAxNy41MjI4IDIgMTJDMiA2LjQ3NzE1IDYuNDc3MTUgMiAxMiAyQzE3LjUyMjggMiAyMiA2LjQ3NzE1IDIyIDEyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzY2hlbWEtaWNvbiI+DQogICAgPHBhdGggZD0iTTEyIDRWMTUuMkMxMiAxNi44ODAyIDEyIDE3LjcyMDIgMTIuMzI3IDE4LjM2MkMxMi42MTQ2IDE4LjkyNjUgMTMuMDczNSAxOS4zODU0IDEzLjYzOCAxOS42NzNDMTQuMjc5OCAyMCAxNS4xMTk4IDIwIDE2LjggMjBIMTdNMTcgMjBDMTcgMjEuMTA0NiAxNy44OTU0IDIyIDE5IDIyQzIwLjEwNDYgMjIgMjEgMjEuMTA0NiAyMSAyMEMyMSAxOC44OTU0IDIwLjEwNDYgMTggMTkgMThDMTcuODk1NCAxOCAxNyAxOC44OTU0IDE3IDIwWk03IDRMMTcgNE03IDRDNyA1LjEwNDU3IDYuMTA0NTcgNiA1IDZDMy44OTU0MyA2IDMgNS4xMDQ1NyAzIDRDMyAyLjg5NTQzIDMuODk1NDMgMiA1IDJDNi4xMDQ1NyAyIDcgMi44OTU0MyA3IDRaTTE3IDRDMTcgNS4xMDQ1NyAxNy44OTU0IDYgMTkgNkMyMC4xMDQ2IDYgMjEgNS4xMDQ1NyAyMSA0QzIxIDIuODk1NDMgMjAuMTA0NiAyIDE5IDJDMTcuODk1NCAyIDE3IDIuODk1NDMgMTcgNFpNMTIgMTJIMTdNMTcgMTJDMTcgMTMuMTA0NiAxNy44OTU0IDE0IDE5IDE0QzIwLjEwNDYgMTQgMjEgMTMuMTA0NiAyMSAxMkMyMSAxMC44OTU0IDIwLjEwNDYgMTAgMTkgMTBDMTcuODk1NCAxMCAxNyAxMC44OTU0IDE3IDEyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJmdWxsc2NyZWVuLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xNCAxMEwyMSAzTTIxIDNIMTVNMjEgM1Y5TTEwIDE0TDMgMjFNMyAyMUg5TTMgMjFMMyAxNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJ0YWJsZS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMyA5TDIxIDlNOSAzTDkgMjFNNy44IDNIMTYuMkMxNy44ODAyIDMgMTguNzIwMiAzIDE5LjM2MiAzLjMyNjk4QzE5LjkyNjUgMy42MTQ2IDIwLjM4NTQgNC4wNzM1NCAyMC42NzMgNC42MzgwM0MyMSA1LjI3OTc2IDIxIDYuMTE5ODQgMjEgNy44VjE2LjJDMjEgMTcuODgwMiAyMSAxOC43MjAyIDIwLjY3MyAxOS4zNjJDMjAuMzg1NCAxOS45MjY1IDE5LjkyNjUgMjAuMzg1NCAxOS4zNjIgMjAuNjczQzE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yIDIxSDcuOEM2LjExOTg0IDIxIDUuMjc5NzYgMjEgNC42MzgwMyAyMC42NzNDNC4wNzM1NCAyMC4zODU0IDMuNjE0NiAxOS45MjY1IDMuMzI2OTggMTkuMzYyQzMgMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yVjcuOEMzIDYuMTE5ODQgMyA1LjI3OTc2IDMuMzI2OTggNC42MzgwM0MzLjYxNDYgNC4wNzM1NCA0LjA3MzU0IDMuNjE0NiA0LjYzODAzIDMuMzI2OThDNS4yNzk3NiAzIDYuMTE5ODQgMyA3LjggM1oiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idGltZS10YWtlbi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMTJMNy43MjcxMSA4LjQzOTI2QzcuMDkyMjYgNy45MTAyMiA2Ljc3NDg0IDcuNjQ1NyA2LjU0NjY0IDcuMzIxNDRDNi4zNDQ0NCA3LjAzNDEzIDYuMTk0MjkgNi43MTM1NCA2LjEwMzAxIDYuMzc0MjhDNiA1Ljk5MTM5IDYgNS41NzgxOSA2IDQuNzUxOFYyTTEyIDEyTDE2LjI3MjkgOC40MzkyNkMxNi45MDc3IDcuOTEwMjIgMTcuMjI1MiA3LjY0NTcgMTcuNDUzNCA3LjMyMTQ0QzE3LjY1NTYgNy4wMzQxMyAxNy44MDU3IDYuNzEzNTQgMTcuODk3IDYuMzc0MjhDMTggNS45OTEzOSAxOCA1LjU3ODE5IDE4IDQuNzUxOFYyTTEyIDEyTDcuNzI3MTEgMTUuNTYwN0M3LjA5MjI2IDE2LjA4OTggNi43NzQ4NCAxNi4zNTQzIDYuNTQ2NjQgMTYuNjc4NkM2LjM0NDQ0IDE2Ljk2NTkgNi4xOTQyOSAxNy4yODY1IDYuMTAzMDEgMTcuNjI1N0M2IDE4LjAwODYgNiAxOC40MjE4IDYgMTkuMjQ4MlYyMk0xMiAxMkwxNi4yNzI5IDE1LjU2MDdDMTYuOTA3NyAxNi4wODk4IDE3LjIyNTIgMTYuMzU0MyAxNy40NTM0IDE2LjY3ODZDMTcuNjU1NiAxNi45NjU5IDE3LjgwNTcgMTcuMjg2NSAxNy44OTcgMTcuNjI1N0MxOCAxOC4wMDg2IDE4IDE4LjQyMTggMTggMTkuMjQ4MlYyMk00IDJIMjBNNCAyMkgyMCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJzZXR1cC1pY29uIj4NCiAgICA8cGF0aCBkPSJNNSAyMUw1IDE1TTUgMTVDNi4xMDQ1NyAxNSA3IDE0LjEwNDYgNyAxM0M3IDExLjg5NTQgNi4xMDQ1NyAxMSA1IDExQzMuODk1NDMgMTEgMyAxMS44OTU0IDMgMTNDMyAxNC4xMDQ2IDMuODk1NDMgMTUgNSAxNVpNNSA3VjNNMTIgMjFWMTVNMTIgN1YzTTEyIDdDMTAuODk1NCA3IDEwIDcuODk1NDMgMTAgOUMxMCAxMC4xMDQ2IDEwLjg5NTQgMTEgMTIgMTFDMTMuMTA0NiAxMSAxNCAxMC4xMDQ2IDE0IDlDMTQgNy44OTU0MyAxMy4xMDQ2IDcgMTIgN1pNMTkgMjFWMTdNMTkgMTdDMjAuMTA0NiAxNyAyMSAxNi4xMDQ2IDIxIDE1QzIxIDEzLjg5NTQgMjAuMTA0NiAxMyAxOSAxM0MxNy44OTU0IDEzIDE3IDEzLjg5NTQgMTcgMTVDMTcgMTYuMTA0NiAxNy44OTU0IDE3IDE5IDE3Wk0xOSA5VjMiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iZGF0YS1tb2RlbC1pY29uIj4NCiAgICA8cGF0aCBkPSJNNCAxOFYxNy44QzQgMTYuMTE5OCA0IDE1LjI3OTggNC4zMjY5OCAxNC42MzhDNC42MTQ2IDE0LjA3MzUgNS4wNzM1NCAxMy42MTQ2IDUuNjM4MDMgMTMuMzI3QzYuMjc5NzYgMTMgNy4xMTk4NCAxMyA4LjggMTNIMTUuMkMxNi44ODAyIDEzIDE3LjcyMDIgMTMgMTguMzYyIDEzLjMyN0MxOC45MjY1IDEzLjYxNDYgMTkuMzg1NCAxNC4wNzM1IDE5LjY3MyAxNC42MzhDMjAgMTUuMjc5OCAyMCAxNi4xMTk4IDIwIDE3LjhWMThNNCAxOEMyLjg5NTQzIDE4IDIgMTguODk1NCAyIDIwQzIgMjEuMTA0NiAyLjg5NTQzIDIyIDQgMjJDNS4xMDQ1NyAyMiA2IDIxLjEwNDYgNiAyMEM2IDE4Ljg5NTQgNS4xMDQ1NyAxOCA0IDE4Wk0yMCAxOEMxOC44OTU0IDE4IDE4IDE4Ljg5NTQgMTggMjBDMTggMjEuMTA0NiAxOC44OTU0IDIyIDIwIDIyQzIxLjEwNDYgMjIgMjIgMjEuMTA0NiAyMiAyMEMyMiAxOC44OTU0IDIxLjEwNDYgMTggMjAgMThaTTEyIDE4QzEwLjg5NTQgMTggMTAgMTguODk1NCAxMCAyMEMxMCAyMS4xMDQ2IDEwLjg5NTQgMjIgMTIgMjJDMTMuMTA0NiAyMiAxNCAyMS4xMDQ2IDE0IDIwQzE0IDE4Ljg5NTQgMTMuMTA0NiAxOCAxMiAxOFpNMTIgMThWOE02IDhIMThDMTguOTMxOSA4IDE5LjM5NzggOCAxOS43NjU0IDcuODQ3NzZDMjAuMjU1NCA3LjY0NDc3IDIwLjY0NDggNy4yNTU0MiAyMC44NDc4IDYuNzY1MzdDMjEgNi4zOTc4MiAyMSA1LjkzMTg4IDIxIDVDMjEgNC4wNjgxMiAyMSAzLjYwMjE4IDIwLjg0NzggMy4yMzQ2M0MyMC42NDQ4IDIuNzQ0NTggMjAuMjU1NCAyLjM1NTIzIDE5Ljc2NTQgMi4xNTIyNEMxOS4zOTc4IDIgMTguOTMxOSAyIDE4IDJINkM1LjA2ODEyIDIgNC42MDIxOCAyIDQuMjM0NjMgMi4xNTIyNEMzLjc0NDU4IDIuMzU1MjMgMy4zNTUyMyAyLjc0NDU4IDMuMTUyMjQgMy4yMzQ2M0MzIDMuNjAyMTggMyA0LjA2ODEyIDMgNUMzIDUuOTMxODggMyA2LjM5NzgyIDMuMTUyMjQgNi43NjUzN0MzLjM1NTIzIDcuMjU1NDIgMy43NDQ1OCA3LjY0NDc3IDQuMjM0NjMgNy44NDc3NkM0LjYwMjE4IDggNS4wNjgxMiA4IDYgOFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iaW50ZWdyYXRpb24taWNvbiI+DQogICAgPHBhdGggZD0iTTkgMTdIN0M0LjIzODU4IDE3IDIgMTQuNzYxNCAyIDEyQzIgOS4yMzg1OCA0LjIzODU4IDcgNyA3SDlNMTUgMTdIMTdDMTkuNzYxNCAxNyAyMiAxNC43NjE0IDIyIDEyQzIyIDkuMjM4NTggMTkuNzYxNCA3IDE3IDdIMTVNNyAxMkwxNyAxMiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJleHRlcm5hbC1kYXNoYm9hcmQtaWNvbiI+DQogICAgPHBhdGggZD0iTTEyIDNIMTYuMkMxNy44ODAyIDMgMTguNzIwMiAzIDE5LjM2MiAzLjMyNjk4QzE5LjkyNjUgMy42MTQ2IDIwLjM4NTQgNC4wNzM1NCAyMC42NzMgNC42MzgwM0MyMSA1LjI3OTc2IDIxIDYuMTE5ODQgMjEgNy44VjE2LjJDMjEgMTcuODgwMiAyMSAxOC43MjAyIDIwLjY3MyAxOS4zNjJDMjAuMzg1NCAxOS45MjY1IDE5LjkyNjUgMjAuMzg1NCAxOS4zNjIgMjAuNjczQzE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yIDIxSDcuOEM2LjExOTg0IDIxIDUuMjc5NzYgMjEgNC42MzgwMyAyMC42NzNDNC4wNzM1NCAyMC4zODU0IDMuNjE0NiAxOS45MjY1IDMuMzI2OTggMTkuMzYyQzMgMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yVjEyTTggMTNWMTdNMTYgMTFWMTdNMTIgN1YxN001IDhWMk0yIDVIOCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjc3YtaWNvbiI+DQogICAgPHBhdGggZD0iTTIwIDEyLjVWNi44QzIwIDUuMTE5ODQgMjAgNC4yNzk3NiAxOS42NzMgMy42MzgwM0MxOS4zODU0IDMuMDczNTQgMTguOTI2NSAyLjYxNDYgMTguMzYyIDIuMzI2OThDMTcuNzIwMiAyIDE2Ljg4MDIgMiAxNS4yIDJIOC44QzcuMTE5ODQgMiA2LjI3OTc2IDIgNS42MzgwMyAyLjMyNjk4QzUuMDczNTQgMi42MTQ2IDQuNjE0NiAzLjA3MzU0IDQuMzI2OTggMy42MzgwM0M0IDQuMjc5NzYgNCA1LjExOTg0IDQgNi44VjE3LjJDNCAxOC44ODAyIDQgMTkuNzIwMiA0LjMyNjk4IDIwLjM2MkM0LjYxNDYgMjAuOTI2NSA1LjA3MzU0IDIxLjM4NTQgNS42MzgwMyAyMS42NzNDNi4yNzk3NiAyMiA3LjExOTggMjIgOC43OTk4NiAyMkgxMi41TTE0IDExSDhNMTAgMTVIOE0xNiA3SDhNMTUgMTlMMTggMjJNMTggMjJMMjEgMTlNMTggMjJWMTYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iaWZyYW1lLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0yMiA5SDJNMTQgMTcuNUwxNi41IDE1TDE0IDEyLjVNMTAgMTIuNUw3LjUgMTVMMTAgMTcuNU0yIDcuOEwyIDE2LjJDMiAxNy44ODAyIDIgMTguNzIwMiAyLjMyNjk4IDE5LjM2MkMyLjYxNDYgMTkuOTI2NSAzLjA3MzU0IDIwLjM4NTQgMy42MzgwMyAyMC42NzNDNC4yNzk3NiAyMSA1LjExOTg0IDIxIDYuOCAyMUgxNy4yQzE4Ljg4MDIgMjEgMTkuNzIwMiAyMSAyMC4zNjIgMjAuNjczQzIwLjkyNjUgMjAuMzg1NCAyMS4zODU0IDE5LjkyNjUgMjEuNjczIDE5LjM2MkMyMiAxOC43MjAyIDIyIDE3Ljg4MDIgMjIgMTYuMlY3LjhDMjIgNi4xMTk4NCAyMiA1LjI3OTc3IDIxLjY3MyA0LjYzODAzQzIxLjM4NTQgNC4wNzM1NCAyMC45MjY1IDMuNjE0NiAyMC4zNjIgMy4zMjY5OEMxOS43MjAyIDMgMTguODgwMiAzIDE3LjIgM0w2LjggM0M1LjExOTg0IDMgNC4yNzk3NiAzIDMuNjM4MDMgMy4zMjY5OEMzLjA3MzU0IDMuNjE0NiAyLjYxNDYgNC4wNzM1NCAyLjMyNjk4IDQuNjM4MDNDMiA1LjI3OTc2IDIgNi4xMTk4NCAyIDcuOFoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iZGFzaGJvYXJkLWljb24iPg0KICAgIDxwYXRoIGQ9Ik04IDEzVjE3TTE2IDExVjE3TTEyIDdWMTdNNy44IDIxSDE2LjJDMTcuODgwMiAyMSAxOC43MjAyIDIxIDE5LjM2MiAyMC42NzNDMTkuOTI2NSAyMC4zODU0IDIwLjM4NTQgMTkuOTI2NSAyMC42NzMgMTkuMzYyQzIxIDE4LjcyMDIgMjEgMTcuODgwMiAyMSAxNi4yVjcuOEMyMSA2LjExOTg0IDIxIDUuMjc5NzYgMjAuNjczIDQuNjM4MDNDMjAuMzg1NCA0LjA3MzU0IDE5LjkyNjUgMy42MTQ2IDE5LjM2MiAzLjMyNjk4QzE4LjcyMDIgMyAxNy44ODAyIDMgMTYuMiAzSDcuOEM2LjExOTg0IDMgNS4yNzk3NiAzIDQuNjM4MDMgMy4zMjY5OEM0LjA3MzU0IDMuNjE0NiAzLjYxNDYgNC4wNzM1NCAzLjMyNjk4IDQuNjM4MDNDMyA1LjI3OTc2IDMgNi4xMTk4NCAzIDcuOFYxNi4yQzMgMTcuODgwMiAzIDE4LjcyMDIgMy4zMjY5OCAxOS4zNjJDMy42MTQ2IDE5LjkyNjUgNC4wNzM1NCAyMC4zODU0IDQuNjM4MDMgMjAuNjczQzUuMjc5NzYgMjEgNi4xMTk4NCAyMSA3LjggMjFaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgaWQ9ImRhdGEtZXhwbG9yYXRpb24taWNvbiI+DQogICAgPHBhdGggZD0iTTIzLjQxMDEgNi44NzU0OUg1LjU5OTk5QzQuNTg5MDUgNi44NzU0OSAzLjc2OTUzIDcuNjk1MDEgMy43Njk1MyA4LjcwNTk0VjIwLjc5NjFDMy43Njk1MyAyMS44MDcgNC41ODkwNSAyMi42MjY2IDUuNTk5OTkgMjIuNjI2NkgyMy40MTAxQzI0LjQyMSAyMi42MjY2IDI1LjI0MDUgMjEuODA3IDI1LjI0MDUgMjAuNzk2MVY4LjcwNTk0QzI1LjI0MDUgNy42OTUwMSAyNC40MjEgNi44NzU0OSAyMy40MTAxIDYuODc1NDlaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xNC41IDQuNDcwN1Y2LjgzNjE3IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xNC40OTkgNC40MTk5QzE1LjQ0MzQgNC40MTk5IDE2LjIwOSAzLjY1NDMzIDE2LjIwOSAyLjcwOTk1QzE2LjIwOSAxLjc2NTU3IDE1LjQ0MzQgMSAxNC40OTkgMUMxMy41NTQ2IDEgMTIuNzg5MSAxLjc2NTU3IDEyLjc4OTEgMi43MDk5NUMxMi43ODkxIDMuNjU0MzMgMTMuNTU0NiA0LjQxOTkgMTQuNDk5IDQuNDE5OVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTI1LjI0NjEgMTEuMzc3OUgyNy4wNjgyQzI3LjU4NDUgMTEuMzc3OSAyOC4wMDMyIDExLjc5NjYgMjguMDAzMiAxMi4zMTI5VjE3LjE4OTNDMjguMDAzMiAxNy43MDU2IDI3LjU4NDUgMTguMTI0MiAyNy4wNjgyIDE4LjEyNDJIMjUuMjUyMyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNMy43NTcxMSAxOC4xMjQySDEuOTM0OTdDMS40MTg2NiAxOC4xMjQyIDEgMTcuNzA1NiAxIDE3LjE4OTNWMTIuMzEyOUMxIDExLjc5NjYgMS40MTg2NiAxMS4zNzc5IDEuOTM0OTcgMTEuMzc3OUgzLjc1NzExIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik05LjM2MzI4IDEzLjg1NzJDOS4zNjMyOCAxMi45NDYxIDEwLjEwMTkgMTIuMjA4NSAxMS4wMTE5IDEyLjIwODVDMTEuOTIyIDEyLjIwODUgMTIuNjYwNiAxMi45NDcxIDEyLjY2MDYgMTMuODU3MkMxMi42NjA2IDEzLjkwMzkgMTIuNjU4NSAxMy45NDk2IDEyLjY1NDQgMTMuOTk1MyIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNMTYuNTc4MSAxMy44NTcyQzE2LjU3ODEgMTIuOTQ2MSAxNy4zMTY3IDEyLjIwODUgMTguMjI2OCAxMi4yMDg1QzE5LjEzNjggMTIuMjA4NSAxOS44NzU0IDEyLjk0NzEgMTkuODc1NCAxMy44NTcyQzE5Ljg3NTQgMTMuOTAzOSAxOS44NzM0IDEzLjk0OTYgMTkuODY5MiAxMy45OTUzIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xOC4wMzA3IDE4LjQwMzhDMTcuMzg0NiAxOC44OTEgMTYuMDI3OCAxOS4yMjU1IDE0LjQ2MDIgMTkuMjI1NUMxMy4wNTc4IDE5LjIyNTUgMTEuODI0NiAxOC45NTc1IDExLjExNzIgMTguNTUyNCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCjwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0icGx1cy1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgOFYxNk04IDEySDE2TTcuOCAyMUgxNi4yQzE3Ljg4MDIgMjEgMTguNzIwMiAyMSAxOS4zNjIgMjAuNjczQzE5LjkyNjUgMjAuMzg1NCAyMC4zODU0IDE5LjkyNjUgMjAuNjczIDE5LjM2MkMyMSAxOC43MjAyIDIxIDE3Ljg4MDIgMjEgMTYuMlY3LjhDMjEgNi4xMTk4NCAyMSA1LjI3OTc2IDIwLjY3MyA0LjYzODAzQzIwLjM4NTQgNC4wNzM1NCAxOS45MjY1IDMuNjE0NiAxOS4zNjIgMy4zMjY5OEMxOC43MjAyIDMgMTcuODgwMiAzIDE2LjIgM0g3LjhDNi4xMTk4NCAzIDUuMjc5NzYgMyA0LjYzODAzIDMuMzI2OThDNC4wNzM1NCAzLjYxNDYgMy42MTQ2IDQuMDczNTQgMy4zMjY5OCA0LjYzODAzQzMgNS4yNzk3NiAzIDYuMTE5ODQgMyA3LjhWMTYuMkMzIDE3Ljg4MDIgMyAxOC43MjAyIDMuMzI2OTggMTkuMzYyQzMuNjE0NiAxOS45MjY1IDQuMDczNTQgMjAuMzg1NCA0LjYzODAzIDIwLjY3M0M1LjI3OTc2IDIxIDYuMTE5ODQgMjEgNy44IDIxWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgaWQ9InNxYXVyZS1pY29uIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+DQogICAgPHBhdGggZD0ibTcuOCwyMWg4LjRjMS42OCwwLDIuNTIsMCwzLjE2LS4zMy41Ni0uMjksMS4wMi0uNzUsMS4zMS0xLjMxLjMzLS42NC4zMy0xLjQ4LjMzLTMuMTZWNy44YzAtMS42OCwwLTIuNTItLjMzLTMuMTYtLjI5LS41Ni0uNzUtMS4wMi0xLjMxLTEuMzEtLjY0LS4zMy0xLjQ4LS4zMy0zLjE2LS4zM0g3LjhjLTEuNjgsMC0yLjUyLDAtMy4xNi4zMy0uNTYuMjktMS4wMi43NS0xLjMxLDEuMzEtLjMzLjY0LS4zMywxLjQ4LS4zMywzLjE2djguNGMwLDEuNjgsMCwyLjUyLjMzLDMuMTYuMjkuNTYuNzUsMS4wMiwxLjMxLDEuMzEuNjQuMzMsMS40OC4zMywzLjE2LjMzWiI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9ImNsb25lLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMC41IDIuMDAyOEM5LjgyNDk1IDIuMDExOTQgOS40MTk3IDIuMDUxMDMgOS4wOTIwMiAyLjIxNzk5QzguNzE1NjkgMi40MDk3MyA4LjQwOTczIDIuNzE1NjkgOC4yMTc5OSAzLjA5MjAyQzguMDUxMDMgMy40MTk3IDguMDExOTQgMy44MjQ5NSA4LjAwMjggNC41TTE5LjUgMi4wMDI4QzIwLjE3NTEgMi4wMTE5NCAyMC41ODAzIDIuMDUxMDMgMjAuOTA4IDIuMjE3OTlDMjEuMjg0MyAyLjQwOTczIDIxLjU5MDMgMi43MTU2OSAyMS43ODIgMy4wOTIwMkMyMS45NDkgMy40MTk3IDIxLjk4ODEgMy44MjQ5NCAyMS45OTcyIDQuNDk5OTlNMjEuOTk3MiAxMy41QzIxLjk4ODEgMTQuMTc1IDIxLjk0OSAxNC41ODAzIDIxLjc4MiAxNC45MDhDMjEuNTkwMyAxNS4yODQzIDIxLjI4NDMgMTUuNTkwMyAyMC45MDggMTUuNzgyQzIwLjU4MDMgMTUuOTQ5IDIwLjE3NTEgMTUuOTg4MSAxOS41IDE1Ljk5NzJNMjIgNy45OTk5OVY5Ljk5OTk5TTE0LjAwMDEgMkgxNk01LjIgMjJIMTIuOEMxMy45MjAxIDIyIDE0LjQ4MDIgMjIgMTQuOTA4IDIxLjc4MkMxNS4yODQzIDIxLjU5MDMgMTUuNTkwMyAyMS4yODQzIDE1Ljc4MiAyMC45MDhDMTYgMjAuNDgwMiAxNiAxOS45MjAxIDE2IDE4LjhWMTEuMkMxNiAxMC4wNzk5IDE2IDkuNTE5ODQgMTUuNzgyIDkuMDkyMDJDMTUuNTkwMyA4LjcxNTY5IDE1LjI4NDMgOC40MDk3MyAxNC45MDggOC4yMTc5OUMxNC40ODAyIDggMTMuOTIwMSA4IDEyLjggOEg1LjJDNC4wNzk5IDggMy41MTk4NCA4IDMuMDkyMDIgOC4yMTc5OUMyLjcxNTY5IDguNDA5NzMgMi40MDk3MyA4LjcxNTY5IDIuMjE3OTkgOS4wOTIwMkMyIDkuNTE5ODQgMiAxMC4wNzk5IDIgMTEuMlYxOC44QzIgMTkuOTIwMSAyIDIwLjQ4MDIgMi4yMTc5OSAyMC45MDhDMi40MDk3MyAyMS4yODQzIDIuNzE1NjkgMjEuNTkwMyAzLjA5MjAyIDIxLjc4MkMzLjUxOTg0IDIyIDQuMDc5ODkgMjIgNS4yIDIyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJjbG9zZS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTggNkw2IDE4TTYgNkwxOCAxOCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkb3VibGUtYXJyb3ctbGVmdC1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTggMTdMMTMgMTJMMTggN00xMSAxN0w2IDEyTDExIDciIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iZG91YmxlLWFycm93LXJpZ2h0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik02IDE3TDExIDEyTDYgN00xMyAxN0wxOCAxMkwxMyA3IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PC9wYXRoPg0KICA8L3N5bWJvbD4NCiAgPHN5bWJvbCBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgaWQ9Im1ldHJpYy1zdG9yZS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTQgMTFIOE0xMCAxNUg4TTE2IDdIOE0yMCAxMC41VjYuOEMyMCA1LjExOTg0IDIwIDQuMjc5NzYgMTkuNjczIDMuNjM4MDNDMTkuMzg1NCAzLjA3MzU0IDE4LjkyNjUgMi42MTQ2IDE4LjM2MiAyLjMyNjk4QzE3LjcyMDIgMiAxNi44ODAyIDIgMTUuMiAySDguOEM3LjExOTg0IDIgNi4yNzk3NiAyIDUuNjM4MDMgMi4zMjY5OEM1LjA3MzU0IDIuNjE0NiA0LjYxNDYgMy4wNzM1NCA0LjMyNjk4IDMuNjM4MDNDNCA0LjI3OTc2IDQgNS4xMTk4NCA0IDYuOFYxNy4yQzQgMTguODgwMiA0IDE5LjcyMDIgNC4zMjY5OCAyMC4zNjJDNC42MTQ2IDIwLjkyNjUgNS4wNzM1NCAyMS4zODU0IDUuNjM4MDMgMjEuNjczQzYuMjc5NzYgMjIgNy4xMTk4NCAyMiA4LjggMjJIMTEuNU0yMiAyMkwyMC41IDIwLjVNMjEuNSAxOEMyMS41IDE5LjkzMyAxOS45MzMgMjEuNSAxOCAyMS41QzE2LjA2NyAyMS41IDE0LjUgMTkuOTMzIDE0LjUgMThDMTQuNSAxNi4wNjcgMTYuMDY3IDE0LjUgMTggMTQuNUMxOS45MzMgMTQuNSAyMS41IDE2LjA2NyAyMS41IDE4WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJyZXNldC1pY29uIj4NCiAgICA8cGF0aCBkPSJNMiAxMEMyIDEwIDIuMTIxMzIgOS4xNTA3NiA1LjYzNjA0IDUuNjM2MDRDOS4xNTA3NiAyLjEyMTMyIDE0Ljg0OTIgMi4xMjEzMiAxOC4zNjQgNS42MzYwNEMxOS42MDkyIDYuODgxMzEgMjAuNDEzMyA4LjQwMDcyIDIwLjc3NjIgMTBNMiAxMFY0TTIgMTBIOE0yMiAxNEMyMiAxNCAyMS44Nzg3IDE0Ljg0OTIgMTguMzY0IDE4LjM2NEMxNC44NDkyIDIxLjg3ODcgOS4xNTA3NiAyMS44Nzg3IDUuNjM2MDQgMTguMzY0QzQuMzkwNzYgMTcuMTE4NyAzLjU4NjY5IDE1LjU5OTMgMy4yMjM4MyAxNE0yMiAxNFYyME0yMiAxNEgxNiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgaWQ9InRhYmxlLXRhYi1pY29uIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+DQogICAgPHBhdGggZD0iTTE3IDFIM0MxLjg5NTQzIDEgMSAxLjg5NTQzIDEgM1YxN0MxIDE4LjEwNDYgMS44OTU0MyAxOSAzIDE5SDE3QzE4LjEwNDYgMTkgMTkgMTguMTA0NiAxOSAxN1YzQzE5IDEuODk1NDMgMTguMTA0NiAxIDE3IDFaIiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xIDdIMTkiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTQgMTBINiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNNCAxM0g2IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik00IDE2SDYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTkgMTBIMTEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTkgMTNIMTEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTkgMTZIMTEiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogICAgPHBhdGggZD0iTTE0IDEwSDE2IiBzdHJva2U9ImN1cnJlbnRDb2xvciIgc3Ryb2tlLXdpZHRoPSIxLjUiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIvPg0KICAgIDxwYXRoIGQ9Ik0xNCAxM0gxNiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiLz4NCiAgICA8cGF0aCBkPSJNMTQgMTZIMTYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIi8+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0icGxheS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgMjJDMTcuNTIyOCAyMiAyMiAxNy41MjI4IDIyIDEyQzIyIDYuNDc3MTUgMTcuNTIyOCAyIDEyIDJDNi40NzcxNSAyIDIgNi40NzcxNSAyIDEyQzIgMTcuNTIyOCA2LjQ3NzE1IDIyIDEyIDIyWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNOS41IDguOTY1MzNDOS41IDguNDg4MDUgOS41IDguMjQ5NDEgOS41OTk3NCA4LjExNjE4QzkuNjg2NjYgOC4wMDAwNyA5LjgxOTcxIDcuOTI3NDQgOS45NjQzOCA3LjkxNzFDMTAuMTMwNCA3LjkwNTI1IDEwLjMzMTEgOC4wMzQyOSAxMC43MzI2IDguMjkyMzlMMTUuNDUzMiAxMS4zMjcxQzE1LjgwMTYgMTEuNTUxIDE1Ljk3NTggMTEuNjYzIDE2LjAzNTkgMTEuODA1NEMxNi4wODg1IDExLjkyOTggMTYuMDg4NSAxMi4wNzAyIDE2LjAzNTkgMTIuMTk0NkMxNS45NzU4IDEyLjMzNyAxNS44MDE2IDEyLjQ0OSAxNS40NTMyIDEyLjY3MjlMMTAuNzMyNiAxNS43MDc2QzEwLjMzMTEgMTUuOTY1NyAxMC4xMzA0IDE2LjA5NDggOS45NjQzOCAxNi4wODI5QzkuODE5NzEgMTYuMDcyNiA5LjY4NjY2IDE1Ljk5OTkgOS41OTk3NCAxNS44ODM4QzkuNSAxNS43NTA2IDkuNSAxNS41MTIgOS41IDE1LjAzNDdWOC45NjUzM1oiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idGljay1pY29uIj4NCiAgICA8cGF0aCBkPSJNMjAgNkw5IDE3TDQgMTIiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idGV4dC1pY29uIj4NCiAgICA8cGF0aCBkPSJNNCA3QzQgNi4wNjgxMiA0IDUuNjAyMTggNC4xNTIyNCA1LjIzNDYzQzQuMzU1MjMgNC43NDQ1OCA0Ljc0NDU4IDQuMzU1MjMgNS4yMzQ2MyA0LjE1MjI0QzUuNjAyMTggNCA2LjA2ODEyIDQgNyA0SDE3QzE3LjkzMTkgNCAxOC4zOTc4IDQgMTguNzY1NCA0LjE1MjI0QzE5LjI1NTQgNC4zNTUyMyAxOS42NDQ4IDQuNzQ0NTggMTkuODQ3OCA1LjIzNDYzQzIwIDUuNjAyMTggMjAgNi4wNjgxMiAyMCA3TTkgMjBIMTVNMTIgNFYyMCIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJ0aW1lLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xMiA2VjEyTDE2IDE0TTIyIDEyQzIyIDE3LjUyMjggMTcuNTIyOCAyMiAxMiAyMkM2LjQ3NzE1IDIyIDIgMTcuNTIyOCAyIDEyQzIgNi40NzcxNSA2LjQ3NzE1IDIgMTIgMkMxNy41MjI4IDIgMjIgNi40NzcxNSAyMiAxMloiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0idW5rbm93bi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTAgOC4wMDIyNEMxMC4xNzYyIDcuNTAxMzYgMTAuNTI0IDcuMDc5MDEgMTAuOTgxNyA2LjgwOTk4QzExLjQzOTUgNi41NDA5NSAxMS45Nzc3IDYuNDQyNiAxMi41MDEgNi41MzIzN0MxMy4wMjQzIDYuNjIyMTMgMTMuNDk5IDYuODk0MjEgMTMuODQwOSA3LjMwMDQxQzE0LjE4MjkgNy43MDY2MSAxNC4zNyA4LjIyMDcyIDE0LjM2OTIgOC43NTE2OEMxNC4zNjkyIDEwLjI1MDYgMTIuMTIwOSAxMSAxMi4xMjA5IDExTTEyLjE0OTkgMTRIMTIuMTU5OU03IDE4VjIwLjMzNTVDNyAyMC44Njg0IDcgMjEuMTM0OCA3LjEwOTIzIDIxLjI3MTZDNy4yMDQyMiAyMS4zOTA2IDcuMzQ4MjcgMjEuNDU5OSA3LjUwMDU0IDIxLjQ1OTdDNy42NzU2MyAyMS40NTk1IDcuODgzNjcgMjEuMjkzMSA4LjI5OTc2IDIwLjk2MDJMMTAuNjg1MiAxOS4wNTE4QzExLjE3MjUgMTguNjYyIDExLjQxNjIgMTguNDY3MSAxMS42ODc1IDE4LjMyODVDMTEuOTI4MiAxOC4yMDU1IDEyLjE4NDQgMTguMTE1NiAxMi40NDkyIDE4LjA2MTNDMTIuNzQ3NyAxOCAxMy4wNTk3IDE4IDEzLjY4MzcgMThIMTYuMkMxNy44ODAyIDE4IDE4LjcyMDIgMTggMTkuMzYyIDE3LjY3M0MxOS45MjY1IDE3LjM4NTQgMjAuMzg1NCAxNi45MjY1IDIwLjY3MyAxNi4zNjJDMjEgMTUuNzIwMiAyMSAxNC44ODAyIDIxIDEzLjJWNy44QzIxIDYuMTE5ODQgMjEgNS4yNzk3NiAyMC42NzMgNC42MzgwM0MyMC4zODU0IDQuMDczNTQgMTkuOTI2NSAzLjYxNDYgMTkuMzYyIDMuMzI2OThDMTguNzIwMiAzIDE3Ljg4MDIgMyAxNi4yIDNINy44QzYuMTE5ODQgMyA1LjI3OTc2IDMgNC42MzgwMyAzLjMyNjk4QzQuMDczNTQgMy42MTQ2IDMuNjE0NiA0LjA3MzU0IDMuMzI2OTggNC42MzgwM0MzIDUuMjc5NzYgMyA2LjExOTg0IDMgNy44VjE0QzMgMTQuOTMgMyAxNS4zOTUgMy4xMDIyMiAxNS43NzY1QzMuMzc5NjIgMTYuODExNyA0LjE4ODI3IDE3LjYyMDQgNS4yMjM1NCAxNy44OTc4QzUuNjA1MDQgMTggNi4wNzAwMyAxOCA3IDE4WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJhcnJheS1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTIgNkMxMi41NTIzIDYgMTMgNS41NTIyOCAxMyA1QzEzIDQuNDQ3NzIgMTIuNTUyMyA0IDEyIDRDMTEuNDQ3NyA0IDExIDQuNDQ3NzIgMTEgNUMxMSA1LjU1MjI4IDExLjQ0NzcgNiAxMiA2WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTIgMTNDMTIuNTUyMyAxMyAxMyAxMi41NTIzIDEzIDEyQzEzIDExLjQ0NzcgMTIuNTUyMyAxMSAxMiAxMUMxMS40NDc3IDExIDExIDExLjQ0NzcgMTEgMTJDMTEgMTIuNTUyMyAxMS40NDc3IDEzIDEyIDEzWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTIgMjBDMTIuNTUyMyAyMCAxMyAxOS41NTIzIDEzIDE5QzEzIDE4LjQ0NzcgMTIuNTUyMyAxOCAxMiAxOEMxMS40NDc3IDE4IDExIDE4LjQ0NzcgMTEgMTlDMTEgMTkuNTUyMyAxMS40NDc3IDIwIDEyIDIwWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTkgNkMxOS41NTIzIDYgMjAgNS41NTIyOCAyMCA1QzIwIDQuNDQ3NzIgMTkuNTUyMyA0IDE5IDRDMTguNDQ3NyA0IDE4IDQuNDQ3NzIgMTggNUMxOCA1LjU1MjI4IDE4LjQ0NzcgNiAxOSA2WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTkgMTNDMTkuNTUyMyAxMyAyMCAxMi41NTIzIDIwIDEyQzIwIDExLjQ0NzcgMTkuNTUyMyAxMSAxOSAxMUMxOC40NDc3IDExIDE4IDExLjQ0NzcgMTggMTJDMTggMTIuNTUyMyAxOC40NDc3IDEzIDE5IDEzWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNMTkgMjBDMTkuNTUyMyAyMCAyMCAxOS41NTIzIDIwIDE5QzIwIDE4LjQ0NzcgMTkuNTUyMyAxOCAxOSAxOEMxOC40NDc3IDE4IDE4IDE4LjQ0NzcgMTggMTlDMTggMTkuNTUyMyAxOC40NDc3IDIwIDE5IDIwWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNSA2QzUuNTUyMjggNiA2IDUuNTUyMjggNiA1QzYgNC40NDc3MiA1LjU1MjI4IDQgNSA0QzQuNDQ3NzIgNCA0IDQuNDQ3NzIgNCA1QzQgNS41NTIyOCA0LjQ0NzcyIDYgNSA2WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNSAxM0M1LjU1MjI4IDEzIDYgMTIuNTUyMyA2IDEyQzYgMTEuNDQ3NyA1LjU1MjI4IDExIDUgMTFDNC40NDc3MiAxMSA0IDExLjQ0NzcgNCAxMkM0IDEyLjU1MjMgNC40NDc3MiAxMyA1IDEzWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgICA8cGF0aCBkPSJNNSAyMEM1LjU1MjI4IDIwIDYgMTkuNTUyMyA2IDE5QzYgMTguNDQ3NyA1LjU1MjI4IDE4IDUgMThDNC40NDc3MiAxOCA0IDE4LjQ0NzcgNCAxOUM0IDE5LjU1MjMgNC40NDc3MiAyMCA1IDIwWiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkYXRlLWljb24iPg0KICAgIDxwYXRoIGQ9Ik0yMSAxMEgzTTE2IDJWNk04IDJWNk03LjggMjJIMTYuMkMxNy44ODAyIDIyIDE4LjcyMDIgMjIgMTkuMzYyIDIxLjY3M0MxOS45MjY1IDIxLjM4NTQgMjAuMzg1NCAyMC45MjY1IDIwLjY3MyAyMC4zNjJDMjEgMTkuNzIwMiAyMSAxOC44ODAyIDIxIDE3LjJWOC44QzIxIDcuMTE5ODQgMjEgNi4yNzk3NiAyMC42NzMgNS42MzgwM0MyMC4zODU0IDUuMDczNTQgMTkuOTI2NSA0LjYxNDYgMTkuMzYyIDQuMzI2OThDMTguNzIwMiA0IDE3Ljg4MDIgNCAxNi4yIDRINy44QzYuMTE5ODQgNCA1LjI3OTc2IDQgNC42MzgwMyA0LjMyNjk4QzQuMDczNTQgNC42MTQ2IDMuNjE0NiA1LjA3MzU0IDMuMzI2OTggNS42MzgwM0MzIDYuMjc5NzYgMyA3LjExOTg0IDMgOC44VjE3LjJDMyAxOC44ODAyIDMgMTkuNzIwMiAzLjMyNjk4IDIwLjM2MkMzLjYxNDYgMjAuOTI2NSA0LjA3MzU0IDIxLjM4NTQgNC42MzgwMyAyMS42NzNDNS4yNzk3NiAyMiA2LjExOTg0IDIyIDcuOCAyMloiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0iYm9vbGVhbi1pY29uIj4NCiAgICA8cGF0aCBkPSJNMTUuMDUwNSA5SDUuNUM0LjExOTI5IDkgMyA3Ljg4MDcxIDMgNi41QzMgNS4xMTkyOSA0LjExOTI5IDQgNS41IDRIMTUuMDUwNU04Ljk0OTQ5IDIwSDE4LjVDMTkuODgwNyAyMCAyMSAxOC44ODA3IDIxIDE3LjVDMjEgMTYuMTE5MyAxOS44ODA3IDE1IDE4LjUgMTVIOC45NDk0OU0zIDE3LjVDMyAxOS40MzMgNC41NjcgMjEgNi41IDIxQzguNDMzIDIxIDEwIDE5LjQzMyAxMCAxNy41QzEwIDE1LjU2NyA4LjQzMyAxNCA2LjUgMTRDNC41NjcgMTQgMyAxNS41NjcgMyAxNy41Wk0yMSA2LjVDMjEgOC40MzMgMTkuNDMzIDEwIDE3LjUgMTBDMTUuNTY3IDEwIDE0IDguNDMzIDE0IDYuNUMxNCA0LjU2NyAxNS41NjcgMyAxNy41IDNDMTkuNDMzIDMgMjEgNC41NjcgMjEgNi41WiIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJpZC1pY29uIj4NCiAgICA8cGF0aCBkPSJNOS40OTk5OSAzTDYuNDk5OTkgMjFNMTcuNSAzTDE0LjUgMjFNMjAuNSA4SDMuNU0xOS41IDE2SDIuNSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJudW1iZXItaWNvbiI+DQogICAgPHBhdGggZD0iTTE5LjkwNjEgMjFDMjEuMjQ2NCAxOC4yODg4IDIyIDE1LjIzMjkgMjIgMTJDMjIgOC43NjcxMSAyMS4yNDY0IDUuNzExMTYgMTkuOTA2MSAzTTQuMDkzOTMgM0MyLjc1MzYzIDUuNzExMTYgMiA4Ljc2NzExIDIgMTJDMiAxNS4yMzI5IDIuNzUzNjMgMTguMjg4OCA0LjA5MzkzIDIxTTE2LjU0ODYgOC42MjVIMTYuNDU5QzE1LjgwNTYgOC42MjUgMTUuMTg0OCA4LjkxMjAyIDE0Ljc1OTYgOS40MTA3Mkw5LjM4NDcxIDE1LjcxNDNDOC45NTk0OCAxNi4yMTMgOC4zMzg3MSAxNi41IDcuNjg1MyAxNi41SDcuNTk1NjNNOC43MTQ4MyA4LjYyNUgxMC4xMDg5QzEwLjYwODYgOC42MjUgMTEuMDQ3NyA4Ljk1Nzk3IDExLjE4NSA5LjQ0MDk0TDEyLjk1OTQgMTUuNjg0MUMxMy4wOTY3IDE2LjE2NyAxMy41MzU4IDE2LjUgMTQuMDM1NSAxNi41SDE1LjQyOTYiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjEuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KICA8c3ltYm9sIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDI0IDI0IiBpZD0ib2JqZWN0LWljb24iPg0KICAgIDxwYXRoIGQ9Ik0xNyAxN0wyMiAxMkwxNyA3TTcgN0wyIDEyTDcgMTdNMTQgM0wxMCAyMSIgc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS13aWR0aD0iMS41IiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiPjwvcGF0aD4NCiAgPC9zeW1ib2w+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMTQgMTQiIGlkPSJkZWxldGUtaWNvbiI+DQogICAgPHBhdGggc3Ryb2tlPSJjdXJyZW50Q29sb3IiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgZD0iTTEgMy41aDEybS0xMC41IDBoOXY5YTEgMSAwIDAgMS0xIDFoLTdhMSAxIDAgMCAxLTEtMXYtOWgwWm0yIDBWM2EyLjUgMi41IDAgMCAxIDUgMHYuNW0tNCAyVjExbTMtNS41VjExIi8+DQogIDwvc3ltYm9sPg0KPC9zdmc+";
 const icons = "_icons_1u812_1";
-var styles$H = {
+var styles$I = {
   icons
 };
 const Icons = ({
@@ -5117,7 +5117,7 @@ const Icons = ({
   className
 }) => {
   return /* @__PURE__ */ jsx("svg", {
-    className: className != null ? className : styles$H.icons,
+    className: className != null ? className : styles$I.icons,
     children: /* @__PURE__ */ jsx("use", {
       href: `${icons$1}#${name}`
     })
@@ -5541,7 +5541,8 @@ const CHART_TYPES = {
   sankey: "sankey",
   singleValue: "single value",
   boxplot: "boxplot",
-  table: "table"
+  table: "table",
+  timeSeries: "time series"
 };
 const STATUS_TAB = "STATUS_TAB";
 const STREAM_TAB = "STREAM_TAB";
@@ -5681,7 +5682,7 @@ const ChartConfig = ({
   };
   if (chartType2 === SANKEY) {
     return /* @__PURE__ */ jsxs("div", {
-      className: styles$K.container,
+      className: styles$L.container,
       children: [/* @__PURE__ */ jsx(Select, {
         label: "Source",
         options: options2,
@@ -5701,7 +5702,7 @@ const ChartConfig = ({
         type: "submit",
         variant: "primary",
         size: "default",
-        className: styles$K.doneBtn,
+        className: styles$L.doneBtn,
         onClick: () => {
           onSubmitSnakeyValues();
           setSettingsShow(false);
@@ -5713,7 +5714,7 @@ const ChartConfig = ({
   if (chartType2 === DOUGHNUT) {
     return /* @__PURE__ */ jsx(Fragment, {
       children: !!(chartType2 === DOUGHNUT || PIE) && /* @__PURE__ */ jsxs("div", {
-        className: styles$K.container,
+        className: styles$L.container,
         children: [/* @__PURE__ */ jsx(Select, {
           label: "Dimension",
           options: options2,
@@ -5721,7 +5722,7 @@ const ChartConfig = ({
           value: xAxis
         }), /* @__PURE__ */ jsxs("form", {
           onSubmit: handleSubmit(onSubmitOptions),
-          className: styles$K.form,
+          className: styles$L.form,
           children: [/* @__PURE__ */ jsx(HookMultiSelect, {
             label: "Measure",
             name: "yAxisList",
@@ -5732,7 +5733,7 @@ const ChartConfig = ({
             type: "submit",
             variant: "primary",
             size: "default",
-            className: styles$K.doneBtn,
+            className: styles$L.doneBtn,
             children: "Done"
           })]
         })]
@@ -5742,7 +5743,7 @@ const ChartConfig = ({
   if (chartType2 === PIE) {
     return /* @__PURE__ */ jsx(Fragment, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$K.container,
+        className: styles$L.container,
         children: [/* @__PURE__ */ jsx(Select, {
           label: "Dimension",
           options: options2,
@@ -5750,7 +5751,7 @@ const ChartConfig = ({
           value: xAxis
         }), /* @__PURE__ */ jsxs("form", {
           onSubmit: handleSubmit(onSubmitOptions),
-          className: styles$K.form,
+          className: styles$L.form,
           children: [/* @__PURE__ */ jsx(HookMultiSelect, {
             name: "yAxisList",
             label: "Measure",
@@ -5761,7 +5762,7 @@ const ChartConfig = ({
             type: "submit",
             variant: "primary",
             size: "default",
-            className: styles$K.doneBtn,
+            className: styles$L.doneBtn,
             children: "Done"
           })]
         })]
@@ -5770,7 +5771,7 @@ const ChartConfig = ({
   }
   if (chartType2 === "single value") {
     return /* @__PURE__ */ jsxs("div", {
-      className: styles$K.container,
+      className: styles$L.container,
       children: [/* @__PURE__ */ jsx(Select, {
         label: "Measure",
         options: options2,
@@ -5780,7 +5781,7 @@ const ChartConfig = ({
         type: "button",
         variant: "primary",
         size: "default",
-        className: styles$K.doneBtn,
+        className: styles$L.doneBtn,
         onClick: () => setSettingsShow(false),
         children: "Done"
       })]
@@ -5788,7 +5789,7 @@ const ChartConfig = ({
   }
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$K.container,
+      className: styles$L.container,
       children: [chartType2 !== "gauge" && chartType2 !== BOXPLOT && chartType2 !== "table" && /* @__PURE__ */ jsx(Fragment, {
         children: chartType2 === "funnel" ? /* @__PURE__ */ jsx(Select, {
           label: "Step",
@@ -5803,7 +5804,7 @@ const ChartConfig = ({
         })
       }), /* @__PURE__ */ jsxs("form", {
         onSubmit: handleSubmit(onSubmitOptions),
-        className: styles$K.form,
+        className: styles$L.form,
         children: [["funnel", "guage", "boxplot"].includes(chartType2) ? /* @__PURE__ */ jsx(Select, {
           label: "Measure",
           options: options2,
@@ -5819,7 +5820,7 @@ const ChartConfig = ({
           type: "submit",
           variant: "primary",
           size: "default",
-          className: styles$K.doneBtn,
+          className: styles$L.doneBtn,
           children: "Done"
         })]
       })]
@@ -6048,109 +6049,16 @@ const materialSymbolsBackupTable = (props) => /* @__PURE__ */ jsx("svg", {
     d: "M8 16h5v-5H8v5Zm0-7h12V4H8Zm7 7h5v-5h-5Zm-7 2q-.825 0-1.412-.587Q6 16.825 6 16V4q0-.825.588-1.413Q7.175 2 8 2h12q.825 0 1.413.587Q22 3.175 22 4v12q0 .825-.587 1.413Q20.825 18 20 18Zm-4 4q-.825 0-1.412-.587Q2 20.825 2 20V6h2v14h14v2Z"
   })
 });
-const ChartModalOptions = ({
-  chartType: chartType2,
-  setChartType
-}) => {
-  const chartOptions2 = [{
-    name: "Line",
-    icon: mdiChartLineVariant
-  }, {
-    name: "Bar",
-    icon: mdiPoll
-  }, {
-    name: "Combo",
-    icon: carbonChartCombo
-  }, {
-    name: "Scatter",
-    icon: bxScatterChart
-  }, {
-    name: "Row",
-    icon: ciBarChartHorizontal
-  }, {
-    name: "Area",
-    icon: antDesignAreaChartOutlined
-  }, {
-    name: "Pie",
-    icon: biPieChart
-  }, {
-    name: "Waterfall",
-    icon: carbonChartWaterfall
-  }, {
-    name: "Funnel",
-    icon: biFunnel
-  }, {
-    name: "Bubble",
-    icon: carbonChartBubble
-  }, {
-    name: "Doughnut",
-    icon: ciDoughnutChart
-  }, {
-    name: "Stepped",
-    icon: carbonChartAreaStepper
-  }, {
-    name: "Histogram",
-    icon: mdiLightChartHistogram
-  }, {
-    name: "Gauge",
-    icon: entypoGauge
-  }, {
-    name: "Sankey",
-    icon: carbonSankeyDiagramAlt
-  }, {
-    name: "Stack",
-    icon: mdiChartBarStacked
-  }, {
-    name: "Single value",
-    icon: bi123
-  }, {
-    name: "BoxPlot",
-    icon: carbonBoxPlot
-  }, {
-    name: "Table",
-    icon: materialSymbolsBackupTable
-  }];
-  return /* @__PURE__ */ jsx("div", {
-    className: styles$K.chartOptions,
-    children: chartOptions2.map((option2) => /* @__PURE__ */ jsxs("div", {
-      className: styles$K.chartOption,
-      children: [/* @__PURE__ */ jsx(Button, {
-        type: "button",
-        variant: "custom",
-        className: chartType2 === option2.name.toLowerCase() ? styles$K.chartOptionBtnSelected : styles$K.chartOptionBtn,
-        onClick: () => {
-          setChartType(option2.name.toLowerCase());
-        },
-        children: /* @__PURE__ */ jsx(option2.icon, {
-          style: {
-            color: "blue",
-            width: "20px",
-            height: "20px"
-          }
-        })
-      }, option2.name), /* @__PURE__ */ jsx(Text, {
-        variant: "p",
-        styleClass: "custom",
-        className: styles$K.chartOptionText,
-        children: option2.name
-      })]
-    }, option2.name))
-  });
-};
-const SelectField = ({
-  value,
-  options: options2,
-  control
-}) => {
-  const [yAxisValue, setYAxisValue] = useState("");
-  return /* @__PURE__ */ jsx(HookSelect, {
-    control,
-    label: "",
-    options: options2,
-    onChange: setYAxisValue,
-    name: yAxisValue ? yAxisValue : value
-  });
-};
+const mdiChartTimelineVariantShimmer = (props) => /* @__PURE__ */ jsx("svg", {
+  viewBox: "0 0 24 24",
+  width: "1.2em",
+  height: "1.2em",
+  ...props,
+  children: /* @__PURE__ */ jsx("path", {
+    fill: "currentColor",
+    d: "M21 8c-1.5 0-2.3 1.4-1.9 2.5l-3.6 3.6c-.3-.1-.7-.1-1 0l-2.6-2.6c.4-1.1-.4-2.5-1.9-2.5c-1.4 0-2.3 1.4-1.9 2.5L3.5 16c-1.1-.3-2.5.5-2.5 2c0 1.1.9 2 2 2c1.4 0 2.3-1.4 1.9-2.5l4.5-4.6c.3.1.7.1 1 0l2.6 2.6c-.3 1 .5 2.5 2 2.5s2.3-1.4 1.9-2.5l3.6-3.6c1.1.3 2.5-.5 2.5-1.9c0-1.1-.9-2-2-2m-6 1l.9-2.1L18 6l-2.1-.9L15 3l-.9 2.1L12 6l2.1.9L15 9M3.5 11L4 9l2-.5L4 8l-.5-2L3 8l-2 .5L3 9l.5 2Z"
+  })
+});
 const operatorList = [
   {
     value: "=",
@@ -6263,6 +6171,163 @@ const DATE_TYPES = [
 const ARRAY_TYPES = ["array", "text[]"];
 const BOOLEAN_TYPES = ["boolean", "bool"];
 const configTabs = ["saved", "simple", "custom"];
+var index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  SOMETHING_WENT_WRONG,
+  CHART_TYPES,
+  STATUS_TAB,
+  STREAM_TAB,
+  CLIENT_NAME_VAR,
+  RLS_CONDITIONS,
+  CHART_TAB,
+  TABLE_TAB,
+  QUERY_TAB,
+  INPUT_TABLE,
+  OUTPUT_TABLE,
+  DOUGHNUT,
+  PIE,
+  SANKEY,
+  BOXPLOT,
+  TABLE,
+  GENERAL,
+  CONFIG,
+  DESTINATIONS,
+  DATABASE_NAME,
+  CLIENT_NAME_VAR_NUM,
+  DATABASE,
+  WEEK_DAYS,
+  TIME_ZONES,
+  TIME,
+  DATE_NUM,
+  FREQUENCY,
+  RAW_CSV_OPTIONS,
+  NONE: NONE$1,
+  REQUESTED,
+  AVAILABLE,
+  operatorList,
+  RowLimitList,
+  AggregateList,
+  NUMBER_TYPES,
+  STRING_TYPES,
+  DATE_TYPES,
+  ARRAY_TYPES,
+  BOOLEAN_TYPES,
+  configTabs
+}, Symbol.toStringTag, { value: "Module" }));
+const ChartModalOptions = ({
+  chartType: chartType2,
+  setChartType,
+  isEnableTimeSeries
+}) => {
+  const chartOptions2 = [{
+    name: "Line",
+    icon: mdiChartLineVariant
+  }, {
+    name: "Bar",
+    icon: mdiPoll
+  }, {
+    name: "Combo",
+    icon: carbonChartCombo
+  }, {
+    name: "Scatter",
+    icon: bxScatterChart
+  }, {
+    name: "Row",
+    icon: ciBarChartHorizontal
+  }, {
+    name: "Area",
+    icon: antDesignAreaChartOutlined
+  }, {
+    name: "Pie",
+    icon: biPieChart
+  }, {
+    name: "Waterfall",
+    icon: carbonChartWaterfall
+  }, {
+    name: "Funnel",
+    icon: biFunnel
+  }, {
+    name: "Bubble",
+    icon: carbonChartBubble
+  }, {
+    name: "Doughnut",
+    icon: ciDoughnutChart
+  }, {
+    name: "Stepped",
+    icon: carbonChartAreaStepper
+  }, {
+    name: "Histogram",
+    icon: mdiLightChartHistogram
+  }, {
+    name: "Gauge",
+    icon: entypoGauge
+  }, {
+    name: "Sankey",
+    icon: carbonSankeyDiagramAlt
+  }, {
+    name: "Stack",
+    icon: mdiChartBarStacked
+  }, {
+    name: "Single value",
+    icon: bi123
+  }, {
+    name: "BoxPlot",
+    icon: carbonBoxPlot
+  }, {
+    name: "Table",
+    icon: materialSymbolsBackupTable
+  }, {
+    name: "Time series",
+    icon: mdiChartTimelineVariantShimmer
+  }];
+  return /* @__PURE__ */ jsx("div", {
+    className: styles$L.chartOptions,
+    children: chartOptions2.map((option2) => /* @__PURE__ */ jsxs("div", {
+      className: styles$L.chartOption,
+      children: [/* @__PURE__ */ jsx(Button, {
+        type: "button",
+        variant: "custom",
+        className: chartType2 === option2.name.toLowerCase() ? styles$L.chartOptionBtnSelected : styles$L.chartOptionBtn,
+        onClick: () => {
+          setChartType(option2.name.toLowerCase());
+        },
+        isDisabled: option2.name.toLowerCase() === CHART_TYPES.timeSeries && !isEnableTimeSeries,
+        children: option2.name.toLowerCase() === CHART_TYPES.timeSeries && !isEnableTimeSeries ? /* @__PURE__ */ jsx(option2.icon, {
+          style: {
+            color: "grey",
+            width: "20px",
+            height: "20px"
+          }
+        }) : /* @__PURE__ */ jsx(option2.icon, {
+          style: {
+            color: "blue",
+            width: "20px",
+            height: "20px"
+          }
+        })
+      }, option2.name), /* @__PURE__ */ jsx(Text, {
+        variant: "p",
+        styleClass: "custom",
+        className: styles$L.chartOptionText,
+        children: option2.name
+      })]
+    }, option2.name))
+  });
+};
+const SelectField = ({
+  value,
+  options: options2,
+  control
+}) => {
+  const [yAxisValue, setYAxisValue] = useState("");
+  return /* @__PURE__ */ jsx(HookSelect, {
+    control,
+    label: "",
+    options: options2,
+    onChange: setYAxisValue,
+    name: yAxisValue ? yAxisValue : value
+  });
+};
 const DataType = ({
   datatype = "unknown",
   className
@@ -6302,7 +6367,7 @@ const DataType = ({
   });
 };
 const error$4 = "_error_1csa7_1";
-var styles$G = {
+var styles$H = {
   error: error$4
 };
 const Error$1 = ({
@@ -6311,13 +6376,13 @@ const Error$1 = ({
   return /* @__PURE__ */ jsx(Text, {
     variant: "p",
     styleClass: "custom",
-    className: styles$G.error,
+    className: styles$H.error,
     children: message
   });
 };
 const container$g = "_container_7vfcn_1";
 const windowIcon = "_windowIcon_7vfcn_7";
-var styles$F = {
+var styles$G = {
   container: container$g,
   windowIcon
 };
@@ -6342,9 +6407,9 @@ const iconoirErrorWindow = (props) => /* @__PURE__ */ jsx("svg", {
 const ErrorFallback = () => {
   return /* @__PURE__ */ jsxs("div", {
     role: "alert",
-    className: styles$F.container,
+    className: styles$G.container,
     children: [/* @__PURE__ */ jsx(iconoirErrorWindow, {
-      className: styles$F.windowIcon
+      className: styles$G.windowIcon
     }), /* @__PURE__ */ jsx(Text, {
       variant: "p",
       styleClass: "font-20",
@@ -6364,7 +6429,7 @@ const fieldLabel = "_fieldLabel_dv0n1_17";
 const save = "_save_dv0n1_25";
 const cancel = "_cancel_dv0n1_33";
 const error$3 = "_error_dv0n1_41";
-var styles$E = {
+var styles$F = {
   container: container$f,
   field,
   fieldLabel,
@@ -6372,15 +6437,15 @@ var styles$E = {
   cancel,
   error: error$3
 };
-const label$6 = "_label_1wy7g_1";
+const label$7 = "_label_1wy7g_1";
 const floatingLabel$1 = "_floatingLabel_1wy7g_7";
 const checkboxLabel = "_checkboxLabel_1wy7g_19";
 const input$2 = "_input_1wy7g_13";
 const floatingInput = "_floatingInput_1wy7g_31";
 const checkboxField = "_checkboxField_1wy7g_37";
 const inputWrapper$1 = "_inputWrapper_1wy7g_43";
-var styles$D = {
-  label: label$6,
+var styles$E = {
+  label: label$7,
   floatingLabel: floatingLabel$1,
   "inputField-container": "_inputField-container_1wy7g_13",
   checkboxLabel,
@@ -6404,7 +6469,7 @@ const InputField = ({
   ...rest
 }) => {
   return ["checkbox", "radio"].includes(type3) ? /* @__PURE__ */ jsxs("div", {
-    className: `${styles$D.checkboxField} ${className != null ? className : ""}`,
+    className: `${styles$E.checkboxField} ${className != null ? className : ""}`,
     children: [/* @__PURE__ */ jsx("input", {
       ...rest,
       type: type3,
@@ -6414,22 +6479,22 @@ const InputField = ({
       disabled: isDisabled
     }), label2 ? /* @__PURE__ */ jsxs("label", {
       htmlFor: id2,
-      className: `${styles$D.checkboxLabel} ${labelClass}`,
+      className: `${styles$E.checkboxLabel} ${labelClass}`,
       children: [icon2, " ", label2]
     }) : null]
   }) : /* @__PURE__ */ jsxs("div", {
-    className: `${styles$D["inputField-container"]} ${className != null ? className : ""}`,
+    className: `${styles$E["inputField-container"]} ${className != null ? className : ""}`,
     children: [label2 ? /* @__PURE__ */ jsx("label", {
       htmlFor: id2,
-      className: `${styles$D.label} ${labelVariant === "floating" ? styles$D.floatingLabel : ""} ${labelClass}`,
+      className: `${styles$E.label} ${labelVariant === "floating" ? styles$E.floatingLabel : ""} ${labelClass}`,
       children: label2
     }) : null, /* @__PURE__ */ jsxs("div", {
-      className: styles$D.inputWrapper,
+      className: styles$E.inputWrapper,
       children: [/* @__PURE__ */ jsx("input", {
         ...rest,
         id: id2,
         type: type3,
-        className: `${styles$D.input} ${labelVariant === "floating" ? styles$D.floatingInput : ""} ${inputClass}`,
+        className: `${styles$E.input} ${labelVariant === "floating" ? styles$E.floatingInput : ""} ${inputClass}`,
         ...register2,
         disabled: isDisabled
       }), icon2]
@@ -6439,12 +6504,12 @@ const InputField = ({
   });
 };
 const container$e = "_container_1rie6_1";
-const label$5 = "_label_1rie6_9";
+const label$6 = "_label_1rie6_9";
 const textarea = "_textarea_1rie6_17";
 const resizable = "_resizable_1rie6_25";
-var styles$C = {
+var styles$D = {
   container: container$e,
-  label: label$5,
+  label: label$6,
   textarea,
   resizable
 };
@@ -6464,10 +6529,10 @@ const TextAreaField = ({
   className
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$C.container} ${className}`,
+    className: `${styles$D.container} ${className}`,
     children: [/* @__PURE__ */ jsx("label", {
       htmlFor: id2,
-      className: styles$C.label,
+      className: styles$D.label,
       children: label2
     }), /* @__PURE__ */ jsx("textarea", {
       id: id2,
@@ -6475,7 +6540,7 @@ const TextAreaField = ({
       rows,
       cols,
       placeholder,
-      className: r$4(styles$C.textarea, `${resizable2 ? null : styles$C.resizable}`),
+      className: r$4(styles$D.textarea, `${resizable2 ? null : styles$D.resizable}`),
       defaultValue: defaultValue2,
       ...register2,
       value,
@@ -6524,11 +6589,11 @@ const checkbox = "_checkbox_2xttg_23";
 const enabled = "_enabled_2xttg_49";
 const notenabled = "_notenabled_2xttg_65";
 const toggle = "_toggle_2xttg_15";
-const label$4 = "_label_2xttg_89";
+const label$5 = "_label_2xttg_89";
 const labelActive = "_labelActive_2xttg_97";
 const labelInactive = "_labelInactive_2xttg_105";
 const toggleInactive = "_toggleInactive_2xttg_113";
-var styles$B = {
+var styles$C = {
   group: group$1,
   button: button$8,
   toggleWidth,
@@ -6537,7 +6602,7 @@ var styles$B = {
   enabled,
   notenabled,
   toggle,
-  label: label$4,
+  label: label$5,
   labelActive,
   labelInactive,
   toggleInactive
@@ -6588,7 +6653,7 @@ const ToggleButton = ({
   name = `toggle-${Date.now()}`
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$B.group} ${className}`,
+    className: `${styles$C.group} ${className}`,
     children: [label2 ? /* @__PURE__ */ jsx(Text, {
       styleClass: "font-14",
       variant: "p",
@@ -6601,15 +6666,15 @@ const ToggleButton = ({
       onChange: ({
         target
       }) => onChange == null ? void 0 : onChange(target.checked),
-      className: styles$B.checkbox
+      className: styles$C.checkbox
     }), variant === "toggle" && /* @__PURE__ */ jsx(Toggle, {
       name,
-      styles: styles$B,
+      styles: styles$C,
       placeholder,
       enabled: enabled2
     }), variant === "switch" && /* @__PURE__ */ jsx(Switch, {
       name,
-      styles: styles$B,
+      styles: styles$C,
       placeholder,
       enabled: enabled2
     })]
@@ -6621,7 +6686,7 @@ const header$4 = "_header_ul4ir_17";
 const headerTitle = "_headerTitle_ul4ir_25";
 const content = "_content_ul4ir_33";
 const footer = "_footer_ul4ir_41";
-var styles$A = {
+var styles$B = {
   modal,
   popup: popup$1,
   header: header$4,
@@ -6647,18 +6712,18 @@ const Modal = ({
   if (!isOpen)
     return null;
   return ReactDOM__default.createPortal(/* @__PURE__ */ jsx("div", {
-    className: styles$A.modal,
+    className: styles$B.modal,
     onClick: onClose,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$A.popup,
+      className: styles$B.popup,
       onClick: (e3) => {
         e3.stopPropagation();
       },
       children: [/* @__PURE__ */ jsx("section", {
-        className: styles$A.header,
+        className: styles$B.header,
         children: customHeader || /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsxs("span", {
-            className: styles$A.headerTitle,
+            className: styles$B.headerTitle,
             children: [icon2, headerTitle2]
           }), /* @__PURE__ */ jsx(Button, {
             variant: "custom",
@@ -6670,7 +6735,7 @@ const Modal = ({
           })]
         })
       }), /* @__PURE__ */ jsx("section", {
-        className: styles$A.content,
+        className: styles$B.content,
         children: children2
       })]
     })
@@ -6681,7 +6746,7 @@ const ModalFooter = ({
   className
 }) => {
   return /* @__PURE__ */ jsx("section", {
-    className: `${styles$A.footer} ${className}`,
+    className: `${styles$B.footer} ${className}`,
     children: children2
   });
 };
@@ -7317,7 +7382,7 @@ const ExternalMetricForm = ({
   return /* @__PURE__ */ jsxs("form", {
     onSubmit: submitMetric,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$E.container,
+      className: styles$F.container,
       children: [/* @__PURE__ */ jsx(MultiSelect, {
         label: "Dashboards",
         options: options2,
@@ -7343,7 +7408,7 @@ const ExternalMetricForm = ({
         }),
         defaultValue: defaultValues == null ? void 0 : defaultValues.metricId
       }), /* @__PURE__ */ jsx(TextAreaField, {
-        className: styles$E.field,
+        className: styles$F.field,
         id: "desc",
         placeholder: "What is the name of metric?",
         label: "Description",
@@ -7351,8 +7416,8 @@ const ExternalMetricForm = ({
         register: register2("description"),
         defaultValue: defaultValues == null ? void 0 : defaultValues.description
       }), !isEmbedded && /* @__PURE__ */ jsx(ToggleButton, {
-        className: styles$E.field,
-        labelClassName: styles$E.fieldLabel,
+        className: styles$F.field,
+        labelClassName: styles$F.fieldLabel,
         enabled: isLiveMode,
         onChange: setLiveMode,
         label: "Publish Type",
@@ -7362,13 +7427,13 @@ const ExternalMetricForm = ({
     }), !!error2 && /* @__PURE__ */ jsx(Text, {
       variant: "p",
       styleClass: "font-14",
-      className: styles$E.error,
+      className: styles$F.error,
       children: error2
     }), /* @__PURE__ */ jsxs(ModalFooter, {
       children: [/* @__PURE__ */ jsx(Button, {
         type: "reset",
         variant: "secondary",
-        className: styles$E.cancel,
+        className: styles$F.cancel,
         onClick: onCancel,
         size: "default",
         children: "Cancel"
@@ -7376,7 +7441,7 @@ const ExternalMetricForm = ({
         type: "submit",
         variant: "primary",
         size: "small",
-        className: styles$E.save,
+        className: styles$F.save,
         isDisabled: !options2.length || !dashboardIds.length,
         children: "Save"
       })]
@@ -7385,7 +7450,7 @@ const ExternalMetricForm = ({
 };
 const container$d = "_container_u60ky_1";
 const wrapper$2 = "_wrapper_u60ky_9";
-const label$3 = "_label_u60ky_17";
+const label$4 = "_label_u60ky_17";
 const noOptions = "_noOptions_u60ky_25";
 const floatingLabel = "_floatingLabel_u60ky_33";
 const floatingText = "_floatingText_u60ky_39";
@@ -7400,10 +7465,10 @@ const search = "_search_u60ky_103";
 const loadMore = "_loadMore_u60ky_111";
 const loadMoreIcon = "_loadMoreIcon_u60ky_119";
 const aboveList = "_aboveList_u60ky_127";
-var styles$z = {
+var styles$A = {
   container: container$d,
   wrapper: wrapper$2,
-  label: label$3,
+  label: label$4,
   noOptions,
   floatingLabel,
   floatingText,
@@ -7491,7 +7556,8 @@ const getChartOption = ({
   axisSettings,
   customSettings,
   backGroundColor,
-  tableSettings
+  tableSettings,
+  timeSeriesSettings
 }) => {
   if (chartType2 === CHART_TYPES.funnel) {
     return {
@@ -7568,7 +7634,8 @@ const getChartOption = ({
     axisSettings,
     backGroundColor,
     customSettings,
-    tableSettings
+    tableSettings,
+    timeSeriesSettings
   };
 };
 const useExternalMetric = ({
@@ -7961,49 +8028,6 @@ const useClientDashboardLayout = ({
   );
   return { saveLayout, layout: layout3, isLayoutLocked };
 };
-var index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  SOMETHING_WENT_WRONG,
-  CHART_TYPES,
-  STATUS_TAB,
-  STREAM_TAB,
-  CLIENT_NAME_VAR,
-  RLS_CONDITIONS,
-  CHART_TAB,
-  TABLE_TAB,
-  QUERY_TAB,
-  INPUT_TABLE,
-  OUTPUT_TABLE,
-  DOUGHNUT,
-  PIE,
-  SANKEY,
-  BOXPLOT,
-  TABLE,
-  GENERAL,
-  CONFIG,
-  DESTINATIONS,
-  DATABASE_NAME,
-  CLIENT_NAME_VAR_NUM,
-  DATABASE,
-  WEEK_DAYS,
-  TIME_ZONES,
-  TIME,
-  DATE_NUM,
-  FREQUENCY,
-  RAW_CSV_OPTIONS,
-  NONE: NONE$1,
-  REQUESTED,
-  AVAILABLE,
-  operatorList,
-  RowLimitList,
-  AggregateList,
-  NUMBER_TYPES,
-  STRING_TYPES,
-  DATE_TYPES,
-  ARRAY_TYPES,
-  BOOLEAN_TYPES,
-  configTabs
-}, Symbol.toStringTag, { value: "Module" }));
 const getLimitSqlQuery = (query, limit) => {
   let sqlQuery = query.replace(/;([^;]*)$/, "");
   const selectedLimit = parseInt(limit, 10);
@@ -8165,41 +8189,41 @@ const FloatingDropDown = ({
     return options2.filter((opt) => opt.label.toLowerCase().includes(searchKeyword)).slice(0, limit);
   }, [searchKeyword, options2, limit]);
   return /* @__PURE__ */ jsxs("div", {
-    className: r$4(styles$z.container, className),
+    className: r$4(styles$A.container, className),
     ref: wrapperRef,
     children: [label2 ? /* @__PURE__ */ jsx(Text, {
       variant: "span",
       styleClass: labelVariant === "floating" ? "custom" : "font-14",
-      className: `${styles$z.label} ${labelVariant === "floating" ? styles$z.floatingLabel : ""}`,
+      className: `${styles$A.label} ${labelVariant === "floating" ? styles$A.floatingLabel : ""}`,
       children: label2
     }) : null, /* @__PURE__ */ jsxs(Button, {
       type: "button",
       variant: "custom",
       isDisabled,
-      className: r$4(styles$z.wrapper, buttonClass),
+      className: r$4(styles$A.wrapper, buttonClass),
       onClick: () => setIsShow(!isShow),
       children: [/* @__PURE__ */ jsxs(Text, {
         variant: "p",
         styleClass: "font-14",
-        className: `${styles$z.text} ${labelVariant === "floating" ? styles$z.floatingText : ""}`,
+        className: `${styles$A.text} ${labelVariant === "floating" ? styles$A.floatingText : ""}`,
         children: [icon2, selectedOption2.label || selectedOption2.value || "Select an option"]
       }), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
     }), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
-      className: `${dropdownAbove ? styles$z.aboveList : styles$z.dropdown}`,
+      className: `${dropdownAbove ? styles$A.aboveList : styles$A.dropdown}`,
       children: [isSearchEnabled && /* @__PURE__ */ jsx(SearchTab, {
-        className: styles$z.search,
+        className: styles$A.search,
         setSearchKeyword
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$z.options,
+        className: styles$A.options,
         children: [!filteredOptions.length && /* @__PURE__ */ jsx("div", {
-          className: styles$z.noOptions,
+          className: styles$A.noOptions,
           children: "Not Available"
         }), filteredOptions.map((option2) => {
           const isSelected = option2.value === selectedOption2.value;
           return /* @__PURE__ */ jsx(Button, {
             type: "button",
             variant: "custom",
-            className: isSelected ? styles$z.checkedOption : styles$z.option,
+            className: isSelected ? styles$A.checkedOption : styles$A.option,
             onClick: () => {
               onChange(option2);
               setIsShow(false);
@@ -8210,10 +8234,10 @@ const FloatingDropDown = ({
           variant: "secondary",
           type: "button",
           onClick: () => setLimit((prev) => prev + 20),
-          className: styles$z.loadMore,
+          className: styles$A.loadMore,
           children: ["Load More", " ", /* @__PURE__ */ jsx(Icons, {
             name: "double-arrow-left-icon",
-            className: styles$z.loadMoreIcon
+            className: styles$A.loadMoreIcon
           })]
         })]
       }), children2]
@@ -8245,41 +8269,41 @@ const MultiFloatingDropDown = e__default.memo(({
     onOutsideClick: () => setIsShow(false)
   });
   return /* @__PURE__ */ jsxs("div", {
-    className: r$4(styles$z.container, className),
+    className: r$4(styles$A.container, className),
     ref: wrapperRef,
     children: [label2 ? /* @__PURE__ */ jsx(Text, {
       variant: "span",
       styleClass: labelVariant === "floating" ? "custom" : "font-14",
-      className: `${styles$z.label} ${labelVariant === "floating" ? styles$z.floatingLabel : ""}`,
+      className: `${styles$A.label} ${labelVariant === "floating" ? styles$A.floatingLabel : ""}`,
       children: label2
     }) : null, /* @__PURE__ */ jsxs(Button, {
       type: "button",
       variant: "custom",
       isDisabled,
-      className: styles$z.wrapper,
+      className: styles$A.wrapper,
       onClick: () => setIsShow(!isShow),
       children: [/* @__PURE__ */ jsx(Text, {
         variant: "p",
         styleClass: "font-14",
-        className: labelVariant === "floating" ? styles$z.floatingText : "",
+        className: labelVariant === "floating" ? styles$A.floatingText : "",
         children: "Choose options from list"
       }), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
     }), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
-      className: styles$z.dropdown,
+      className: styles$A.dropdown,
       children: [isSearchEnabled && /* @__PURE__ */ jsx(SearchTab, {
-        className: styles$z.search,
+        className: styles$A.search,
         setSearchKeyword
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$z.options,
+        className: styles$A.options,
         children: [!filteredOptions.length && /* @__PURE__ */ jsx("div", {
-          className: styles$z.noOptions,
+          className: styles$A.noOptions,
           children: "Not Available"
         }), filteredOptions.map((option2) => {
           const isSelected = !!selectedOptions.find((opt) => opt.value === option2.value);
           return /* @__PURE__ */ jsxs(Button, {
             type: "button",
             variant: "custom",
-            className: isSelected ? styles$z.checkedOption : styles$z.option,
+            className: isSelected ? styles$A.checkedOption : styles$A.option,
             onClick: () => {
               const updatedOptions = isSelected ? selectedOptions.filter((opt) => opt.value !== option2.value) : [...selectedOptions, option2];
               onChange(updatedOptions);
@@ -8293,7 +8317,7 @@ const MultiFloatingDropDown = e__default.memo(({
           className: "w-full text-blue-700 text-center",
           children: ["Load More", /* @__PURE__ */ jsx(Icons, {
             name: "double-arrow-left-icon",
-            className: styles$z.loadMoreIcon
+            className: styles$A.loadMoreIcon
           })]
         })]
       }), children2]
@@ -8410,12 +8434,12 @@ const MultiFilterDropdown = e__default.memo(({
   });
 });
 const fullscreen$3 = "_fullscreen_1wo1t_1";
-var styles$y = {
+var styles$z = {
   fullscreen: fullscreen$3
 };
 const csvlink = "_csvlink_azd6y_1";
 const noChart = "_noChart_azd6y_7";
-var styles$x = {
+var styles$y = {
   csvlink,
   noChart
 };
@@ -8560,7 +8584,7 @@ const CsvDownloadButton = ({
   return /* @__PURE__ */ jsxs("a", {
     href: objectArrayToCsvString(data),
     download: `${fileName}.csv`,
-    className: className != null ? className : styles$x.csvlink,
+    className: className != null ? className : styles$y.csvlink,
     target: "_self",
     children: [/* @__PURE__ */ jsx(Icons, {
       name: "csv-icon",
@@ -79640,7 +79664,9 @@ const AreaChart = ({
   backGroundColor,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const option2 = {
@@ -79743,12 +79769,14 @@ const AreaChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -79764,7 +79792,9 @@ const BarChart = ({
   margins,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2;
   const option2 = {
@@ -79869,12 +79899,14 @@ const BarChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -79889,7 +79921,9 @@ const ComboChart = ({
   backGroundColor,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const choice = ["bar", "line"];
@@ -80018,12 +80052,14 @@ const ComboChart = ({
       ref: chartRef,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -80038,7 +80074,9 @@ const LineChart = ({
   colors: colors2,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2;
   const option2 = {
@@ -80137,12 +80175,14 @@ const LineChart = ({
       ref: chartRef,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -80155,7 +80195,9 @@ const PieChart = ({
   labelSettings,
   chartRef,
   colors: colors2,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2, _c2, _d;
   if (((_b2 = (_a2 = data == null ? void 0 : data.datasets[0]) == null ? void 0 : _a2.data) == null ? void 0 : _b2.length) > 1) {
@@ -80241,12 +80283,12 @@ const PieChart = ({
         option: option22,
         onEvents: {
           click: (params) => {
-            if (handleChartRightClick)
-              handleChartRightClick(params);
+            handleChartClick2(params);
+            drilldown2 == null ? void 0 : drilldown2();
           },
           contextmenu: (params) => {
-            if (handleChartRightClick)
-              handleChartRightClick(params);
+            handleChartClick2(params);
+            setShowChartPopup(true);
           }
         },
         ref: chartRef
@@ -80316,12 +80358,14 @@ const PieChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -80337,7 +80381,9 @@ const RowChart = ({
   colors: colors2,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const option2 = {
@@ -80440,12 +80486,14 @@ const RowChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -80463,7 +80511,9 @@ const ScatterChart = ({
   isEnableGroupBy,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const option2 = {
@@ -80560,12 +80610,14 @@ const ScatterChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -80581,7 +80633,9 @@ const WaterFallChart = ({
   colors: colors2,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2;
   const option2 = {
@@ -80681,12 +80735,14 @@ const WaterFallChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -80700,7 +80756,9 @@ const FunnelChart = ({
   labelSettings,
   colors: colors2,
   chartRef,
-  handleChartRightClick,
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2,
   customSettings
 }) => {
   const option2 = {
@@ -80792,12 +80850,14 @@ const FunnelChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -80813,7 +80873,9 @@ const BubbleChart = ({
   colors: colors2,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const modifiedData = [];
@@ -80937,12 +80999,14 @@ const BubbleChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -80955,7 +81019,9 @@ const DoughnutChart = ({
   labelSettings,
   colors: colors2,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2, _c2;
   if (((_a2 = data == null ? void 0 : data.labels) == null ? void 0 : _a2.length) > 1) {
@@ -81037,10 +81103,12 @@ const DoughnutChart = ({
         option: option22,
         onEvents: {
           click: (params) => {
-            handleChartRightClick(params);
+            handleChartClick2(params);
+            drilldown2 == null ? void 0 : drilldown2();
           },
           contextmenu: (params) => {
-            handleChartRightClick(params);
+            handleChartClick2(params);
+            setShowChartPopup(true);
           }
         },
         ref: chartRef
@@ -81108,12 +81176,14 @@ const DoughnutChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -81130,7 +81200,9 @@ const SteppedAreaChart = ({
   colors: colors2,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const choice = ["start", "middle", "end"];
@@ -81231,12 +81303,14 @@ const SteppedAreaChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -81253,7 +81327,9 @@ const Histogram = ({
   colors: colors2,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2;
   const option2 = {
@@ -81348,12 +81424,14 @@ const Histogram = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -81366,7 +81444,9 @@ const GaugeChart = ({
   legendSettings,
   colors: colors2,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   const newGuageData = Array.isArray(gaugeData) ? gaugeData : [];
   const total = newGuageData.reduce((sum2, item) => {
@@ -81459,12 +81539,14 @@ const GaugeChart = ({
     option: option2,
     onEvents: {
       click: (params) => {
-        if (handleChartRightClick)
-          handleChartRightClick(params);
+        if (handleChartClick2)
+          handleChartClick2(params);
+        drilldown2 == null ? void 0 : drilldown2();
       },
       contextmenu: (params) => {
-        if (handleChartRightClick)
-          handleChartRightClick(params);
+        if (handleChartClick2)
+          handleChartClick2(params);
+        setShowChartPopup(true);
       }
     },
     ref: chartRef
@@ -81476,7 +81558,9 @@ const SankeyChart = ({
   chartRef,
   colors: colors2,
   backGroundColor,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2, _c2;
   const allValues = [];
@@ -81551,12 +81635,14 @@ const SankeyChart = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -81573,7 +81659,9 @@ const StackedBarChart = ({
   colors: colors2,
   backGroundColor,
   customSettings,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2, _b2;
   const customData = useMemo(() => {
@@ -81695,13 +81783,15 @@ const StackedBarChart = ({
       },
       option: option2,
       onEvents: {
-        click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+        cclick: (params) => {
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       },
       ref: chartRef
@@ -81710,12 +81800,12 @@ const StackedBarChart = ({
 };
 const container$c = "_container_qiww4_1";
 const borderLessContainer = "_borderLessContainer_qiww4_7";
-const label$2 = "_label_qiww4_13";
+const label$3 = "_label_qiww4_13";
 const sync = "_sync_qiww4_19";
-var styles$w = {
+var styles$x = {
   container: container$c,
   borderLessContainer,
-  label: label$2,
+  label: label$3,
   sync
 };
 const handleRoute = (routeType, route) => {
@@ -81978,7 +82068,7 @@ const SingleValueChart = ({
   };
   const value = ((_a2 = data[0]) == null ? void 0 : _a2.value) && formattedData(Number((_b2 = data[0]) == null ? void 0 : _b2.value) || 0, customSettings.numberFormatter);
   return /* @__PURE__ */ jsxs("div", {
-    className: hideBorder ? styles$w.borderLessContainer : styles$w.container,
+    className: hideBorder ? styles$x.borderLessContainer : styles$x.container,
     children: [/* @__PURE__ */ jsx("div", {
       style: valueFont,
       onClick: () => {
@@ -82005,7 +82095,9 @@ const BoxPlot = ({
   colors: colors2,
   customSettings,
   chartRef,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  setShowChartPopup,
+  drilldown: drilldown2
 }) => {
   var _a2;
   const modifiedData = [];
@@ -82123,12 +82215,14 @@ const BoxPlot = ({
       option: option2,
       onEvents: {
         click: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          drilldown2 == null ? void 0 : drilldown2();
         },
         contextmenu: (params) => {
-          if (handleChartRightClick)
-            handleChartRightClick(params);
+          if (handleChartClick2)
+            handleChartClick2(params);
+          setShowChartPopup(true);
         }
       }
     })
@@ -85749,7 +85843,7 @@ const buttonContainer = "_buttonContainer_2dwtv_217";
 const button$7 = "_button_2dwtv_217";
 const paginationWrapper = "_paginationWrapper_2dwtv_235";
 const current = "_current_2dwtv_241";
-var styles$v = {
+var styles$w = {
   "table-loader-container": "_table-loader-container_2dwtv_1",
   tableData,
   tableHeadCol: tableHeadCol$1,
@@ -85807,14 +85901,14 @@ const DebouncedInput = ({
     return () => clearTimeout(timeout);
   }, [debounce2, onChange, value]);
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$v.searchTab} ${props.className || ""}`,
+    className: `${styles$w.searchTab} ${props.className || ""}`,
     children: [/* @__PURE__ */ jsx("input", {
       ...props,
       value,
       onChange: (e3) => setValue(e3.target.value),
-      className: styles$v.searchTabInput
+      className: styles$w.searchTabInput
     }), /* @__PURE__ */ jsx(iconoirSearch, {
-      className: styles$v.searchTabIcon,
+      className: styles$w.searchTabIcon,
       color: "#C7C7C7",
       width: "30px",
       height: "30px"
@@ -85996,15 +86090,15 @@ const Table = ({
     };
   }, [globalFilter, data, table2.getState().pagination, table2.getRowModel().rows.length]);
   return /* @__PURE__ */ jsx("div", {
-    className: `${styles$v.container} ${className}`,
+    className: `${styles$w.container} ${className}`,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$v.previewTable,
+      className: styles$w.previewTable,
       children: [(tableSettings == null ? void 0 : tableSettings.enableTableSearch) || (tableSettings == null ? void 0 : tableSettings.showTableTitle) ? /* @__PURE__ */ jsxs("div", {
-        className: tableSettings.showTableTitle ? styles$v.preview : styles$v.searchButton,
+        className: tableSettings.showTableTitle ? styles$w.preview : styles$w.searchButton,
         children: [tableSettings.showTableTitle && /* @__PURE__ */ jsx(Text, {
           styleClass: "font-14c",
           variant: "h1",
-          className: styles$v.previewText,
+          className: styles$w.previewText,
           children: tableName
         }), tableSettings.enableTableSearch && /* @__PURE__ */ jsx(DebouncedInput, {
           value: globalFilter,
@@ -86012,9 +86106,9 @@ const Table = ({
           placeholder: "Search"
         })]
       }) : null, /* @__PURE__ */ jsxs("div", {
-        className: styles$v.tableData,
+        className: styles$w.tableData,
         children: [isLoading && !(data == null ? void 0 : data.length) && /* @__PURE__ */ jsx("div", {
-          className: styles$v["table-loader-container"],
+          className: styles$w["table-loader-container"],
           children: /* @__PURE__ */ jsx(eosIconsLoading, {
             style: {
               width: "50px",
@@ -86024,14 +86118,14 @@ const Table = ({
           })
         }), !!(data == null ? void 0 : data.length) && !isLoading && /* @__PURE__ */ jsx(Fragment, {
           children: /* @__PURE__ */ jsxs("table", {
-            className: styles$v.table,
+            className: styles$w.table,
             children: [/* @__PURE__ */ jsx("thead", {
               children: table2.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", {
-                className: styles$v.row,
+                className: styles$w.row,
                 children: headerGroup.headers.map((header2) => {
                   var _a2;
                   return /* @__PURE__ */ jsxs("th", {
-                    className: styles$v.tableHeadCol,
+                    className: styles$w.tableHeadCol,
                     colSpan: header2.colSpan,
                     style: {
                       width: header2.getSize()
@@ -86039,7 +86133,7 @@ const Table = ({
                     children: [/* @__PURE__ */ jsx("button", {
                       onMouseDown: header2.getResizeHandler(),
                       onTouchStart: header2.getResizeHandler(),
-                      className: `${styles$v.resizer} ${header2.column.getIsResizing() ? styles$v.resizing : ""}`,
+                      className: `${styles$w.resizer} ${header2.column.getIsResizing() ? styles$w.resizing : ""}`,
                       type: "button",
                       title: "Resize Column"
                     }), !(tableSettings == null ? void 0 : tableSettings.enableSorting) ? /* @__PURE__ */ jsx(Fragment, {
@@ -86048,7 +86142,7 @@ const Table = ({
                         children: flexRender(header2.column.columnDef.header, header2.getContext())
                       })
                     }) : /* @__PURE__ */ jsxs("div", {
-                      className: header2.column.getCanSort() ? styles$v.sortButton : "",
+                      className: header2.column.getCanSort() ? styles$w.sortButton : "",
                       onClick: header2.column.getToggleSortingHandler(),
                       children: [header2.isPlaceholder ? null : /* @__PURE__ */ jsx("div", {
                         style: headerStyle,
@@ -86069,9 +86163,9 @@ const Table = ({
               }, headerGroup.id))
             }), /* @__PURE__ */ jsx("tbody", {
               children: (globalFilter ? table2.getRowModel().rows.slice(pagination2.pageSize * pagination2.pageIndex, pagination2.pageSize * (1 + pagination2.pageIndex)) : table2.getRowModel().rows).map((row2, index2) => /* @__PURE__ */ jsx("tr", {
-                className: `${styles$v.tableRow} ${(tableSettings == null ? void 0 : tableSettings.showRowHover) ? styles$v.rowHover : ""} ${(tableSettings == null ? void 0 : tableSettings.enableStripedRows) && Number(index2) % 2 !== 0 ? styles$v.stripedRow : ""}`,
+                className: `${styles$w.tableRow} ${(tableSettings == null ? void 0 : tableSettings.showRowHover) ? styles$w.rowHover : ""} ${(tableSettings == null ? void 0 : tableSettings.enableStripedRows) && Number(index2) % 2 !== 0 ? styles$w.stripedRow : ""}`,
                 children: row2.getVisibleCells().map((cell) => /* @__PURE__ */ jsxs("td", {
-                  className: `${styles$v.tableRowCol} ${!(tableSettings == null ? void 0 : tableSettings.hideVerticalDivider) ? styles$v.rightBorder : ""}`,
+                  className: `${styles$w.tableRowCol} ${!(tableSettings == null ? void 0 : tableSettings.hideVerticalDivider) ? styles$w.rightBorder : ""}`,
                   children: [!!tableSettings && /* @__PURE__ */ jsx("div", {
                     style: divStyle,
                     children: flexRender(cell.column.columnDef.cell, cell.getContext())
@@ -86087,7 +86181,7 @@ const Table = ({
             })]
           })
         }), !(data == null ? void 0 : data.length) && !isLoading && !error2.length && /* @__PURE__ */ jsxs("div", {
-          className: styles$v.noData,
+          className: styles$w.noData,
           children: [/* @__PURE__ */ jsx("img", {
             src: TableIcon,
             alt: "no-data",
@@ -86096,51 +86190,51 @@ const Table = ({
           }), /* @__PURE__ */ jsx(Text, {
             styleClass: "font-14c",
             variant: "h1",
-            className: styles$v.noDataHead,
+            className: styles$w.noDataHead,
             children: "No data tables queried"
           }), /* @__PURE__ */ jsx(Text, {
             styleClass: "font-14",
             variant: "p",
-            className: styles$v.noDataBody,
+            className: styles$w.noDataBody,
             children: "Type your query and input fields beside to generate results and explore data"
           })]
         }), error2 && /* @__PURE__ */ jsx("div", {
-          className: styles$v.error,
+          className: styles$w.error,
           children: /* @__PURE__ */ jsx(Text, {
             styleClass: "primary",
-            className: styles$v.errorMsg,
+            className: styles$w.errorMsg,
             variant: "p",
             children: error2
           })
         })]
       }), data && !(tableSettings == null ? void 0 : tableSettings.disablePagination) && /* @__PURE__ */ jsxs("div", {
-        className: styles$v.pagination,
+        className: styles$w.pagination,
         children: [/* @__PURE__ */ jsx("div", {
-          className: styles$v.rowStyle,
+          className: styles$w.rowStyle,
           children: /* @__PURE__ */ jsx(FloatingDropDown, {
             onChange: setRowSize,
             selectedOption: rowSize,
             options: rowSizeList,
             labelVariant: "static",
             dropdownAbove: true,
-            buttonClass: styles$v.rowsDropdown
+            buttonClass: styles$w.rowsDropdown
           })
         }), /* @__PURE__ */ jsxs("span", {
-          className: styles$v.pageStyle,
+          className: styles$w.pageStyle,
           children: [pageMetaData.from, "-", pageMetaData.to, " of ", pageMetaData.total]
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$v.buttonContainer,
+          className: styles$w.buttonContainer,
           children: [/* @__PURE__ */ jsx(Button, {
             variant: "custom",
             type: "button",
-            className: styles$v.button,
+            className: styles$w.button,
             onClick: () => table2.previousPage(),
             isDisabled: !table2.getCanPreviousPage(),
             children: "Prev"
           }), /* @__PURE__ */ jsx(Button, {
             variant: "custom",
             type: "button",
-            className: styles$v.button,
+            className: styles$w.button,
             onClick: () => table2.nextPage(),
             isDisabled: !table2.getCanNextPage(),
             children: "Next"
@@ -86184,6 +86278,231 @@ const TableChart = ({
   });
 };
 var TableChart$1 = memo$1(TableChart);
+const monthNames = [
+  "Jan",
+  "Feb",
+  "Mar",
+  "Apr",
+  "May",
+  "Jun",
+  "Jul",
+  "Aug",
+  "Sep",
+  "Oct",
+  "Nov",
+  "Dec"
+];
+const getTimeSeriesData = ({
+  dataArray,
+  timeStampKey,
+  type: type3,
+  valuekeys,
+  groupBy,
+  labelSettings,
+  customSettings,
+  backGroundColor
+}) => {
+  const dataset = valuekeys.map((valuekey) => {
+    const parsedData = dataArray.sort(
+      (a4, b3) => new Date(a4[timeStampKey]).getTime() - new Date(b3[timeStampKey]).getTime()
+    ).reduce((acc, curr) => {
+      const groupByMap = {
+        yearly: (date) => date.getFullYear(),
+        monthly: (date) => {
+          const monthIndex = date.getMonth();
+          const year = date.getFullYear();
+          return `${monthNames[monthIndex]} - ${year}`;
+        },
+        weekly: (date) => {
+          const weekStart = new Date(date.getTime());
+          weekStart.setHours(0, 0, 0, 0);
+          weekStart.setDate(date.getDate() - date.getDay() + 1);
+          const weekEnd = new Date(weekStart.getTime());
+          weekEnd.setDate(weekStart.getDate() + 6);
+          return `${weekStart.toLocaleDateString("en-US", {
+            month: "short",
+            day: "numeric",
+            year: "numeric"
+          })} - ${weekEnd.toLocaleDateString("en-US", {
+            month: "short",
+            day: "numeric",
+            year: "numeric"
+          })}`;
+        },
+        daily: (date) => {
+          return `${date.toLocaleDateString("en-US", {
+            month: "short",
+            day: "numeric",
+            year: "numeric"
+          })}`;
+        }
+      };
+      const groupByFn = groupByMap[groupBy];
+      const timeGrain = groupByFn(new Date(curr[timeStampKey]));
+      if (!acc[timeGrain]) {
+        acc[timeGrain] = 0;
+      }
+      acc[timeGrain] += curr[valuekey];
+      return acc;
+    }, {});
+    return parsedData;
+  });
+  const series2 = dataset.map((set2, i2) => ({
+    data: Object.entries(set2),
+    type: type3 === "area" ? "line" : type3,
+    name: valuekeys[i2],
+    label: {
+      show: labelSettings.show,
+      position: labelSettings.position
+    },
+    emphasis: {
+      focus: "series"
+    },
+    ...type3 === "area" ? { areaStyle: {} } : { areaStyle: { opacity: 0 } },
+    ...type3 === "bar" ? {
+      barWidth: `${(customSettings == null ? void 0 : customSettings.barWidth) || 0}%`,
+      showBackground: backGroundColor == null ? void 0 : backGroundColor.show,
+      backgroundStyle: {
+        color: "rgba(180, 180, 180, 0.2)"
+      },
+      itemStyle: {
+        borderRadius: customSettings == null ? void 0 : customSettings.barRadius
+      }
+    } : {}
+  }));
+  return series2;
+};
+const isTimeSeriesDataValid = ({
+  data,
+  timeStampKey,
+  valuekeys
+}) => {
+  if (!Array.isArray(data) || data.length < 2) {
+    return false;
+  }
+  return data.every((item) => {
+    const date = new Date(item[timeStampKey]);
+    return !Number.isNaN(date.getTime()) && valuekeys.every((key) => typeof item[key] === "number");
+  });
+};
+const TimeSeriesChart = ({
+  dataArray,
+  groupBy,
+  timeStampKey,
+  type: type3,
+  valuekeys,
+  margins,
+  colors: colors2,
+  customSettings,
+  axisSettings,
+  labelSettings,
+  legendSettings,
+  backGroundColor
+}) => {
+  const hasDate = isTimeSeriesDataValid({
+    data: dataArray,
+    timeStampKey,
+    valuekeys
+  });
+  if (!hasDate) {
+    return /* @__PURE__ */ jsx("div", {
+      children: "Not a valid dataset"
+    });
+  }
+  const option2 = {
+    toolbox: {
+      emphasis: {
+        iconStyle: {
+          borderColor: "#5865F6"
+        }
+      }
+    },
+    grid: {
+      left: `${margins.marginLeft}%`,
+      bottom: `${margins.marginBottom}%`,
+      top: `${margins.marginTop}%`,
+      right: `${margins.marginRight}%`,
+      containLabel: true
+    },
+    ...(colors2 == null ? void 0 : colors2.length) ? {
+      color: colors2
+    } : {},
+    axisLine: {
+      show: !!(customSettings.hideAxisLines === "y" || customSettings.hideAxisLines === "none")
+    },
+    axisLabel: {
+      show: !!(customSettings.axisLabels === "y" || customSettings.axisLabels === "none")
+    },
+    tooltip: {
+      trigger: "axis",
+      backgroundColor: "black",
+      textStyle: {
+        color: "white"
+      },
+      axisPointer: {
+        type: "shadow"
+      }
+    },
+    xAxis: {
+      type: "category",
+      axisTick: {
+        alignWithLabel: true
+      },
+      axisLabel: {
+        show: !!((customSettings == null ? void 0 : customSettings.axisLabels) === "y" || (customSettings == null ? void 0 : customSettings.axisLabels) === "none"),
+        interval: 0,
+        rotate: customSettings.xRotation,
+        hideOverlap: true,
+        overflow: "truncate"
+      },
+      splitLine: {
+        show: !!((customSettings == null ? void 0 : customSettings.hideSplitLines) === "horizontal" || (customSettings == null ? void 0 : customSettings.hideSplitLines) === "none")
+      },
+      axisLine: {
+        show: !!((customSettings == null ? void 0 : customSettings.hideAxisLines) === "y" || (customSettings == null ? void 0 : customSettings.hideAxisLines) === "none")
+      }
+    },
+    yAxis: {
+      type: "value",
+      position: axisSettings.axis,
+      splitLine: {
+        show: !!(customSettings.hideSplitLines === "vertical" || customSettings.hideSplitLines === "none")
+      },
+      axisLine: {
+        show: !!(customSettings.hideAxisLines === "x" || customSettings.hideAxisLines === "none")
+      },
+      axisLabel: {
+        show: !!(customSettings.axisLabels === "x" || customSettings.axisLabels === "none")
+      }
+    },
+    legend: {
+      show: legendSettings.show,
+      top: legendSettings.top,
+      left: legendSettings.left,
+      right: legendSettings.right,
+      bottom: legendSettings.bottom,
+      orient: legendSettings.position,
+      data: valuekeys
+    },
+    series: getTimeSeriesData({
+      dataArray,
+      timeStampKey,
+      valuekeys,
+      type: type3,
+      groupBy,
+      labelSettings,
+      backGroundColor,
+      customSettings
+    })
+  };
+  return /* @__PURE__ */ jsx(EChartsReact, {
+    option: option2,
+    style: {
+      width: "100%",
+      height: "100%"
+    }
+  });
+};
 const MetricChart = ({
   labels: labels2,
   data,
@@ -86203,9 +86522,15 @@ const MetricChart = ({
   tableSettings,
   chartRef,
   tableName,
-  handleChartRightClick
+  handleChartClick: handleChartClick2,
+  drilldown: drilldown2,
+  setShowChartPopup,
+  rawData,
+  timeSeriesSettings,
+  xAxis,
+  yAxisList
 }) => {
-  var _a2, _b2, _c2, _d, _e2, _f;
+  var _a2, _b2, _c2, _d, _e2, _f, _g, _h;
   if (chartType2 === CHART_TYPES.line) {
     return /* @__PURE__ */ jsx(LineChart, {
       data,
@@ -86216,7 +86541,9 @@ const MetricChart = ({
       axisSettings,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.stepped) {
@@ -86232,7 +86559,9 @@ const MetricChart = ({
       colors: colors2,
       backGroundColor,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.bar) {
@@ -86246,7 +86575,9 @@ const MetricChart = ({
       customSettings,
       margins,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.stack) {
@@ -86261,7 +86592,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.histogram) {
@@ -86276,7 +86609,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.bubble) {
@@ -86291,7 +86626,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.scatter) {
@@ -86306,7 +86643,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.row) {
@@ -86320,7 +86659,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.area) {
@@ -86338,7 +86679,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.combo) {
@@ -86357,7 +86700,9 @@ const MetricChart = ({
       colors: colors2,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.pie) {
@@ -86369,7 +86714,9 @@ const MetricChart = ({
       enableSaveAs,
       colors: colors2,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.doughnut) {
@@ -86381,7 +86728,9 @@ const MetricChart = ({
       enableSaveAs,
       colors: colors2,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.waterfall) {
@@ -86410,7 +86759,9 @@ const MetricChart = ({
       backGroundColor,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.funnel) {
@@ -86421,8 +86772,10 @@ const MetricChart = ({
       labelSettings,
       colors: colors2,
       chartRef,
-      handleChartRightClick,
-      customSettings
+      handleChartClick: handleChartClick2,
+      customSettings,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.gauge) {
@@ -86448,7 +86801,9 @@ const MetricChart = ({
       enableSaveAs,
       colors: colors2,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.sankey) {
@@ -86461,7 +86816,9 @@ const MetricChart = ({
       colors: colors2,
       backGroundColor,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.singleValue) {
@@ -86484,7 +86841,9 @@ const MetricChart = ({
       colors: colors2,
       customSettings,
       chartRef,
-      handleChartRightClick
+      handleChartClick: handleChartClick2,
+      drilldown: drilldown2,
+      setShowChartPopup
     });
   }
   if (chartType2 === CHART_TYPES.table) {
@@ -86495,8 +86854,24 @@ const MetricChart = ({
       tableName
     });
   }
+  if (chartType2 === CHART_TYPES.timeSeries) {
+    return /* @__PURE__ */ jsx(TimeSeriesChart, {
+      dataArray: rawData,
+      groupBy: timeSeriesSettings.groupBySettings.value,
+      timeStampKey: xAxis,
+      type: ((_h = (_g = timeSeriesSettings.seriesType) == null ? void 0 : _g[0]) == null ? void 0 : _h.type) || "bar",
+      valuekeys: yAxisList,
+      axisSettings,
+      customSettings,
+      labelSettings,
+      legendSettings,
+      margins,
+      colors: colors2,
+      backGroundColor
+    });
+  }
   return /* @__PURE__ */ jsx("div", {
-    className: styles$x.noChart,
+    className: styles$y.noChart,
     children: "No chart selected"
   });
 };
@@ -86510,7 +86885,7 @@ const FullScreenChart = ({
     onClose: onCancel,
     headerTitle: "Chart Preview",
     children: /* @__PURE__ */ jsx("div", {
-      className: styles$y.fullscreen,
+      className: styles$z.fullscreen,
       children: chart && /* @__PURE__ */ jsx(MetricChart, {
         labels: chart.labels,
         data: chart.data,
@@ -86535,7 +86910,13 @@ const FullScreenChart = ({
           routeType: "internal"
         },
         chartRef: chart.chartRef,
-        handleChartRightClick: chart.handleChartRightClick
+        handleChartClick: chart.handleChartClick,
+        drilldown: chart.drilldown,
+        setShowChartPopup: chart.setShowChartPopup,
+        rawData: chart.rawData,
+        timeSeriesSettings: chart.timeSeriesSettings,
+        xAxis: chart.xAxis,
+        yAxisList: chart.yAxisList
       })
     })
   });
@@ -86547,7 +86928,7 @@ const buttonText = "_buttonText_1ecv1_19";
 const buttonIcon = "_buttonIcon_1ecv1_25";
 const filterName = "_filterName_1ecv1_31";
 const filterDropdown$2 = "_filterDropdown_1ecv1_37";
-var styles$u = {
+var styles$v = {
   button: button$6,
   menu: menu$3,
   menuContainer: menuContainer$1,
@@ -86572,7 +86953,7 @@ const top$3 = "_top_1qflp_97";
 const bottom$4 = "_bottom_1qflp_105";
 const left$3 = "_left_1qflp_113";
 const right$3 = "_right_1qflp_121";
-var styles$t = {
+var styles$u = {
   container: container$a,
   popover: popover$1,
   button: button$5,
@@ -86620,26 +87001,26 @@ const PopoverMenu = ({
   });
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: `${styles$t.container} ${className}`,
+      className: `${styles$u.container} ${className}`,
       ref: wrapperRef,
       children: [/* @__PURE__ */ jsx(Button, {
-        className: `${buttonClass} ${isOpen ? styles$t.buttonOpen : ""} ${styles$t.button}`,
+        className: `${buttonClass} ${isOpen ? styles$u.buttonOpen : ""} ${styles$u.button}`,
         type: "button",
         variant: "custom",
         onClick: () => !isDisabled && setOpen((prev) => !prev),
         children: button2
       }), !isDisabled ? /* @__PURE__ */ jsx("div", {
-        className: `${styles$t.popover} ${styles$t[position2]} ${menuContainerClass}`,
+        className: `${styles$u.popover} ${styles$u[position2]} ${menuContainerClass}`,
         children: /* @__PURE__ */ jsx(We$1, {
           as: "div",
-          className: `${styles$t.menu} ${menuClass}`,
+          className: `${styles$u.menu} ${menuClass}`,
           show: isOpen,
-          enter: styles$t.enter,
-          enterFrom: styles$t.enterFrom,
-          enterTo: styles$t.enterTo,
-          leave: styles$t.leave,
-          leaveFrom: styles$t.leaveFrom,
-          leaveTo: styles$t.leaveTo,
+          enter: styles$u.enter,
+          enterFrom: styles$u.enterFrom,
+          enterTo: styles$u.enterTo,
+          leave: styles$u.leave,
+          leaveFrom: styles$u.leaveFrom,
+          leaveTo: styles$u.leaveTo,
           children: children2
         })
       }) : null]
@@ -86695,25 +87076,25 @@ const FilterField = ({
   }, [isResetted]);
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsxs(PopoverMenu, {
-      buttonClass: styles$u.button,
-      menuClass: styles$u.menu,
+      buttonClass: styles$v.button,
+      menuClass: styles$v.menu,
       position: "bottom-left",
-      menuContainerClass: styles$u.menuContainer,
+      menuContainerClass: styles$v.menuContainer,
       button: /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsxs("span", {
-          className: styles$u.buttonText,
+          className: styles$v.buttonText,
           children: [/* @__PURE__ */ jsx(DataType, {
             datatype: filter2.as || type3
           }), filter2.name]
         }), /* @__PURE__ */ jsx("span", {
-          className: styles$u.buttonIcon,
+          className: styles$v.buttonIcon,
           children: /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})
         })]
       }),
       children: [/* @__PURE__ */ jsx(Text, {
         variant: "p",
         styleClass: "font-14",
-        className: styles$u.filterName,
+        className: styles$v.filterName,
         children: filter2.name
       }), /* @__PURE__ */ jsx(FloatingDropDown, {
         label: "Operator",
@@ -86734,7 +87115,7 @@ const FilterField = ({
           onChange: setOption,
           label: "Filter Value",
           labelVariant: "static",
-          className: styles$u.filterDropdown
+          className: styles$v.filterDropdown
         }) : /* @__PURE__ */ jsx(Fragment, {
           children: isInFilterOperator(operator.value) ? /* @__PURE__ */ jsx(MultiFilterDropdown, {
             selectedOptions: multiOptions,
@@ -86747,7 +87128,7 @@ const FilterField = ({
             isSearchEnabled: true,
             label: "Filter Value",
             labelVariant: "static",
-            className: styles$u.filterDropdown,
+            className: styles$v.filterDropdown,
             autoSelected: false,
             integrationId,
             integrationName
@@ -86762,7 +87143,7 @@ const FilterField = ({
             isSearchEnabled: true,
             label: "Filter Value",
             labelVariant: "static",
-            className: styles$u.filterDropdown,
+            className: styles$v.filterDropdown,
             autoSelected: false,
             integrationId,
             integrationName
@@ -86807,7 +87188,7 @@ const textBold = "_textBold_158ok_213";
 const filterButton = "_filterButton_158ok_221";
 const filterBtnText = "_filterBtnText_158ok_229";
 const filterLength = "_filterLength_158ok_237";
-var styles$s = {
+var styles$t = {
   container: container$9,
   form: form$1,
   filterHeader,
@@ -86855,27 +87236,27 @@ const NumberFilterField = ({
   });
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsx(PopoverMenu, {
-      menuClass: styles$s.numberFieldLabelMenuClass,
+      menuClass: styles$t.numberFieldLabelMenuClass,
       button: /* @__PURE__ */ jsxs("div", {
-        className: styles$s.numberField,
+        className: styles$t.numberField,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$s.numberFieldLabelText,
+          className: styles$t.numberFieldLabelText,
           children: [/* @__PURE__ */ jsx(Text, {
             variant: "p",
             styleClass: "font-14",
-            className: styles$s.numberFieldLabel,
+            className: styles$t.numberFieldLabel,
             children: column2.label || column2.name
           }), /* @__PURE__ */ jsx(Text, {
             variant: "p",
             styleClass: "font-14",
-            className: styles$s.numberFieldLabelSelectText,
+            className: styles$t.numberFieldLabelSelectText,
             children: "Select an option"
           })]
         }), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
       }),
-      buttonClass: styles$s.numberFieldButtonClass,
+      buttonClass: styles$t.numberFieldButtonClass,
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$s.numberFieldWrapper,
+        className: styles$t.numberFieldWrapper,
         children: [/* @__PURE__ */ jsx(InputField, {
           label: "minimum",
           type: "number",
@@ -86960,7 +87341,7 @@ const AddFilter = ({
       }),
       position: "bottom-left",
       children: /* @__PURE__ */ jsx("div", {
-        className: styles$s.addFilterMenu,
+        className: styles$t.addFilterMenu,
         children: columnList.map((col) => {
           const isSelected = !!filterList.find((opt) => opt.name === col.name);
           return /* @__PURE__ */ jsxs(Button, {
@@ -86969,7 +87350,7 @@ const AddFilter = ({
               const updatedOptions = isSelected ? filterList.filter((opt) => opt.name !== col.name) : [...filterList, col];
               setFilterList(updatedOptions);
             },
-            className: isSelected ? styles$s.checkedOption : styles$s.option,
+            className: isSelected ? styles$t.checkedOption : styles$t.option,
             children: [isSelected ? /* @__PURE__ */ jsx(materialSymbolsCheckBox, {}) : /* @__PURE__ */ jsx(materialSymbolsCheckBoxOutlineBlank, {}), col.label || col.name]
           });
         })
@@ -86983,13 +87364,13 @@ const AppliedFilter = ({
   onChangeFilters
 }) => {
   return /* @__PURE__ */ jsx("div", {
-    className: styles$s.appliedfilters,
+    className: styles$t.appliedfilters,
     children: appliedFilter.map((filter2) => /* @__PURE__ */ jsxs("div", {
-      className: styles$s.appliedFilterTag,
+      className: styles$t.appliedFilterTag,
       children: [/* @__PURE__ */ jsx(Text, {
         variant: "p",
         styleClass: "font-14",
-        className: styles$s.textBold,
+        className: styles$t.textBold,
         children: filter2.column
       }), /* @__PURE__ */ jsx(Text, {
         variant: "p",
@@ -87002,7 +87383,7 @@ const AppliedFilter = ({
       }), /* @__PURE__ */ jsx(Text, {
         variant: "p",
         styleClass: "font-14",
-        className: styles$s.textBold,
+        className: styles$t.textBold,
         children: Array.isArray(filter2.value) ? filter2.as === "string" ? filter2.value.join(", ") : filter2.value.join(" & ") : typeof filter2.value === "string" && filter2.as === "number" ? filter2.value.replace("AND", "&") : typeof filter2.value === "string" && filter2.as === "date" ? filter2.value.split(" ").slice(2).join(" ").replace("AND", "&") : filter2.value
       }), /* @__PURE__ */ jsx(Button, {
         variant: "secondary",
@@ -95334,25 +95715,27 @@ var zt = function(t3) {
   } }]), a4;
 }(), $t = "input", Gt = "navigate";
 var reactDatepicker = "";
-const datePickerContainer = "_datePickerContainer_1dons_1";
-const buttonWrapper = "_buttonWrapper_1dons_9";
-const datePickerCalendarWrapper = "_datePickerCalendarWrapper_1dons_17";
-const label$1 = "_label_1dons_25";
-const text = "_text_1dons_31";
-const button$4 = "_button_1dons_9";
-const datePickerCalContainer = "_datePickerCalContainer_1dons_43";
-const datePickerOptionsWrapper = "_datePickerOptionsWrapper_1dons_49";
-const datePickerOption = "_datePickerOption_1dons_49";
-const datePickerCalendar = "_datePickerCalendar_1dons_17";
-const datePickerCalendarHeader = "_datePickerCalendarHeader_1dons_73";
-const checkedOption = "_checkedOption_1dons_81";
-const datePickerCalFooter = "_datePickerCalFooter_1dons_89";
-const dayClassName = "_dayClassName_1dons_97";
-var styles$r = {
+const datePickerContainer = "_datePickerContainer_14m8h_1";
+const buttonWrapper = "_buttonWrapper_14m8h_9";
+const datePickerCalendarWrapper = "_datePickerCalendarWrapper_14m8h_17";
+const label$2 = "_label_14m8h_25";
+const text = "_text_14m8h_33";
+const button$4 = "_button_14m8h_9";
+const datePickerCalContainer = "_datePickerCalContainer_14m8h_49";
+const datePickerOptionsWrapper = "_datePickerOptionsWrapper_14m8h_57";
+const datePickerOption = "_datePickerOption_14m8h_57";
+const datePickerCalendar = "_datePickerCalendar_14m8h_17";
+const datePickerCalendarHeader = "_datePickerCalendarHeader_14m8h_97";
+const checkedOption = "_checkedOption_14m8h_105";
+const datePickerCalFooter = "_datePickerCalFooter_14m8h_113";
+const dayClassName = "_dayClassName_14m8h_121";
+const datePickerSelectedWrapper = "_datePickerSelectedWrapper_14m8h_129";
+const datePickerSelectedDate = "_datePickerSelectedDate_14m8h_137";
+var styles$s = {
   datePickerContainer,
   buttonWrapper,
   datePickerCalendarWrapper,
-  label: label$1,
+  label: label$2,
   text,
   button: button$4,
   datePickerCalContainer,
@@ -95362,7 +95745,9 @@ var styles$r = {
   datePickerCalendarHeader,
   checkedOption,
   datePickerCalFooter,
-  dayClassName
+  dayClassName,
+  datePickerSelectedWrapper,
+  datePickerSelectedDate
 };
 const options = [{
   type: "day",
@@ -95476,33 +95861,33 @@ const DateRangePicker = ({
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsx(PopoverMenu, {
       position: "bottom-left",
-      buttonClass: styles$r.button,
+      buttonClass: styles$s.button,
       button: /* @__PURE__ */ jsxs("div", {
-        className: styles$r.buttonWrapper,
+        className: styles$s.buttonWrapper,
         ref: datePickerRef,
         children: [/* @__PURE__ */ jsx(Text, {
           variant: "p",
           styleClass: "font-14",
-          className: styles$r.label,
+          className: styles$s.label,
           children: fieldLabel2
         }), /* @__PURE__ */ jsx(Text, {
           variant: "p",
           styleClass: "font-14",
-          className: styles$r.text,
+          className: styles$s.text,
           children: startDate && endDate ? `${startDate.toDateString()} - ${endDate.toDateString()}` : "Select"
         }), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
       }),
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$r.datePickerContainer,
+        className: styles$s.datePickerContainer,
         children: [/* @__PURE__ */ jsx("div", {
-          className: styles$r.datePickerOptionsWrapper,
+          className: styles$s.datePickerOptionsWrapper,
           children: options.map(({
             label: label2,
             startOffset,
             endOffset,
             type: type3
           }) => /* @__PURE__ */ jsx(Button, {
-            className: label2 !== timeGrainValue ? styles$r.datePickerOption : styles$r.checkedOption,
+            className: label2 !== timeGrainValue ? styles$s.datePickerOption : styles$s.checkedOption,
             onClick: () => handleOptionClick({
               startOffset,
               endOffset,
@@ -95513,11 +95898,14 @@ const DateRangePicker = ({
             children: label2
           }, label2))
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$r.datePickerCalContainer,
+          className: styles$s.datePickerCalContainer,
           children: [/* @__PURE__ */ jsxs("div", {
-            className: styles$r.datePickerCalendarWrapper,
+            className: styles$s.datePickerCalendarWrapper,
             children: [/* @__PURE__ */ jsx(zt, {
               selected: startDate,
+              startDate,
+              selectsStart: true,
+              endDate,
               onChange: (date) => {
                 const startDateFormat = date.toISOString().slice(0, 10);
                 const endDateFormat = endDate == null ? void 0 : endDate.toISOString().slice(0, 10);
@@ -95526,23 +95914,50 @@ const DateRangePicker = ({
               },
               open: true,
               inline: true,
-              calendarClassName: styles$r.datePickerCalendar
+              calendarClassName: styles$s.datePickerCalendar
             }), /* @__PURE__ */ jsx(zt, {
               selected: endDate,
+              startDate,
+              endDate,
+              selectsEnd: true,
               onChange: (date) => {
                 const startDateFormat = startDate == null ? void 0 : startDate.toISOString().slice(0, 10);
                 const endDateFormat = date.toISOString().slice(0, 10);
                 setTimeGrainValue(`${startDateFormat} - ${endDateFormat}`);
                 setEndDate(date);
               },
-              calendarClassName: styles$r.datePickerCalendar,
-              className: styles$r.datePickerCalendarHeader,
+              calendarClassName: styles$s.datePickerCalendar,
               open: true,
               inline: true
             })]
-          }), /* @__PURE__ */ jsx("div", {
-            className: styles$r.datePickerCalFooter,
-            children: /* @__PURE__ */ jsx(Button, {
+          }), /* @__PURE__ */ jsxs("div", {
+            className: styles$s.datePickerCalFooter,
+            children: [/* @__PURE__ */ jsxs("div", {
+              className: styles$s.datePickerSelectedWrapper,
+              children: [/* @__PURE__ */ jsxs(Text, {
+                variant: "p",
+                styleClass: "font-14",
+                className: styles$s.datePickerSelectedDate,
+                children: [/* @__PURE__ */ jsx("span", {
+                  children: (startDate == null ? void 0 : startDate.getDate()) || "D"
+                }), "/", " ", /* @__PURE__ */ jsx("span", {
+                  children: (startDate == null ? void 0 : startDate.getMonth()) || "M"
+                }), " /", " ", /* @__PURE__ */ jsx("span", {
+                  children: (startDate == null ? void 0 : startDate.getFullYear()) || "Y"
+                })]
+              }), "-", /* @__PURE__ */ jsxs(Text, {
+                variant: "p",
+                styleClass: "font-14",
+                className: styles$s.datePickerSelectedDate,
+                children: [/* @__PURE__ */ jsx("span", {
+                  children: (endDate == null ? void 0 : endDate.getDay()) || "D"
+                }), "/", " ", /* @__PURE__ */ jsx("span", {
+                  children: (endDate == null ? void 0 : endDate.getMonth()) || "M"
+                }), " /", " ", /* @__PURE__ */ jsx("span", {
+                  children: (endDate == null ? void 0 : endDate.getFullYear()) || "Y"
+                })]
+              })]
+            }), /* @__PURE__ */ jsx(Button, {
               variant: "primary",
               type: "button",
               size: "small",
@@ -95551,7 +95966,7 @@ const DateRangePicker = ({
                 return (_a2 = datePickerRef.current) == null ? void 0 : _a2.click();
               },
               children: "Save"
-            })
+            })]
           })]
         })]
       })
@@ -95689,43 +96104,43 @@ const GlobalFilters = ({
     children: (data == null ? void 0 : data.companyIntegrations.length) && !isLoading && /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx(PopoverMenu, {
         button: /* @__PURE__ */ jsxs("div", {
-          className: styles$s.filterButton,
+          className: styles$t.filterButton,
           ref: globalFilterRef,
           children: [/* @__PURE__ */ jsxs("div", {
-            className: styles$s.filterBtnText,
+            className: styles$t.filterBtnText,
             children: [/* @__PURE__ */ jsx(Icons, {
               name: "filter-icon"
             }), " Filters"]
           }), appliedfilters2.length === 0 ? null : /* @__PURE__ */ jsx("span", {
-            className: styles$s.filterLength,
+            className: styles$t.filterLength,
             children: appliedfilters2.length
           })]
         }),
         position: "bottom-left",
         children: /* @__PURE__ */ jsx("div", {
-          className: styles$s.container,
+          className: styles$t.container,
           children: /* @__PURE__ */ jsxs("form", {
-            className: styles$s.form,
+            className: styles$t.form,
             onSubmit: handleSubmit,
             onReset: resetFilters,
             children: [/* @__PURE__ */ jsx("div", {
-              className: styles$s.filterHeader,
+              className: styles$t.filterHeader,
               children: /* @__PURE__ */ jsxs("div", {
-                className: styles$s.titleContent,
+                className: styles$t.titleContent,
                 children: [/* @__PURE__ */ jsx(Text, {
                   variant: "p",
                   styleClass: "primary",
-                  className: styles$s.title,
+                  className: styles$t.title,
                   children: "Filters"
                 }), renderAdditionalHeaderContent ? renderAdditionalHeaderContent() : null]
               })
             }), /* @__PURE__ */ jsx("div", {
-              className: styles$s.filterFields,
+              className: styles$t.filterFields,
               children: filterList.map((col) => {
                 var _a2, _b2;
                 return /* @__PURE__ */ jsx(Fragment, {
                   children: /* @__PURE__ */ jsxs("div", {
-                    className: styles$s.filterDropdown,
+                    className: styles$t.filterDropdown,
                     children: [col.as === "date" && /* @__PURE__ */ jsx(Fragment, {
                       children: /* @__PURE__ */ jsx(DateRangePicker, {
                         label: col.label || col.name,
@@ -95817,26 +96232,26 @@ const GlobalFilters = ({
                 });
               })
             }), /* @__PURE__ */ jsx("div", {
-              className: styles$s.AddFilter,
+              className: styles$t.AddFilter,
               children: /* @__PURE__ */ jsx(AddFilter, {
                 columnList: filters2[0].columns.filter((col) => !col.isDefault),
                 setFilterList,
                 filterList
               })
             }), /* @__PURE__ */ jsxs("div", {
-              className: styles$s.buttons,
+              className: styles$t.buttons,
               children: [/* @__PURE__ */ jsxs(Button, {
                 type: "reset",
                 variant: "secondary",
-                className: styles$s.reset,
+                className: styles$t.reset,
                 children: [/* @__PURE__ */ jsx(Icons, {
                   name: "reset-icon",
-                  className: styles$s.applyIcon
+                  className: styles$t.applyIcon
                 }), " ", "Reset Filters"]
               }), /* @__PURE__ */ jsx(Button, {
                 type: "submit",
                 variant: "primary",
-                className: styles$s.apply,
+                className: styles$t.apply,
                 children: "Apply"
               })]
             })]
@@ -95856,7 +96271,7 @@ const top$1 = "_top_nbkwy_25";
 const bottom$2 = "_bottom_nbkwy_33";
 const left$1 = "_left_nbkwy_41";
 const right$1 = "_right_nbkwy_49";
-var styles$q = {
+var styles$r = {
   container: container$8,
   tooltip: tooltip$1,
   top: top$1,
@@ -95883,9 +96298,9 @@ const Tooltip = ({
   position: position2 = "bottom"
 }) => {
   return /* @__PURE__ */ jsxs("span", {
-    className: `${styles$q.container} ${className}`,
+    className: `${styles$r.container} ${className}`,
     children: [content2, /* @__PURE__ */ jsx("span", {
-      className: `${styles$q.tooltip} ${styles$q[position2]}`,
+      className: `${styles$r.tooltip} ${styles$r[position2]}`,
       children: children2
     })]
   });
@@ -95906,7 +96321,7 @@ const InfoTooltip = ({
     children: children2
   });
 };
-var styles$p = {
+var styles$q = {
   "header-container": "_header-container_1pbz4_1",
   "btn-container": "_btn-container_1pbz4_9",
   "back-btn": "_back-btn_1pbz4_17",
@@ -95923,15 +96338,15 @@ const Header = ({
   setShowSqlModal
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$p["header-container"],
+    className: styles$q["header-container"],
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$p["btn-container"],
+      className: styles$q["btn-container"],
       children: [/* @__PURE__ */ jsx(Button, {
         type: "button",
         variant: "custom",
         size: "default",
         onClick: () => setShowMetricCreateModal(false),
-        className: styles$p["back-btn"],
+        className: styles$q["back-btn"],
         children: /* @__PURE__ */ jsx(Icons, {
           name: "arrow-back-icon"
         })
@@ -95941,11 +96356,11 @@ const Header = ({
         children: Heading
       })]
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$p["btn-container"],
+      className: styles$q["btn-container"],
       children: [/* @__PURE__ */ jsxs(Button, {
         type: "button",
         variant: "custom",
-        className: styles$p["sql-btn"],
+        className: styles$q["sql-btn"],
         onClick: () => setShowSqlModal(true),
         isDisabled: isDisableSqlBtn,
         children: [/* @__PURE__ */ jsx(Icons, {
@@ -95954,7 +96369,7 @@ const Header = ({
       }), /* @__PURE__ */ jsxs(Button, {
         type: "submit",
         variant: "primary",
-        className: styles$p["save-btn"],
+        className: styles$q["save-btn"],
         isDisabled: isDisableSaveBtn,
         onClick: () => setShowSaveMetricModal(true),
         children: [/* @__PURE__ */ jsx(Icons, {
@@ -95964,7 +96379,7 @@ const Header = ({
     })]
   });
 };
-var styles$o = {
+var styles$p = {
   "create-btn": "_create-btn_zxqu9_1",
   "modal-container": "_modal-container_zxqu9_9",
   "query-modal": "_query-modal_zxqu9_17"
@@ -95974,7 +96389,7 @@ const header$3 = "_header_u2z1d_9";
 const wrapper$1 = "_wrapper_u2z1d_17";
 const column = "_column_u2z1d_33";
 const columnText$1 = "_columnText_u2z1d_41";
-var styles$n = {
+var styles$o = {
   container: container$7,
   header: header$3,
   wrapper: wrapper$1,
@@ -95989,9 +96404,9 @@ const Dataset = ({
   columnList
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$n.container,
+    className: styles$o.container,
     children: [/* @__PURE__ */ jsx("div", {
-      className: styles$n.header,
+      className: styles$o.header,
       children: /* @__PURE__ */ jsx(FloatingDropDown, {
         onChange: setselectTable,
         selectedOption: selectTable,
@@ -96002,24 +96417,24 @@ const Dataset = ({
         labelVariant: "static"
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$n.wrapper,
+      className: styles$o.wrapper,
       children: [/* @__PURE__ */ jsx(Text, {
         variant: "h1",
         styleClass: "primary",
         children: "Columns"
       }), /* @__PURE__ */ jsx("div", {
-        className: styles$n["col-container"],
+        className: styles$o["col-container"],
         children: columnList.map(({
           as,
           datatype
         }) => /* @__PURE__ */ jsxs("div", {
-          className: styles$n.column,
+          className: styles$o.column,
           children: [/* @__PURE__ */ jsx(DataType, {
             datatype
           }), /* @__PURE__ */ jsx(Text, {
             variant: "p",
             styleClass: "font-14",
-            className: styles$n.columnText,
+            className: styles$o.columnText,
             children: as
           })]
         }, as))
@@ -96046,7 +96461,7 @@ const valueLabelWrapper = "_valueLabelWrapper_t9p2y_91";
 const singleCheckBox = "_singleCheckBox_t9p2y_97";
 const seriesCheck = "_seriesCheck_t9p2y_103";
 const seriesCheckContainer = "_seriesCheckContainer_t9p2y_109";
-var styles$m = {
+var styles$n = {
   container: container$6,
   header: header$2,
   tab: tab$2,
@@ -96070,7 +96485,7 @@ var styles$m = {
 const tab$1 = "_tab_4ecdh_1";
 const button$3 = "_button_4ecdh_7";
 const activeTab = "_activeTab_4ecdh_15";
-var styles$l = {
+var styles$m = {
   tab: tab$1,
   button: button$3,
   activeTab
@@ -96083,16 +96498,142 @@ const Tab = ({
   tabText: tabText2 = ""
 }) => {
   return /* @__PURE__ */ jsx("div", {
-    className: `${styles$l.tab} ${className}`,
+    className: `${styles$m.tab} ${className}`,
     children: options2.map((option2) => /* @__PURE__ */ jsx(Button, {
       variant: "custom",
       type: "button",
-      className: `${styles$l.button} ${activeTab2 === option2 && styles$l.activeTab} ${tabText2}`,
+      className: `${styles$m.button} ${activeTab2 === option2 && styles$m.activeTab} ${tabText2}`,
       onClick: () => setActiveTab(option2),
       children: option2
     }, option2))
   });
 };
+const timeSeriesSettingsContainer = "_timeSeriesSettingsContainer_ro3hj_1";
+const timeSeriesSettingsType = "_timeSeriesSettingsType_ro3hj_9";
+const label$1 = "_label_ro3hj_17";
+var styles$l = {
+  timeSeriesSettingsContainer,
+  timeSeriesSettingsType,
+  label: label$1
+};
+const TIMESERIES_SERIES_TYPE = [{
+  value: "line",
+  label: "line"
+}, {
+  value: "bar",
+  label: "bar"
+}, {
+  value: "area",
+  label: "area"
+}];
+const TIMESERIES_GROUP_OPTION = [{
+  value: "daily",
+  label: "daily"
+}, {
+  value: "weekly",
+  label: "weekly"
+}, {
+  value: "monthly",
+  label: "monthly"
+}, {
+  value: "yearly",
+  label: "yearly"
+}];
+const TimeSeriesSettings = ({
+  onChange,
+  settings: {
+    groupBySettings,
+    seriesType: seriesType2
+  },
+  yAxisList
+}) => {
+  var _a2;
+  return /* @__PURE__ */ jsxs("div", {
+    className: styles$l.timeSeriesSettingsContainer,
+    children: [/* @__PURE__ */ jsx(Select, {
+      options: TIMESERIES_SERIES_TYPE,
+      value: ((_a2 = seriesType2 == null ? void 0 : seriesType2[0]) == null ? void 0 : _a2.type) || "bar",
+      label: "Series type",
+      onChange: (value) => {
+        onChange((prev) => ({
+          ...prev,
+          seriesType: yAxisList.map((column2) => ({
+            column: column2,
+            type: value
+          }))
+        }));
+      }
+    }), /* @__PURE__ */ jsx(Text, {
+      variant: "p",
+      styleClass: "custom",
+      className: styles$l.label,
+      children: "Group format"
+    }), /* @__PURE__ */ jsxs("div", {
+      className: styles$l.timeSeriesSettingsType,
+      children: [/* @__PURE__ */ jsx(InputField, {
+        type: "radio",
+        onChange: ({
+          target: {
+            checked
+          }
+        }) => checked && onChange((prev) => ({
+          ...prev,
+          groupBySettings: {
+            ...prev.groupBySettings,
+            value: "monthly",
+            isDynamic: false,
+            options: TIMESERIES_GROUP_OPTION.map((value) => value.value)
+          }
+        })),
+        name: "isDynamic",
+        label: "default",
+        defaultChecked: !groupBySettings.isDynamic
+      }), /* @__PURE__ */ jsx(InputField, {
+        type: "radio",
+        name: "isDynamic",
+        label: "dynamic",
+        checked: groupBySettings.isDynamic,
+        defaultChecked: groupBySettings.isDynamic,
+        onChange: ({
+          target: {
+            checked
+          }
+        }) => checked && onChange((prev) => ({
+          ...prev,
+          groupBySettings: {
+            ...prev.groupBySettings,
+            value: "monthly",
+            isDynamic: true,
+            options: TIMESERIES_GROUP_OPTION.map((value) => value.value)
+          }
+        }))
+      })]
+    }), !groupBySettings.isDynamic ? /* @__PURE__ */ jsx(Select, {
+      options: TIMESERIES_GROUP_OPTION,
+      value: groupBySettings.value,
+      label: "Format type",
+      onChange: (value) => onChange((prev) => ({
+        ...prev,
+        groupBySettings: {
+          ...prev.groupBySettings,
+          value
+        }
+      }))
+    }) : /* @__PURE__ */ jsx(MultiSelect, {
+      options: TIMESERIES_GROUP_OPTION,
+      value: groupBySettings.options,
+      label: "Dynamic options",
+      onChange: (value) => onChange((prev) => ({
+        ...prev,
+        groupBySettings: {
+          ...prev.groupBySettings,
+          value: value[0],
+          options: value
+        }
+      }))
+    })]
+  });
+};
 const ChartConfigure = ({
   setMargins,
   margins,
@@ -96109,8 +96650,12 @@ const ChartConfigure = ({
   backGroundColor,
   setBackGroundColor,
   tableSettings,
-  setTableSettings
+  setTableSettings,
+  setTimeSeriesSettings,
+  timeSeriesSettings,
+  yAxisList
 }) => {
+  var _a2, _b2, _c2, _d, _e2, _f;
   const TabList = ["Margins", "Legend", "Custom"];
   const singleValueTabs = ["Custom"];
   const tableTabs = ["UI Style", "Features"];
@@ -96123,21 +96668,21 @@ const ChartConfigure = ({
     }
   }, [chartType2]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$m.container,
+    className: styles$n.container,
     children: [chartType2 === "table" && /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx("div", {
-        className: styles$m.header,
+        className: styles$n.header,
         children: /* @__PURE__ */ jsx(Tab, {
           options: tableTabs,
           activeTab: activeTab2,
           setActiveTab,
-          className: styles$m.tab,
-          tabText: styles$m.tabText
+          className: styles$n.tab,
+          tabText: styles$n.tabText
         })
       }), /* @__PURE__ */ jsxs("form", {
-        className: styles$m.form,
+        className: styles$n.form,
         children: [activeTab2 === "UI Style" && /* @__PURE__ */ jsxs("div", {
-          className: styles$m.legendWrapper,
+          className: styles$n.legendWrapper,
           children: [/* @__PURE__ */ jsx(Select, {
             value: tableSettings.contentAlignment,
             label: "Table content Alignment",
@@ -96190,18 +96735,18 @@ const ChartConfigure = ({
               defaultRowSize: value
             }))
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$m.checkboxWrapper,
+            className: styles$n.checkboxWrapper,
             children: [/* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Hide Vertical Divider",
-              className: styles$m.checkboxTooltipWrapper,
+              className: styles$n.checkboxTooltipWrapper,
               checked: tableSettings.hideVerticalDivider,
               onChange: (e3) => setTableSettings((settings2) => ({
                 ...settings2,
                 hideVerticalDivider: e3.target.checked
               })),
               icon: /* @__PURE__ */ jsx("span", {
-                className: styles$m.checkboxTooltip,
+                className: styles$n.checkboxTooltip,
                 children: /* @__PURE__ */ jsx(InfoTooltip, {
                   position: "left-top-end",
                   children: "Hide Vertical Divider"
@@ -96210,14 +96755,14 @@ const ChartConfigure = ({
             }), /* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Enable Striped Rows",
-              className: styles$m.checkboxTooltipWrapper,
+              className: styles$n.checkboxTooltipWrapper,
               checked: tableSettings.enableStripedRows,
               onChange: (e3) => setTableSettings((settings2) => ({
                 ...settings2,
                 enableStripedRows: e3.target.checked
               })),
               icon: /* @__PURE__ */ jsx("span", {
-                className: styles$m.checkboxTooltip,
+                className: styles$n.checkboxTooltip,
                 children: /* @__PURE__ */ jsx(InfoTooltip, {
                   position: "left-top-end",
                   children: "Enable Striped Rows"
@@ -96226,14 +96771,14 @@ const ChartConfigure = ({
             }), /* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Show Row Hover",
-              className: styles$m.checkboxTooltipWrapper,
+              className: styles$n.checkboxTooltipWrapper,
               checked: tableSettings.showRowHover,
               onChange: (e3) => setTableSettings((settings2) => ({
                 ...settings2,
                 showRowHover: e3.target.checked
               })),
               icon: /* @__PURE__ */ jsx("span", {
-                className: styles$m.checkboxTooltip,
+                className: styles$n.checkboxTooltip,
                 children: /* @__PURE__ */ jsx(InfoTooltip, {
                   position: "left-top-end",
                   children: "Show Row Hover"
@@ -96242,25 +96787,25 @@ const ChartConfigure = ({
             })]
           })]
         }), activeTab2 === "Features" && /* @__PURE__ */ jsxs("div", {
-          className: styles$m.seriesCheckContainer,
+          className: styles$n.seriesCheckContainer,
           children: [/* @__PURE__ */ jsx(Text, {
             styleClass: "font-14c",
             variant: "p",
-            className: styles$m.tabHeading,
+            className: styles$n.tabHeading,
             children: "Table feature preferences"
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$m.checkboxWrapper,
+            className: styles$n.checkboxWrapper,
             children: [/* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Show Table Title",
               checked: tableSettings.showTableTitle,
-              className: styles$m.checkboxTooltipWrapper,
+              className: styles$n.checkboxTooltipWrapper,
               onChange: (e3) => setTableSettings((settings2) => ({
                 ...settings2,
                 showTableTitle: e3.target.checked
               })),
               icon: /* @__PURE__ */ jsx("span", {
-                className: styles$m.checkboxTooltip,
+                className: styles$n.checkboxTooltip,
                 children: /* @__PURE__ */ jsx(InfoTooltip, {
                   position: "left-top-end",
                   children: "Show Table Title"
@@ -96269,14 +96814,14 @@ const ChartConfigure = ({
             }), /* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Enable Table Search options",
-              className: styles$m.checkboxTooltipWrapper,
+              className: styles$n.checkboxTooltipWrapper,
               checked: tableSettings.enableTableSearch,
               onChange: (e3) => setTableSettings((settings2) => ({
                 ...settings2,
                 enableTableSearch: e3.target.checked
               })),
               icon: /* @__PURE__ */ jsx("span", {
-                className: styles$m.checkboxTooltip,
+                className: styles$n.checkboxTooltip,
                 children: /* @__PURE__ */ jsx(InfoTooltip, {
                   position: "left-top-end",
                   children: "Enable Table Search Options"
@@ -96285,14 +96830,14 @@ const ChartConfigure = ({
             }), /* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Enable Filter options",
-              className: styles$m.checkboxTooltipWrapper,
+              className: styles$n.checkboxTooltipWrapper,
               checked: tableSettings.enableFilter,
               onChange: (e3) => setTableSettings((settings2) => ({
                 ...settings2,
                 enableFilter: e3.target.checked
               })),
               icon: /* @__PURE__ */ jsx("span", {
-                className: styles$m.checkboxTooltip,
+                className: styles$n.checkboxTooltip,
                 children: /* @__PURE__ */ jsx(InfoTooltip, {
                   position: "left-top-end",
                   children: "Enable Filter Options"
@@ -96301,7 +96846,7 @@ const ChartConfigure = ({
             }), /* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Enable Table sorting",
-              className: styles$m.checkboxTooltipWrapper,
+              className: styles$n.checkboxTooltipWrapper,
               defaultChecked: true,
               checked: tableSettings.enableSorting,
               onChange: (e3) => setTableSettings((settings2) => ({
@@ -96309,7 +96854,7 @@ const ChartConfigure = ({
                 enableSorting: e3.target.checked
               })),
               icon: /* @__PURE__ */ jsx("span", {
-                className: styles$m.checkboxTooltip,
+                className: styles$n.checkboxTooltip,
                 children: /* @__PURE__ */ jsx(InfoTooltip, {
                   position: "left-top-end",
                   children: "Enable Table Sorting"
@@ -96318,14 +96863,14 @@ const ChartConfigure = ({
             }), /* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Disable Pagination",
-              className: styles$m.checkboxTooltipWrapper,
+              className: styles$n.checkboxTooltipWrapper,
               checked: tableSettings.disablePagination,
               onChange: (e3) => setTableSettings((settings2) => ({
                 ...settings2,
                 disablePagination: e3.target.checked
               })),
               icon: /* @__PURE__ */ jsx("span", {
-                className: styles$m.checkboxTooltip,
+                className: styles$n.checkboxTooltip,
                 children: /* @__PURE__ */ jsx(InfoTooltip, {
                   position: "left-top-end",
                   children: "Disable Pagination"
@@ -96342,15 +96887,15 @@ const ChartConfigure = ({
           options: chartType2 !== "single value" ? TabList : singleValueTabs,
           activeTab: activeTab2,
           setActiveTab,
-          className: styles$m.tab,
-          tabText: styles$m.tabText
+          className: styles$n.tab,
+          tabText: styles$n.tabText
         })
       }), /* @__PURE__ */ jsxs("form", {
-        className: styles$m.form,
+        className: styles$n.form,
         children: [activeTab2 === "Margins" && /* @__PURE__ */ jsxs("div", {
-          className: styles$m.inputWrapper,
+          className: styles$n.inputWrapper,
           children: [/* @__PURE__ */ jsx("div", {
-            className: styles$m.input,
+            className: styles$n.input,
             children: /* @__PURE__ */ jsx(InputField, {
               type: "number",
               label: "Top",
@@ -96386,7 +96931,7 @@ const ChartConfigure = ({
             }))
           })]
         }), activeTab2 === "Legend" && /* @__PURE__ */ jsxs("div", {
-          className: styles$m.legendWrapper,
+          className: styles$n.legendWrapper,
           children: [/* @__PURE__ */ jsx(InputField, {
             type: "checkbox",
             label: "Show Legend",
@@ -96396,13 +96941,13 @@ const ChartConfigure = ({
               show: e3.target.checked
             }))
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$m.seriesWrapper,
+            className: styles$n.seriesWrapper,
             children: [/* @__PURE__ */ jsx(Text, {
               variant: "h1",
               styleClass: "primary",
               children: "Position"
             }), /* @__PURE__ */ jsxs("div", {
-              className: styles$m.inputWrapper,
+              className: styles$n.inputWrapper,
               children: [/* @__PURE__ */ jsx(InputField, {
                 type: "number",
                 label: "Top",
@@ -96438,7 +96983,7 @@ const ChartConfigure = ({
               })]
             })]
           }), /* @__PURE__ */ jsx("div", {
-            className: styles$m.selectWrapper,
+            className: styles$n.selectWrapper,
             children: /* @__PURE__ */ jsx(Select, {
               value: legendSettings.position,
               options: [{
@@ -96456,14 +97001,14 @@ const ChartConfigure = ({
             })
           })]
         }), activeTab2 === "Custom" && /* @__PURE__ */ jsxs("div", {
-          className: styles$m.series,
+          className: styles$n.series,
           children: [/* @__PURE__ */ jsx(Text, {
             styleClass: "font-14c",
             variant: "p",
-            className: styles$m.tabHeading,
+            className: styles$n.tabHeading,
             children: "Chart preferences"
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$m.legendWrapper,
+            className: styles$n.legendWrapper,
             children: [chartType2 !== "single value" && /* @__PURE__ */ jsxs(Fragment, {
               children: [/* @__PURE__ */ jsx(Select, {
                 value: labelSettings.position,
@@ -96496,6 +97041,10 @@ const ChartConfigure = ({
                   show: true,
                   position: value
                 }))
+              }), chartType2 === "time series" && /* @__PURE__ */ jsx(TimeSeriesSettings, {
+                onChange: setTimeSeriesSettings,
+                yAxisList,
+                settings: timeSeriesSettings
               }), chartType2 === "funnel" && /* @__PURE__ */ jsxs(Fragment, {
                 children: [/* @__PURE__ */ jsx(InputField, {
                   type: "checkbox",
@@ -96517,7 +97066,7 @@ const ChartConfigure = ({
                   type: "text",
                   label: "Label Format",
                   icon: /* @__PURE__ */ jsx("span", {
-                    className: styles$m.labelFormatTooltip,
+                    className: styles$n.labelFormatTooltip,
                     children: /* @__PURE__ */ jsx(InfoTooltip, {
                       position: "left-top-end",
                       children: `Please use {b} to show the label name, {c} to show the label value. 
@@ -96546,7 +97095,7 @@ const ChartConfigure = ({
                     ...s4,
                     axis: value
                   }))
-                }), chartType2 === "bar" && /* @__PURE__ */ jsx(InputField, {
+                }), chartType2 === "bar" || chartType2 === "time series" && ((_b2 = (_a2 = timeSeriesSettings.seriesType) == null ? void 0 : _a2[0]) == null ? void 0 : _b2.type) === "bar" ? /* @__PURE__ */ jsx(InputField, {
                   type: "number",
                   max: 100,
                   min: 0,
@@ -96557,13 +97106,13 @@ const ChartConfigure = ({
                   })),
                   value: customSettings.xRotation,
                   icon: /* @__PURE__ */ jsx("span", {
-                    className: styles$m.labelFormatTooltip,
+                    className: styles$n.labelFormatTooltip,
                     children: /* @__PURE__ */ jsx(InfoTooltip, {
                       position: "left-top-end",
                       children: "Rotate X-Axis label to a certain angle"
                     })
                   })
-                }), chartType2 === "bar" || chartType2 === "row" || chartType2 === "stack" || chartType2 === "histogram" ? /* @__PURE__ */ jsx(InputField, {
+                }) : null, chartType2 === "bar" || chartType2 === "row" || chartType2 === "stack" || chartType2 === "histogram" || chartType2 === "time series" && ((_d = (_c2 = timeSeriesSettings.seriesType) == null ? void 0 : _c2[0]) == null ? void 0 : _d.type) === "bar" ? /* @__PURE__ */ jsx(InputField, {
                   type: "checkbox",
                   label: "Show Bar Background",
                   checked: backGroundColor.show,
@@ -96596,7 +97145,7 @@ const ChartConfigure = ({
                     value: "none"
                   }],
                   icon: /* @__PURE__ */ jsx("span", {
-                    className: styles$m.labelFormatTooltip,
+                    className: styles$n.labelFormatTooltip,
                     children: /* @__PURE__ */ jsx(InfoTooltip, {
                       position: "left-top-end",
                       children: "Axis labels represents the x and y axis values"
@@ -96609,7 +97158,7 @@ const ChartConfigure = ({
                 }), /* @__PURE__ */ jsx(Select, {
                   value: customSettings.hideSplitLines,
                   icon: /* @__PURE__ */ jsx("span", {
-                    className: styles$m.labelFormatTooltip,
+                    className: styles$n.labelFormatTooltip,
                     children: /* @__PURE__ */ jsx(InfoTooltip, {
                       position: "left-top-end",
                       children: "Splitline is the reference lines that run along the directional x and y axis which act as reference markers"
@@ -96637,7 +97186,7 @@ const ChartConfigure = ({
                   value: customSettings.hideAxisLines,
                   label: "Hide Axis Line",
                   icon: /* @__PURE__ */ jsx("span", {
-                    className: styles$m.labelFormatTooltip,
+                    className: styles$n.labelFormatTooltip,
                     children: /* @__PURE__ */ jsx(InfoTooltip, {
                       position: "left-top-end",
                       children: "The x-axis and y-axis lines act as a graph base from which the chart starts"
@@ -96660,12 +97209,12 @@ const ChartConfigure = ({
                     ...s4,
                     hideAxisLines: value
                   }))
-                }), chartType2 === "bar" || chartType2 === "row" || chartType2 === "stack" ? /* @__PURE__ */ jsxs(Fragment, {
+                }), chartType2 === "bar" || chartType2 === "row" || chartType2 === "stack" || chartType2 === "time series" && ((_f = (_e2 = timeSeriesSettings.seriesType) == null ? void 0 : _e2[0]) == null ? void 0 : _f.type) === "bar" ? /* @__PURE__ */ jsxs(Fragment, {
                   children: [/* @__PURE__ */ jsx(InputField, {
                     type: "number",
                     label: "Modify Bar width",
                     icon: /* @__PURE__ */ jsx("span", {
-                      className: styles$m.labelFormatTooltip,
+                      className: styles$n.labelFormatTooltip,
                       children: /* @__PURE__ */ jsx(InfoTooltip, {
                         position: "left-top-end",
                         children: "The width of each individual bar rectangle of the graph"
@@ -96680,7 +97229,7 @@ const ChartConfigure = ({
                     type: "number",
                     label: "Modify Bar radius",
                     icon: /* @__PURE__ */ jsx("span", {
-                      className: styles$m.labelFormatTooltip,
+                      className: styles$n.labelFormatTooltip,
                       children: /* @__PURE__ */ jsx(InfoTooltip, {
                         position: "left-top-end",
                         children: "The property that rounds the corners of the element's outer border edge"
@@ -96706,14 +97255,14 @@ const ChartConfigure = ({
               }), /* @__PURE__ */ jsx(InputField, {
                 type: "checkbox",
                 label: "Single Value Sub-Header",
-                className: styles$m.checkboxTooltipWrapper,
+                className: styles$n.checkboxTooltipWrapper,
                 checked: customSettings.subHeaderShow,
                 onChange: (e3) => setCustomSettings((settings2) => ({
                   ...settings2,
                   subHeaderShow: e3.target.checked
                 })),
                 icon: /* @__PURE__ */ jsx("span", {
-                  className: styles$m.checkboxTooltip,
+                  className: styles$n.checkboxTooltip,
                   children: /* @__PURE__ */ jsx(InfoTooltip, {
                     position: "left-top",
                     children: "Single Value Sub-Header"
@@ -96886,7 +97435,9 @@ const ChartSettings = ({
   backGroundColor,
   setBackGroundColor,
   tableSettings,
-  setTableSettings
+  setTableSettings,
+  setTimeSeriesSettings,
+  timeSeriesSettings
 }) => {
   const [selectedTab2, setSelectedTab] = useState(GENERAL);
   const FIRST_TAB = "Chart types";
@@ -96954,7 +97505,12 @@ const ChartSettings = ({
           className: styles$k.button,
           children: /* @__PURE__ */ jsx(ChartModalOptions, {
             chartType: chartType2,
-            setChartType
+            setChartType,
+            isEnableTimeSeries: isTimeSeriesDataValid({
+              data: data || [],
+              timeStampKey: xAxis || "",
+              valuekeys: yAxisList || []
+            })
           })
         }), activeTab2 === SECOND_TAB && /* @__PURE__ */ jsx(Fragment, {
           children: chartType2 && /* @__PURE__ */ jsx("div", {
@@ -96993,7 +97549,10 @@ const ChartSettings = ({
         backGroundColor,
         setBackGroundColor,
         tableSettings,
-        setTableSettings
+        setTableSettings,
+        setTimeSeriesSettings,
+        timeSeriesSettings,
+        yAxisList: yAxisList || []
       })]
     })]
   });
@@ -97093,7 +97652,9 @@ const ChartTab = ({
   chartColors,
   handleChartRightClick,
   chartClickConfig,
-  chartPopupChild
+  chartPopupChild,
+  setTimeSeriesSettings,
+  timeSeriesSettings
 }) => {
   const chartRef = useRef(null);
   const [isSettingsShow, setSettingsShow] = useState(false);
@@ -97202,7 +97763,9 @@ const ChartTab = ({
             backGroundColor,
             setBackGroundColor,
             tableSettings,
-            setTableSettings
+            setTableSettings,
+            setTimeSeriesSettings,
+            timeSeriesSettings
           })
         }), (labels2 == null ? void 0 : labels2.length) ? /* @__PURE__ */ jsxs("div", {
           className: styles$j.labels,
@@ -97234,7 +97797,11 @@ const ChartTab = ({
             tableSettings,
             chartRef,
             tableName,
-            handleChartRightClick
+            handleChartClick: handleChartRightClick,
+            timeSeriesSettings,
+            rawData: data,
+            xAxis: xAxis || "",
+            yAxisList: yAxisList || []
           }), chartPopupChild]
         }) : /* @__PURE__ */ jsxs("div", {
           className: styles$j.metricChartEmpty,
@@ -97290,7 +97857,11 @@ const ChartTab = ({
           routeType: "internal"
         },
         chartRef,
-        handleChartRightClick
+        handleChartClick: handleChartRightClick,
+        timeSeriesSettings,
+        rawData: data || [],
+        xAxis: xAxis || "",
+        yAxisList: yAxisList || []
       }
     })]
   });
@@ -97415,25 +97986,27 @@ const TableTab = ({
     })]
   });
 };
-const mainContainerUpdate = "_mainContainerUpdate_z1gwh_7";
-const wrapper = "_wrapper_z1gwh_23";
-const updateWrapper = "_updateWrapper_z1gwh_29";
-const updateWrapperContent = "_updateWrapperContent_z1gwh_35";
-const createWrapperContent = "_createWrapperContent_z1gwh_41";
-const searchCommand = "_searchCommand_z1gwh_47";
-const tabButton = "_tabButton_z1gwh_53";
-const tabActive = "_tabActive_z1gwh_59";
+const mainContainerUpdate = "_mainContainerUpdate_118go_7";
+const wrapper = "_wrapper_118go_23";
+const updateWrapper = "_updateWrapper_118go_29";
+const updateWrapperContent = "_updateWrapperContent_118go_35";
+const createWrapperContent = "_createWrapperContent_118go_41";
+const searchCommand = "_searchCommand_118go_47";
+const tabButton = "_tabButton_118go_53";
+const tabActive = "_tabActive_118go_59";
+const dynamicGroupFormat = "_dynamicGroupFormat_118go_67";
 var styles$h = {
-  "main-container": "_main-container_z1gwh_1",
+  "main-container": "_main-container_118go_1",
   mainContainerUpdate,
-  "outputTab-header": "_outputTab-header_z1gwh_15",
+  "outputTab-header": "_outputTab-header_118go_15",
   wrapper,
   updateWrapper,
   updateWrapperContent,
   createWrapperContent,
   searchCommand,
   tabButton,
-  tabActive
+  tabActive,
+  dynamicGroupFormat
 };
 const MetricOutput = ({
   data,
@@ -97474,7 +98047,9 @@ const MetricOutput = ({
   setBackGroundColor,
   moreTabs,
   chartColors,
-  isUpdateMetric = false
+  isUpdateMetric = false,
+  setTimeSeriesSettings,
+  timeSeriesSettings
 }) => {
   var _a2;
   const [selectedTab2, setSelectedTab] = useState(TABLE_TAB);
@@ -97558,7 +98133,28 @@ const MetricOutput = ({
           tableSettings,
           setTableSettings,
           tableName,
-          chartColors
+          chartColors,
+          setTimeSeriesSettings,
+          timeSeriesSettings,
+          headerChild: timeSeriesSettings.groupBySettings.isDynamic ? /* @__PURE__ */ jsx(FloatingDropDown, {
+            options: timeSeriesSettings.groupBySettings.options.map((value) => ({
+              label: value,
+              value
+            })),
+            onChange: (value) => setTimeSeriesSettings((prev) => ({
+              ...prev,
+              groupBySettings: {
+                ...prev.groupBySettings,
+                value: value.value
+              }
+            })),
+            selectedOption: {
+              label: timeSeriesSettings.groupBySettings.value,
+              value: timeSeriesSettings.groupBySettings.value
+            },
+            label: "group",
+            className: styles$h.dynamicGroupFormat
+          }) : void 0
         })
       }), (_a2 = moreTabs == null ? void 0 : moreTabs.find((tabObj) => tabObj.name === selectedTab2)) == null ? void 0 : _a2.tabContent]
     })]
@@ -125493,6 +126089,17 @@ const EmbeddedMetricCreation = ({
   const [singleValue2, setSingleValue] = useState();
   const [measure, setMeasure] = useState();
   const [previewTableData, setPreviewTableData] = useState();
+  const [timeSeriesSettings, setTimeSeriesSettings] = useState({
+    groupBySettings: {
+      isDynamic: false,
+      options: [],
+      value: "monthly"
+    },
+    seriesType: (yAxisList == null ? void 0 : yAxisList.map((column2) => ({
+      column: column2,
+      type: "bar"
+    }))) || []
+  });
   const {
     datasets,
     funnelData,
@@ -125535,7 +126142,8 @@ const EmbeddedMetricCreation = ({
       margins,
       legendSettings,
       labelSettings,
-      axisSettings
+      axisSettings,
+      timeSeriesSettings
     },
     companyIntegrationId: companyIntegration == null ? void 0 : companyIntegration.id,
     integrationName: companyIntegration == null ? void 0 : companyIntegration.name,
@@ -125622,12 +126230,38 @@ const EmbeddedMetricCreation = ({
       enableSorting: false
     });
     setCompanyIntegration(metric.companyIntegration);
+    setTimeSeriesSettings(metric.chartOptions.timeSeriesSettings || {
+      groupBySettings: {
+        isDynamic: false,
+        options: [],
+        value: "monthly"
+      },
+      seriesType: (yAxisList == null ? void 0 : yAxisList.map((column2) => ({
+        column: column2,
+        type: "bar"
+      }))) || []
+    });
   }, [metric]);
   useEffect(() => {
     if (!metricData2)
       return;
     setData(Array.isArray(metricData2) ? metricData2 : []);
   }, [metricData2]);
+  useEffect(() => {
+    if (chartType2 !== CHART_TYPES.timeSeries) {
+      setTimeSeriesSettings({
+        groupBySettings: {
+          isDynamic: false,
+          options: [],
+          value: "monthly"
+        },
+        seriesType: (yAxisList == null ? void 0 : yAxisList.map((column2) => ({
+          column: column2,
+          type: "bar"
+        }))) || []
+      });
+    }
+  }, [chartType2]);
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsx(Modal, {
       headerTitle: "Create Metric",
@@ -125642,7 +126276,7 @@ const EmbeddedMetricCreation = ({
         setShowSaveMetricModal
       }),
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$o["modal-container"],
+        className: styles$p["modal-container"],
         children: [!metric && /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsx(Dataset, {
             setselectTable: setSelectTable,
@@ -125701,7 +126335,9 @@ const EmbeddedMetricCreation = ({
           setCustomSettings,
           tableSettings,
           setTableSettings,
-          chartColors
+          chartColors,
+          setTimeSeriesSettings,
+          timeSeriesSettings
         })]
       })
     }), /* @__PURE__ */ jsx(Modal, {
@@ -125709,7 +126345,7 @@ const EmbeddedMetricCreation = ({
       isOpen: isShowSqlModal,
       onClose: () => setShowSqlModal(false),
       children: /* @__PURE__ */ jsx("div", {
-        className: styles$o["query-modal"],
+        className: styles$p["query-modal"],
         children: query
       })
     }), /* @__PURE__ */ jsx(Modal, {
@@ -130732,16 +131368,6 @@ const evaLayersFill = (props) => /* @__PURE__ */ jsx("svg", {
     })
   })
 });
-const fluentMdl2DrillDown = (props) => /* @__PURE__ */ jsx("svg", {
-  viewBox: "0 0 2048 2048",
-  width: "1.2em",
-  height: "1.2em",
-  ...props,
-  children: /* @__PURE__ */ jsx("path", {
-    fill: "currentColor",
-    d: "M1024 0q141 0 272 36t245 103t207 160t160 208t103 245t37 272q0 141-36 272t-103 245t-160 207t-208 160t-245 103t-272 37q-141 0-272-36t-245-103t-207-160t-160-208t-103-244t-37-273q0-141 36-272t103-245t160-207t208-160T751 37t273-37zm0 1920q123 0 237-32t214-90t182-141t140-181t91-214t32-238q0-123-32-237t-90-214t-141-182t-181-140t-214-91t-238-32q-123 0-237 32t-214 90t-182 141t-140 181t-91 214t-32 238q0 123 32 237t90 214t141 182t181 140t214 91t238 32zm531-1005l90 90l-620 622l-622-622l90-90l467 467V384h129v997l466-466z"
-  })
-});
 const mdiExternalLink = (props) => /* @__PURE__ */ jsx("svg", {
   viewBox: "0 0 24 24",
   width: "1.2em",
@@ -130761,7 +131387,6 @@ const ChartPopup = ({
   value,
   columnName,
   getUnderlyingData,
-  drilldown: drilldown2,
   clickBehaviourConfigs
 }) => {
   const [isShowUnderlyingData, setShowUnderlyingData] = useState(false);
@@ -130802,18 +131427,6 @@ const ChartPopup = ({
                 styleClass: "font-14",
                 children: "View underlying data"
               })]
-            }), drilldown2 && /* @__PURE__ */ jsxs(Button, {
-              variant: "custom",
-              type: "button",
-              className: styles$8.chartOptionBtn,
-              onClick: () => drilldown2(),
-              children: [/* @__PURE__ */ jsx(fluentMdl2DrillDown, {
-                className: styles$8.popupItemIcon
-              }), /* @__PURE__ */ jsx(Text, {
-                variant: "p",
-                styleClass: "font-14",
-                children: "Drill Down"
-              })]
             }), clickBehaviourConfigs.isEnable && /* @__PURE__ */ jsxs(Button, {
               variant: "custom",
               type: "button",
@@ -130985,6 +131598,17 @@ const MetricCard = ({
   const [groupedData, setGroupedData] = useState([]);
   const [drillDownSettings, setDrillDownSettings] = useState();
   const [drilledLevel, setDrilledLevel] = useState(0);
+  const [timeSeriesSettings, setTimeSeriesSettings] = useState({
+    groupBySettings: {
+      isDynamic: false,
+      options: [],
+      value: "monthly"
+    },
+    seriesType: (yAxisList == null ? void 0 : yAxisList.map((column2) => ({
+      column: column2,
+      type: "bar"
+    }))) || []
+  });
   useEffect(() => {
     setYAxisList(metricItem == null ? void 0 : metricItem.chartOptions.yAxisList);
     setXAxis(metricItem == null ? void 0 : metricItem.chartOptions.xAxis);
@@ -131043,6 +131667,17 @@ const MetricCard = ({
       enableFilter: false,
       enableSorting: false
     });
+    setTimeSeriesSettings(metricItem.chartOptions.timeSeriesSettings || {
+      groupBySettings: {
+        isDynamic: false,
+        options: [],
+        value: "monthly"
+      },
+      seriesType: (yAxisList == null ? void 0 : yAxisList.map((column2) => ({
+        column: column2,
+        type: "bar"
+      }))) || []
+    });
   }, [metricItem]);
   useEffect(() => {
     var _a3, _b2;
@@ -131100,12 +131735,13 @@ const MetricCard = ({
   };
   const [isShowChartPopup, setShowChartPopup] = useState(false);
   const [chartParams, setChartParams] = useState();
-  const handleChartRightClick = (params) => {
+  const handleChartClick2 = (params) => {
     if (rlsConditions.length && rlsConditions[0].datatype === "date") {
       return;
     }
+    if (params.event)
+      params.event.event.preventDefault();
     setChartParams(params);
-    setShowChartPopup(true);
   };
   const {
     getUnderlyingData
@@ -131157,7 +131793,25 @@ const MetricCard = ({
             companyId: metricItem == null ? void 0 : metricItem.companyId,
             integrationId: metricItem == null ? void 0 : metricItem.companyIntegrationId,
             integrationName: metricItem == null ? void 0 : metricItem.integrationName
-          }), /* @__PURE__ */ jsxs(PopoverMenu, {
+          }), timeSeriesSettings.groupBySettings.isDynamic ? /* @__PURE__ */ jsx(FloatingDropDown, {
+            options: timeSeriesSettings.groupBySettings.options.map((value) => ({
+              label: value,
+              value
+            })),
+            onChange: (value) => setTimeSeriesSettings((prev) => ({
+              ...prev,
+              groupBySettings: {
+                ...prev.groupBySettings,
+                value: value.value
+              }
+            })),
+            selectedOption: {
+              label: timeSeriesSettings.groupBySettings.value,
+              value: timeSeriesSettings.groupBySettings.value
+            },
+            label: "group",
+            className: styles$a.dynamicGroupFormat
+          }) : null, /* @__PURE__ */ jsxs(PopoverMenu, {
             buttonClass: styles$a.popup,
             button: /* @__PURE__ */ jsx(Icons, {
               name: "more-icon",
@@ -131191,7 +131845,11 @@ const MetricCard = ({
                 enableSaveAs: true,
                 chartClickConfig: clickBehaviourConfigs.chart,
                 chartRef,
-                handleChartRightClick
+                handleChartClick: handleChartClick2,
+                rawData: dataDb || [],
+                timeSeriesSettings,
+                xAxis: xAxis || "",
+                yAxisList: yAxisList || []
               }),
               children: [/* @__PURE__ */ jsx(Icons, {
                 name: "fullscreen-icon",
@@ -131285,7 +131943,6 @@ const MetricCard = ({
           value: chartParams == null ? void 0 : chartParams.name,
           columnName,
           getUnderlyingData,
-          drilldown: (drillDownSettings == null ? void 0 : drillDownSettings.isEnableGroupBy) ? onDrillDown : void 0,
           clickBehaviourConfigs: clickBehaviourConfigs.chart
         }), (dataDb == null ? void 0 : dataDb.length) ? /* @__PURE__ */ jsx(MetricChart, {
           labels: labels2,
@@ -131308,7 +131965,13 @@ const MetricCard = ({
           backGroundColor,
           chartClickConfig: clickBehaviourConfigs.chart,
           chartRef,
-          handleChartRightClick
+          handleChartClick: handleChartClick2,
+          drilldown: (drillDownSettings == null ? void 0 : drillDownSettings.isEnableGroupBy) ? onDrillDown : void 0,
+          setShowChartPopup,
+          rawData: dataDb,
+          timeSeriesSettings,
+          xAxis: xAxis || "",
+          yAxisList: yAxisList || []
         }) : null]
       })]
     })
@@ -133451,28 +134114,28 @@ const EmbeddedDashboard = e__default.memo(({
   useApplyAdminTheme(adminTheme);
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$M["embedDashboard-container"],
+      className: styles$N["embedDashboard-container"],
       id: "dbn-dashboard",
       children: [((_a2 = data == null ? void 0 : data.externalDashboard) == null ? void 0 : _a2.id) && !isLoading && /* @__PURE__ */ jsxs(Fragment, {
         children: [!(options2 == null ? void 0 : options2.disableMetricCreation) && !data.externalDashboard.filters.length && !data.isAllowedToCreateMetrics ? null : /* @__PURE__ */ jsxs("div", {
-          className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$M["embedDashboard-header-floating"] : styles$M["embedDashboard-header-static"],
+          className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$N["embedDashboard-header-floating"] : styles$N["embedDashboard-header-static"],
           children: [(options2 == null ? void 0 : options2.headerVariant) === "floating" && /* @__PURE__ */ jsx("span", {
-            className: styles$M.floatingButton,
+            className: styles$N.floatingButton,
             children: /* @__PURE__ */ jsx(Icons, {
               name: "setup-icon",
-              className: styles$M.floatingButton
+              className: styles$N.floatingButton
             })
           }), /* @__PURE__ */ jsxs("div", {
-            className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$M.floatingContainer : styles$M.staticContainer,
+            className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$N.floatingContainer : styles$N.staticContainer,
             children: [data.sharingSettingsId && /* @__PURE__ */ jsx(ScheduleEmail, {}), !(options2 == null ? void 0 : options2.disableMetricCreation) && data.isAllowedToCreateMetrics && /* @__PURE__ */ jsxs(Fragment, {
               children: [/* @__PURE__ */ jsx(Button, {
                 type: "button",
                 variant: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? "custom" : "primary",
                 size: "large",
-                className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$M.floatingCreateButton : "",
+                className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$N.floatingCreateButton : "",
                 onClick: () => setShowMetricCreateModal(true),
                 children: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? /* @__PURE__ */ jsx(mdiPlus, {
-                  className: styles$M.floatingCreateButtonIcon
+                  className: styles$N.floatingCreateButtonIcon
                 }) : "Create Metric"
               }), /* @__PURE__ */ jsx(EmbeddedMetricCreation, {
                 clientId: data.clientId,
@@ -133488,7 +134151,7 @@ const EmbeddedDashboard = e__default.memo(({
             })]
           })]
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$M["embedDashboard-wrapper"],
+          className: styles$N["embedDashboard-wrapper"],
           children: [data.externalDashboard.filters.length ? /* @__PURE__ */ jsx(GlobalFilters, {
             companyId: data.companyId,
             externalDashboardId: data.externalDashboard.id,
@@ -133517,7 +134180,7 @@ const EmbeddedDashboard = e__default.memo(({
           })]
         })]
       }), isLoading && /* @__PURE__ */ jsx("div", {
-        className: styles$M["alt-container"],
+        className: styles$N["alt-container"],
         children: /* @__PURE__ */ jsx(eosIconsLoading, {
           style: {
             width: "50px",
@@ -133526,7 +134189,7 @@ const EmbeddedDashboard = e__default.memo(({
           }
         })
       }), !isLoading && !((_d = data == null ? void 0 : data.externalDashboard) == null ? void 0 : _d.id) && /* @__PURE__ */ jsx("div", {
-        className: styles$M["alt-container"],
+        className: styles$N["alt-container"],
         children: "Invalid token or Dashboard id"
       })]
     })