@databrainhq/plugin 0.8.23 → 0.8.25

package/dist/index.es.js

@@ -2534,7 +2534,7 @@ const floatingContainer = "_floatingContainer_vf3jq_421";
 const filterButton = "_filterButton_vf3jq_437";
 const filterText$1 = "_filterText_vf3jq_445";
 const filterLength = "_filterLength_vf3jq_453";
-var styles$H = {
+var styles$I = {
   container: container$h,
   "static": "_static_vf3jq_413",
   fixed,
@@ -2646,18 +2646,18 @@ var classnames$1 = { exports: {} };
   })();
 })(classnames$1);
 var classnames = classnames$1.exports;
-var styles$G = {
-  "btn-primary": "_btn-primary_u81u9_1",
-  "btn-secondary": "_btn-secondary_u81u9_9",
-  "btn-reject": "_btn-reject_u81u9_17",
-  "btn-outlined": "_btn-outlined_u81u9_27",
-  "btn-tertiary": "_btn-tertiary_u81u9_35",
-  "btn-default": "_btn-default_u81u9_43",
-  "btn-large": "_btn-large_u81u9_49",
-  "btn-small": "_btn-small_u81u9_55",
-  "btn-xs": "_btn-xs_u81u9_61",
-  "btn-medium": "_btn-medium_u81u9_67",
-  "btn-11rem": "_btn-11rem_u81u9_75"
+var styles$H = {
+  "btn-primary": "_btn-primary_17kvk_1",
+  "btn-secondary": "_btn-secondary_17kvk_5",
+  "btn-reject": "_btn-reject_17kvk_9",
+  "btn-outlined": "_btn-outlined_17kvk_14",
+  "btn-tertiary": "_btn-tertiary_17kvk_18",
+  "btn-default": "_btn-default_17kvk_22",
+  "btn-large": "_btn-large_17kvk_25",
+  "btn-small": "_btn-small_17kvk_28",
+  "btn-xs": "_btn-xs_17kvk_31",
+  "btn-medium": "_btn-medium_17kvk_34",
+  "btn-11rem": "_btn-11rem_17kvk_38"
 };
 var jsxRuntime$1 = { exports: {} };
 var reactJsxRuntime_production_min = {};
@@ -2709,7 +2709,7 @@ const Button = ({
   title: title2,
   ...props
 }) => {
-  const btnClasses = classnames(className, styles$G[`btn-${variant}`], `dbn-btn-${variant}`, size === "none" ? null : styles$G[`btn-${size}`]);
+  const btnClasses = classnames(className, styles$H[`btn-${variant}`], `dbn-btn-${variant}`, size === "none" ? null : styles$H[`btn-${size}`]);
   return /* @__PURE__ */ jsx("button", {
     ...props,
     type: type3,
@@ -4169,7 +4169,7 @@ const plusIcon = "_plusIcon_13jez_85";
 const form$3 = "_form_13jez_91";
 const chartType = "_chartType_13jez_97";
 const selectedOption = "_selectedOption_13jez_105";
-var styles$F = {
+var styles$G = {
   chartOptions,
   chartOption,
   chartOptionBtn: chartOptionBtn$1,
@@ -4952,39 +4952,39 @@ let xe = "div", ne = S.RenderStrategy, re = C$2(function(e2, s2) {
   let n2 = useContext(F) !== null, m2 = s() !== null;
   return React__default.createElement(React__default.Fragment, null, !n2 && m2 ? React__default.createElement(q, { ref: s$12, ...e2 }) : React__default.createElement(re, { ref: s$12, ...e2 }));
 }), We = Object.assign(q, { Child: Pe, Root: q });
-const listBoxButton = "_listBoxButton_kdipy_9";
-const selectedOptionText = "_selectedOptionText_kdipy_33";
-const transitionDiv = "_transitionDiv_kdipy_41";
-const listboxButtonWrapper = "_listboxButtonWrapper_kdipy_49";
-const arrowicon = "_arrowicon_kdipy_55";
-const leave$2 = "_leave_kdipy_61";
-const leaveFrom$2 = "_leaveFrom_kdipy_67";
-const leaveTo$2 = "_leaveTo_kdipy_73";
-const notAvailable = "_notAvailable_kdipy_79";
-const option$1 = "_option_kdipy_85";
-const activeOption = "_activeOption_kdipy_91";
-const optionSelected = "_optionSelected_kdipy_97";
-const inactiveOption = "_inactiveOption_kdipy_103";
-const optionLabel = "_optionLabel_kdipy_109";
-const optionSubLabel = "_optionSubLabel_kdipy_115";
-const selectedLabel = "_selectedLabel_kdipy_121";
-const nonselectedLabel = "_nonselectedLabel_kdipy_127";
-const check = "_check_kdipy_133";
-const checkActive = "_checkActive_kdipy_139";
-const checkInactive = "_checkInactive_kdipy_145";
-const checkIcon$1 = "_checkIcon_kdipy_151";
-const checkIconSelected = "_checkIconSelected_kdipy_157";
-const checkIconUnselected = "_checkIconUnselected_kdipy_163";
-const loadMore$1 = "_loadMore_kdipy_169";
-const selectedList = "_selectedList_kdipy_175";
-const selectedListItem = "_selectedListItem_kdipy_181";
-const label$7 = "_label_kdipy_187";
-const clientText$1 = "_clientText_kdipy_193";
+const listBoxButton = "_listBoxButton_fw8xj_5";
+const selectedOptionText = "_selectedOptionText_fw8xj_17";
+const transitionDiv = "_transitionDiv_fw8xj_21";
+const listboxButtonWrapper = "_listboxButtonWrapper_fw8xj_25";
+const arrowicon = "_arrowicon_fw8xj_28";
+const leave$2 = "_leave_fw8xj_31";
+const leaveFrom$2 = "_leaveFrom_fw8xj_34";
+const leaveTo$2 = "_leaveTo_fw8xj_37";
+const notAvailable = "_notAvailable_fw8xj_40";
+const option$1 = "_option_fw8xj_43";
+const activeOption = "_activeOption_fw8xj_46";
+const optionSelected = "_optionSelected_fw8xj_49";
+const inactiveOption = "_inactiveOption_fw8xj_52";
+const optionLabel = "_optionLabel_fw8xj_55";
+const optionSubLabel = "_optionSubLabel_fw8xj_58";
+const selectedLabel = "_selectedLabel_fw8xj_61";
+const nonselectedLabel = "_nonselectedLabel_fw8xj_64";
+const check = "_check_fw8xj_67";
+const checkActive = "_checkActive_fw8xj_70";
+const checkInactive = "_checkInactive_fw8xj_73";
+const checkIcon$1 = "_checkIcon_fw8xj_76";
+const checkIconSelected = "_checkIconSelected_fw8xj_79";
+const checkIconUnselected = "_checkIconUnselected_fw8xj_82";
+const loadMore$1 = "_loadMore_fw8xj_85";
+const selectedList = "_selectedList_fw8xj_88";
+const selectedListItem = "_selectedListItem_fw8xj_91";
+const label$7 = "_label_fw8xj_94";
+const clientText$1 = "_clientText_fw8xj_97";
 var style = {
-  "listBox-label": "_listBox-label_kdipy_1",
-  "listBoxButton-container": "_listBoxButton-container_kdipy_9",
+  "listBox-label": "_listBox-label_fw8xj_1",
+  "listBoxButton-container": "_listBoxButton-container_fw8xj_5",
   listBoxButton,
-  "listBox-option": "_listBox-option_kdipy_25",
+  "listBox-option": "_listBox-option_fw8xj_13",
   selectedOptionText,
   transitionDiv,
   listboxButtonWrapper,
@@ -5013,22 +5013,22 @@ var style = {
   label: label$7,
   clientText: clientText$1
 };
-const primary = "_primary_1ipyg_1";
-const secondary = "_secondary_1ipyg_9";
-const tertiary = "_tertiary_1ipyg_19";
-var styles$E = {
-  primary,
+const primary$1 = "_primary_18yak_1";
+const secondary = "_secondary_18yak_5";
+const tertiary = "_tertiary_18yak_10";
+var styles$F = {
+  primary: primary$1,
   secondary,
   tertiary,
-  "font-18": "_font-18_1ipyg_27",
-  "font-20": "_font-20_1ipyg_35",
-  "font-14": "_font-14_1ipyg_43",
-  "font-14a": "_font-14a_1ipyg_51",
-  "font-14b": "_font-14b_1ipyg_59",
-  "font-14c": "_font-14c_1ipyg_67",
-  "font-14d": "_font-14d_1ipyg_75",
-  "font-15": "_font-15_1ipyg_83",
-  "font-34": "_font-34_1ipyg_89"
+  "font-18": "_font-18_18yak_14",
+  "font-20": "_font-20_18yak_18",
+  "font-14": "_font-14_18yak_22",
+  "font-14a": "_font-14a_18yak_26",
+  "font-14b": "_font-14b_18yak_30",
+  "font-14c": "_font-14c_18yak_34",
+  "font-14d": "_font-14d_18yak_38",
+  "font-15": "_font-15_18yak_42",
+  "font-34": "_font-34_18yak_45"
 };
 const variants = {
   h1: "h1",
@@ -5050,16 +5050,16 @@ const Text = ({
 }) => {
   const Tag = variants[variant];
   return /* @__PURE__ */ jsx(Tag, {
-    className: classnames(styleClass === "custom" ? null : `${styles$E[styleClass]}`, className),
+    className: classnames(styleClass === "custom" ? null : `${styles$F[styleClass]}`, className),
     onClick,
     style: style2,
     children: children2
   });
 };
-const search$1 = "_search_qirxg_1";
-var styles$D = {
-  "searchTab-container": "_searchTab-container_qirxg_1",
-  "searchTab-input": "_searchTab-input_qirxg_9",
+const search$1 = "_search_1klck_1";
+var styles$E = {
+  "searchTab-container": "_searchTab-container_1klck_1",
+  "searchTab-input": "_searchTab-input_1klck_5",
   search: search$1
 };
 const iconoirSearch = (props) => /* @__PURE__ */ jsx("svg", {
@@ -5089,13 +5089,13 @@ const SearchTab = ({
     setSearchKeyword(keyword == null ? void 0 : keyword.toLowerCase());
   }, [setSearchKeyword, watch, keyword]);
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$D["searchTab-container"]} ${className}`,
+    className: `${styles$E["searchTab-container"]} ${className}`,
     children: [/* @__PURE__ */ jsx("input", {
       placeholder: "Search",
       ...register2("searchKeyword"),
-      className: styles$D["searchTab-input"]
+      className: styles$E["searchTab-input"]
     }), /* @__PURE__ */ jsx("div", {
-      className: styles$D.search,
+      className: styles$E.search,
       children: /* @__PURE__ */ jsx(iconoirSearch, {
         color: "#C7C7C7",
         width: "30px",
@@ -5585,12 +5585,12 @@ const ChartConfig = ({
   };
   if (chartType2 === SANKEY) {
     return /* @__PURE__ */ jsxs("div", {
-      className: styles$F.container,
+      className: styles$G.container,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$F.field,
+        className: styles$G.field,
         children: [/* @__PURE__ */ jsx(Text, {
           styleClass: "font-14",
-          className: styles$F.fieldText,
+          className: styles$G.fieldText,
           variant: "h4",
           children: "Source"
         }), /* @__PURE__ */ jsx(Select, {
@@ -5600,10 +5600,10 @@ const ChartConfig = ({
           value: source
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$F.field,
+        className: styles$G.field,
         children: [/* @__PURE__ */ jsx(Text, {
           styleClass: "font-14",
-          className: styles$F.fieldText,
+          className: styles$G.fieldText,
           variant: "h4",
           children: "Target"
         }), /* @__PURE__ */ jsx(Select, {
@@ -5615,7 +5615,7 @@ const ChartConfig = ({
       }), /* @__PURE__ */ jsxs("div", {
         children: [/* @__PURE__ */ jsx(Text, {
           styleClass: "font-14",
-          className: styles$F.fieldText,
+          className: styles$G.fieldText,
           variant: "h4",
           children: "Value"
         }), /* @__PURE__ */ jsx(Select, {
@@ -5628,7 +5628,7 @@ const ChartConfig = ({
         type: "submit",
         variant: "primary",
         size: "default",
-        className: styles$F.doneBtn,
+        className: styles$G.doneBtn,
         onClick: () => {
           onSubmitSnakeyValues();
           setSettingsShow(false);
@@ -5640,10 +5640,10 @@ const ChartConfig = ({
   if (chartType2 === DOUGHNUT) {
     return /* @__PURE__ */ jsx(Fragment, {
       children: !!(chartType2 === DOUGHNUT || PIE) && /* @__PURE__ */ jsxs("div", {
-        className: styles$F.container,
+        className: styles$G.container,
         children: [/* @__PURE__ */ jsx(Text, {
           styleClass: "font-14",
-          className: styles$F.field,
+          className: styles$G.field,
           variant: "h4",
           children: "Dimension"
         }), /* @__PURE__ */ jsx(Select, {
@@ -5653,12 +5653,12 @@ const ChartConfig = ({
           value: xAxis
         }), /* @__PURE__ */ jsx(Text, {
           styleClass: "font-14",
-          className: styles$F.measureText,
+          className: styles$G.measureText,
           variant: "h4",
           children: "Measure"
         }), /* @__PURE__ */ jsxs("form", {
           onSubmit: handleSubmit(onSubmitOptions),
-          className: styles$F.form,
+          className: styles$G.form,
           children: [/* @__PURE__ */ jsx(HookMultiSelect, {
             name: "yAxisList",
             options: options2,
@@ -5668,7 +5668,7 @@ const ChartConfig = ({
             type: "submit",
             variant: "primary",
             size: "default",
-            className: styles$F.doneBtn,
+            className: styles$G.doneBtn,
             children: "Done"
           })]
         })]
@@ -5678,10 +5678,10 @@ const ChartConfig = ({
   if (chartType2 === PIE) {
     return /* @__PURE__ */ jsx(Fragment, {
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$F.container,
+        className: styles$G.container,
         children: [/* @__PURE__ */ jsx(Text, {
           styleClass: "font-14",
-          className: styles$F.field,
+          className: styles$G.field,
           variant: "h4",
           children: "Dimension"
         }), /* @__PURE__ */ jsx(Select, {
@@ -5691,12 +5691,12 @@ const ChartConfig = ({
           value: xAxis
         }), /* @__PURE__ */ jsx(Text, {
           styleClass: "font-14",
-          className: styles$F.measureText,
+          className: styles$G.measureText,
           variant: "h4",
           children: "Measure"
         }), /* @__PURE__ */ jsxs("form", {
           onSubmit: handleSubmit(onSubmitOptions),
-          className: styles$F.form,
+          className: styles$G.form,
           children: [/* @__PURE__ */ jsx(HookMultiSelect, {
             name: "yAxisList",
             options: options2,
@@ -5706,7 +5706,7 @@ const ChartConfig = ({
             type: "submit",
             variant: "primary",
             size: "default",
-            className: styles$F.doneBtn,
+            className: styles$G.doneBtn,
             children: "Done"
           })]
         })]
@@ -5717,7 +5717,7 @@ const ChartConfig = ({
     return /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx(Text, {
         styleClass: "font-14",
-        className: `${styles$F.singleValueMeasure}`,
+        className: `${styles$G.singleValueMeasure}`,
         variant: "h4",
         children: "Measure"
       }), /* @__PURE__ */ jsx(Select, {
@@ -5729,7 +5729,7 @@ const ChartConfig = ({
         type: "button",
         variant: "primary",
         size: "default",
-        className: styles$F.doneBtn,
+        className: styles$G.doneBtn,
         onClick: () => setSettingsShow(false),
         children: "Done"
       })]
@@ -5737,11 +5737,11 @@ const ChartConfig = ({
   }
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$F.container,
+      className: styles$G.container,
       children: [chartType2 !== "gauge" && chartType2 !== BOXPLOT && chartType2 !== "table" && /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsxs(Text, {
           styleClass: "font-14",
-          className: styles$F.field,
+          className: styles$G.field,
           variant: "h4",
           children: [chartType2 !== "funnel" && chartType2 !== "row" && "X-axis", chartType2 === "funnel" && "Step", chartType2 === "row" && "Y-axis"]
         }), chartType2 === "funnel" ? /* @__PURE__ */ jsx(Select, {
@@ -5756,17 +5756,17 @@ const ChartConfig = ({
           value: xAxis
         })]
       }), /* @__PURE__ */ jsx("div", {
-        className: `${styles$F.chartType}
-            ${chartType2 !== "gauge" ? styles$F.measureText : ""}`,
+        className: `${styles$G.chartType}
+            ${chartType2 !== "gauge" ? styles$G.measureText : ""}`,
         children: /* @__PURE__ */ jsxs(Text, {
           styleClass: "font-14",
           variant: "h1",
-          className: styles$F.field,
+          className: styles$G.field,
           children: [chartType2 !== "funnel" && chartType2 !== "gauge" && chartType2 !== "row" && chartType2 !== "boxplot" && chartType2 !== "table" && "Y-axis", (chartType2 === "funnel" || chartType2 === "gauge" || chartType2 === "boxplot" || chartType2 === "table") && "Measure", chartType2 === "row" && "X-axis"]
         })
       }), /* @__PURE__ */ jsxs("form", {
         onSubmit: handleSubmit(onSubmitOptions),
-        className: styles$F.form,
+        className: styles$G.form,
         children: [chartType2 === "funnel" || chartType2 === "gauge" ? /* @__PURE__ */ jsx(Select, {
           label: "",
           options: options2,
@@ -5781,7 +5781,7 @@ const ChartConfig = ({
           type: "submit",
           variant: "primary",
           size: "default",
-          className: styles$F.doneBtn,
+          className: styles$G.doneBtn,
           children: "Done"
         })]
       })]
@@ -6073,13 +6073,13 @@ const ChartModalOptions = ({
     icon: materialSymbolsBackupTable
   }];
   return /* @__PURE__ */ jsx("div", {
-    className: styles$F.chartOptions,
+    className: styles$G.chartOptions,
     children: chartOptions2.map((option2) => /* @__PURE__ */ jsxs("div", {
-      className: styles$F.chartOption,
+      className: styles$G.chartOption,
       children: [/* @__PURE__ */ jsx(Button, {
         type: "button",
         variant: "custom",
-        className: chartType2 === option2.name.toLowerCase() ? styles$F.chartOptionBtnSelected : styles$F.chartOptionBtn,
+        className: chartType2 === option2.name.toLowerCase() ? styles$G.chartOptionBtnSelected : styles$G.chartOptionBtn,
         onClick: () => {
           setChartType(option2.name.toLowerCase());
         },
@@ -6093,7 +6093,7 @@ const ChartModalOptions = ({
       }, option2.name), /* @__PURE__ */ jsx(Text, {
         variant: "p",
         styleClass: "custom",
-        className: styles$F.chartOptionText,
+        className: styles$G.chartOptionText,
         children: option2.name
       })]
     }, option2.name))
@@ -6227,7 +6227,7 @@ const BOOLEAN_TYPES = ["boolean", "bool"];
 const configTabs = ["saved", "simple", "custom"];
 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+DQogIDxzeW1ib2wgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB2aWV3Qm94PSIwIDAgMjQgMjQiIGlkPSJkZWxldGUtaWNvbiI+DQogICAgPHBhdGggZD0iTTI0IDB2MjRIMFYwaDI0Wk0xMi41OTMgMjMuMjU4bC0uMDExLjAwMmwtLjA3MS4wMzVsLS4wMi4wMDRsLS4wMTQtLjAwNGwtLjA3MS0uMDM1Yy0uMDEtLjAwNC0uMDE5LS4wMDEtLjAyNC4wMDVsLS4wMDQuMDFsLS4wMTcuNDI4bC4wMDUuMDJsLjAxLjAxM2wuMTA0LjA3NGwuMDE1LjAwNGwuMDEyLS4wMDRsLjEwNC0uMDc0bC4wMTItLjAxNmwuMDA0LS4wMTdsLS4wMTctLjQyN2MtLjAwMi0uMDEtLjAwOS0uMDE3LS4wMTctLjAxOFptLjI2NS0uMTEzbC0uMDEzLjAwMmwtLjE4NS4wOTNsLS4wMS4wMWwtLjAwMy4wMTFsLjAxOC40M2wuMDA1LjAxMmwuMDA4LjAwN2wuMjAxLjA5M2MuMDEyLjAwNC4wMjMgMCAuMDI5LS4wMDhsLjAwNC0uMDE0bC0uMDM0LS42MTRjLS4wMDMtLjAxMi0uMDEtLjAyLS4wMi0uMDIyWm0tLjcxNS4wMDJhLjAyMy4wMjMgMCAwIDAtLjAyNy4wMDZsLS4wMDYuMDE0bC0uMDM0LjYxNGMwIC4wMTIuMDA3LjAyLjAxNy4wMjRsLjAxNS0uMDAybC4yMDEtLjA5M2wuMDEtLjAwOGwuMDA0LS4wMTFsLjAxNy0uNDNsLS4wMDMtLjAxMmwtLjAxLS4wMWwtLjE4NC0uMDkyWiIvPg0KICAgIDxwYXRoIGZpbGw9ImN1cnJlbnRDb2xvciIgZD0iTTE0LjI4IDJhMiAyIDAgMCAxIDEuODk3IDEuMzY4TDE2LjcyIDVIMjBhMSAxIDAgMSAxIDAgMmwtLjAwMy4wNzFsLS44NjcgMTIuMTQzQTMgMyAwIDAgMSAxNi4xMzggMjJINy44NjJhMyAzIDAgMCAxLTIuOTkyLTIuNzg2TDQuMDAzIDcuMDdBMS4wMSAxLjAxIDAgMCAxIDQgN2ExIDEgMCAwIDEgMC0yaDMuMjhsLjU0My0xLjYzMkEyIDIgMCAwIDEgOS43MjEgMmg0LjU1OFptMy43MTcgNUg2LjAwM2wuODYyIDEyLjA3MWExIDEgMCAwIDAgLjk5Ny45MjloOC4yNzZhMSAxIDAgMCAwIC45OTctLjkyOUwxNy45OTcgN1pNMTAgMTBhMSAxIDAgMCAxIC45OTMuODgzTDExIDExdjVhMSAxIDAgMCAxLTEuOTkzLjExN0w5IDE2di01YTEgMSAwIDAgMSAxLTFabTQgMGExIDEgMCAwIDEgMSAxdjVhMSAxIDAgMSAxLTIgMHYtNWExIDEgMCAwIDEgMS0xWm0uMjgtNkg5LjcybC0uMzMzIDFoNS4yMjZsLS4zMzQtMVoiIHN0cm9rZT0iY3VycmVudENvbG9yIiBzdHJva2Utd2lkdGg9IjAuNSIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIj48L3BhdGg+DQogIDwvc3ltYm9sPg0KPC9zdmc+";
 const icons = "_icons_1u812_1";
-var styles$C = {
+var styles$D = {
   icons
 };
 const Icons = ({
@@ -6235,7 +6235,7 @@ const Icons = ({
   className
 }) => {
   return /* @__PURE__ */ jsx("svg", {
-    className: className != null ? className : styles$C.icons,
+    className: className != null ? className : styles$D.icons,
     children: /* @__PURE__ */ jsx("use", {
       href: `${icons$1}#${name}`
     })
@@ -6279,9 +6279,9 @@ const DataType = ({
     name: "unknown-icon"
   });
 };
-const error$3 = "_error_1csa7_1";
-var styles$B = {
-  error: error$3
+const error$4 = "_error_1csa7_1";
+var styles$C = {
+  error: error$4
 };
 const Error$1 = ({
   message = ""
@@ -6289,13 +6289,13 @@ const Error$1 = ({
   return /* @__PURE__ */ jsx(Text, {
     variant: "p",
     styleClass: "custom",
-    className: styles$B.error,
+    className: styles$C.error,
     children: message
   });
 };
 const container$f = "_container_7vfcn_1";
 const windowIcon = "_windowIcon_7vfcn_7";
-var styles$A = {
+var styles$B = {
   container: container$f,
   windowIcon
 };
@@ -6320,9 +6320,9 @@ const iconoirErrorWindow = (props) => /* @__PURE__ */ jsx("svg", {
 const ErrorFallback = () => {
   return /* @__PURE__ */ jsxs("div", {
     role: "alert",
-    className: styles$A.container,
+    className: styles$B.container,
     children: [/* @__PURE__ */ jsx(iconoirErrorWindow, {
-      className: styles$A.windowIcon
+      className: styles$B.windowIcon
     }), /* @__PURE__ */ jsx(Text, {
       variant: "p",
       styleClass: "font-20",
@@ -6342,15 +6342,15 @@ const field = "_field_qtwuf_13";
 const fieldLabel = "_fieldLabel_qtwuf_19";
 const save = "_save_qtwuf_25";
 const cancel = "_cancel_qtwuf_31";
-const error$2 = "_error_qtwuf_37";
-var styles$z = {
+const error$3 = "_error_qtwuf_37";
+var styles$A = {
   form: form$2,
   container: container$e,
   field,
   fieldLabel,
   save,
   cancel,
-  error: error$2
+  error: error$3
 };
 const label$6 = "_label_l6nql_1";
 const floatingLabel$1 = "_floatingLabel_l6nql_7";
@@ -6359,7 +6359,7 @@ const input$2 = "_input_l6nql_13";
 const floatingInput = "_floatingInput_l6nql_31";
 const checkboxField = "_checkboxField_l6nql_37";
 const inputWrapper$1 = "_inputWrapper_l6nql_43";
-var styles$y = {
+var styles$z = {
   label: label$6,
   floatingLabel: floatingLabel$1,
   "inputField-container": "_inputField-container_l6nql_13",
@@ -6384,7 +6384,7 @@ const InputField = ({
   ...rest
 }) => {
   return ["checkbox", "radio"].includes(type3) ? /* @__PURE__ */ jsxs("div", {
-    className: `${styles$y.checkboxField} ${className != null ? className : ""}`,
+    className: `${styles$z.checkboxField} ${className != null ? className : ""}`,
     children: [/* @__PURE__ */ jsx("input", {
       ...rest,
       type: type3,
@@ -6394,22 +6394,22 @@ const InputField = ({
       disabled: isDisabled
     }), label2 ? /* @__PURE__ */ jsxs("label", {
       htmlFor: id2,
-      className: `${styles$y.checkboxLabel} ${labelClass}`,
+      className: `${styles$z.checkboxLabel} ${labelClass}`,
       children: [icon2, " ", label2]
     }) : null]
   }) : /* @__PURE__ */ jsxs("div", {
-    className: `${styles$y["inputField-container"]} ${className != null ? className : ""}`,
+    className: `${styles$z["inputField-container"]} ${className != null ? className : ""}`,
     children: [label2 ? /* @__PURE__ */ jsx("label", {
       htmlFor: id2,
-      className: `${styles$y.label} ${labelVariant === "floating" ? styles$y.floatingLabel : ""} ${labelClass}`,
+      className: `${styles$z.label} ${labelVariant === "floating" ? styles$z.floatingLabel : ""} ${labelClass}`,
       children: label2
     }) : null, /* @__PURE__ */ jsxs("div", {
-      className: styles$y.inputWrapper,
+      className: styles$z.inputWrapper,
       children: [/* @__PURE__ */ jsx("input", {
         ...rest,
         id: id2,
         type: type3,
-        className: `${styles$y.input} ${labelVariant === "floating" ? styles$y.floatingInput : ""} ${inputClass}`,
+        className: `${styles$z.input} ${labelVariant === "floating" ? styles$z.floatingInput : ""} ${inputClass}`,
         ...register2,
         disabled: isDisabled
       }), icon2]
@@ -6421,7 +6421,7 @@ const InputField = ({
 const label$5 = "_label_1h21t_1";
 const textarea = "_textarea_1h21t_9";
 const resizable = "_resizable_1h21t_17";
-var styles$x = {
+var styles$y = {
   label: label$5,
   textarea,
   resizable
@@ -6445,7 +6445,7 @@ const TextAreaField = ({
     className,
     children: [/* @__PURE__ */ jsx("label", {
       htmlFor: id2,
-      className: styles$x.label,
+      className: styles$y.label,
       children: label2
     }), /* @__PURE__ */ jsx("textarea", {
       id: id2,
@@ -6453,7 +6453,7 @@ const TextAreaField = ({
       rows,
       cols,
       placeholder,
-      className: classnames(styles$x.textarea, `${resizable2 ? null : styles$x.resizable}`),
+      className: classnames(styles$y.textarea, `${resizable2 ? null : styles$y.resizable}`),
       defaultValue: defaultValue2,
       ...register2,
       value,
@@ -6472,7 +6472,7 @@ const notenabled = "_notenabled_13otg_59";
 const label$4 = "_label_13otg_75";
 const labelActive = "_labelActive_13otg_83";
 const labelInactive = "_labelInactive_13otg_91";
-var styles$w = {
+var styles$x = {
   group: group$1,
   button: button$6,
   checkbox,
@@ -6494,7 +6494,7 @@ const ToggleButton = ({
   name = `toggle-${Date.now()}`
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$w.group} ${className}`,
+    className: `${styles$x.group} ${className}`,
     children: [label2 ? /* @__PURE__ */ jsx(Text, {
       styleClass: "font-14",
       variant: "p",
@@ -6507,16 +6507,16 @@ const ToggleButton = ({
       onChange: ({
         target
       }) => onChange == null ? void 0 : onChange(target.checked),
-      className: styles$w.checkbox
+      className: styles$x.checkbox
     }), /* @__PURE__ */ jsxs("label", {
       htmlFor: name,
-      className: styles$w.button,
+      className: styles$x.button,
       children: [/* @__PURE__ */ jsx("span", {
-        className: `${styles$w.switch} ${enabled2 ? styles$w.enabled : styles$w.notenabled}`
+        className: `${styles$x.switch} ${enabled2 ? styles$x.enabled : styles$x.notenabled}`
       }), placeholder ? /* @__PURE__ */ jsx("span", {
         className: `
-          ${styles$w.label}
-          ${enabled2 ? styles$w.labelActive : styles$w.labelInactive}
+          ${styles$x.label}
+          ${enabled2 ? styles$x.labelActive : styles$x.labelInactive}
         `,
         children: placeholder
       }) : null]
@@ -6529,7 +6529,7 @@ const header$4 = "_header_ul4ir_17";
 const headerTitle = "_headerTitle_ul4ir_25";
 const content = "_content_ul4ir_33";
 const footer = "_footer_ul4ir_41";
-var styles$v = {
+var styles$w = {
   modal,
   popup: popup$1,
   header: header$4,
@@ -6555,18 +6555,18 @@ const Modal = ({
   if (!isOpen)
     return null;
   return ReactDOM.createPortal(/* @__PURE__ */ jsx("div", {
-    className: styles$v.modal,
+    className: styles$w.modal,
     onClick: onClose,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$v.popup,
+      className: styles$w.popup,
       onClick: (e2) => {
         e2.stopPropagation();
       },
       children: [/* @__PURE__ */ jsx("section", {
-        className: styles$v.header,
+        className: styles$w.header,
         children: customHeader || /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsxs("span", {
-            className: styles$v.headerTitle,
+            className: styles$w.headerTitle,
             children: [icon2, headerTitle2]
           }), /* @__PURE__ */ jsx(Button, {
             variant: "custom",
@@ -6578,7 +6578,7 @@ const Modal = ({
           })]
         })
       }), /* @__PURE__ */ jsx("section", {
-        className: styles$v.content,
+        className: styles$w.content,
         children: children2
       })]
     })
@@ -6589,13 +6589,13 @@ const ModalFooter = ({
   className
 }) => {
   return /* @__PURE__ */ jsx("section", {
-    className: `${styles$v.footer} ${className}`,
+    className: `${styles$w.footer} ${className}`,
     children: children2
   });
 };
 const fetcher = (query, variables, options2) => {
   return async () => {
-    const res = await fetch("http://127.0.0.1:8082/v1/graphql", {
+    const res = await fetch("https://backend.usedatabrain.com/v1/graphql", {
       method: "POST",
       headers: {
         "Content-Type": "application/json",
@@ -6686,22 +6686,6 @@ const useGenerateEmbeddedMeticMutation = (options2) => useMutation(
   (variables) => fetcher(GenerateEmbeddedMeticDocument, variables)(),
   options2
 );
-const GetClientDashboardLayoutDocument = `
-    query GetClientDashboardLayout($clientId: String!, $externalDashboardId: uuid!) {
-  clientDashboardMetrics_by_pk(
-    clientId: $clientId
-    externalDashboardId: $externalDashboardId
-  ) {
-    clientId
-    externalDashboardId
-  }
-}
-    `;
-const useGetClientDashboardLayoutQuery = (variables, options2) => useQuery(
-  ["GetClientDashboardLayout", variables],
-  fetcher(GetClientDashboardLayoutDocument, variables),
-  options2
-);
 const CompanyIntegrationDocument = `
     query CompanyIntegration($externalDashboardId: uuid = "") {
   companyIntegrations(
@@ -6771,7 +6755,6 @@ const EmbeddedDashboardMetricsDocument = `
       name
       outputColumns
       query
-      resizeAttributes
       timeGrain
       updatedAt
       selectedGroupBy
@@ -6814,6 +6797,7 @@ const GetExternalDashboardLayoutDocument = `
     clientId
     externalDashboardId
     layout
+    isLocked
   }
 }
     `;
@@ -6856,6 +6840,8 @@ const MetricAccessDocument = `
   companySubsetTables(where: {companyId: {_eq: $companyId}}) {
     isAllowMetricCreation
     isAllowMetricDeletion
+    isAllowMetricUpdation
+    isAllowChangeLayout
   }
 }
     `;
@@ -6912,21 +6898,6 @@ const useMarkArchiveMetricMutation = (options2) => useMutation(
   (variables) => fetcher(MarkArchiveMetricDocument, variables)(),
   options2
 );
-const MarkClientDashboardLayoutChangeDocument = `
-    mutation MarkClientDashboardLayoutChange($clientId: String!, $externalDashboardId: uuid!) {
-  insert_clientDashboardMetrics_one(
-    object: {clientId: $clientId, externalDashboardId: $externalDashboardId}
-  ) {
-    clientId
-    externalDashboardId
-  }
-}
-    `;
-const useMarkClientDashboardLayoutChangeMutation = (options2) => useMutation(
-  ["MarkClientDashboardLayoutChange"],
-  (variables) => fetcher(MarkClientDashboardLayoutChangeDocument, variables)(),
-  options2
-);
 const PreviewTableDocument = `
     mutation PreviewTable($tableName: String = "", $limit: Int = 10, $integrationId: String = "", $integrationName: String = "") {
   previewTable(
@@ -6981,14 +6952,15 @@ const useRawCsvMutation = (options2) => useMutation(
   options2
 );
 const SaveExternalDashboardLayoutDocument = `
-    mutation SaveExternalDashboardLayout($clientId: String!, $externalDashboardId: uuid!, $layout: jsonb!) {
+    mutation SaveExternalDashboardLayout($clientId: String!, $externalDashboardId: uuid!, $layout: jsonb!, $isLocked: Boolean) {
   insert_clientDashboardLayout_one(
-    object: {clientId: $clientId, externalDashboardId: $externalDashboardId, layout: $layout}
-    on_conflict: {constraint: clientDashboardLayout_pkey, update_columns: [layout]}
+    object: {clientId: $clientId, externalDashboardId: $externalDashboardId, layout: $layout, isLocked: $isLocked}
+    on_conflict: {constraint: clientDashboardLayout_pkey, update_columns: [layout, isLocked]}
   ) {
     clientId
     externalDashboardId
     layout
+    isLocked
   }
 }
     `;
@@ -7023,7 +6995,6 @@ const UpdateAdminMetricDocument = `
     name
     outputColumns
     query
-    resizeAttributes
     timeGrain
     updatedAt
     selectedGroupBy
@@ -7098,12 +7069,12 @@ const ExternalMetricForm = ({
     setValue("metricId", defaultValues.metricId);
   }, [defaultValues]);
   return /* @__PURE__ */ jsxs("form", {
-    className: styles$z.form,
+    className: styles$A.form,
     onSubmit: submitMetric,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$z.container,
+      className: styles$A.container,
       children: [/* @__PURE__ */ jsx("div", {
-        className: styles$z.field,
+        className: styles$A.field,
         children: /* @__PURE__ */ jsx(MultiSelect, {
           label: "Dashboards",
           options: options2,
@@ -7130,7 +7101,7 @@ const ExternalMetricForm = ({
         }),
         defaultValue: defaultValues == null ? void 0 : defaultValues.metricId
       }), /* @__PURE__ */ jsx(TextAreaField, {
-        className: styles$z.field,
+        className: styles$A.field,
         id: "desc",
         placeholder: "What is the name of metric?",
         label: "Description",
@@ -7138,8 +7109,8 @@ const ExternalMetricForm = ({
         register: register2("description"),
         defaultValue: defaultValues == null ? void 0 : defaultValues.description
       }), !isEmbedded && /* @__PURE__ */ jsx(ToggleButton, {
-        className: styles$z.field,
-        labelClassName: styles$z.fieldLabel,
+        className: styles$A.field,
+        labelClassName: styles$A.fieldLabel,
         enabled: isLiveMode,
         onChange: setLiveMode,
         label: "Publish Type",
@@ -7149,13 +7120,13 @@ const ExternalMetricForm = ({
     }), !!error2 && /* @__PURE__ */ jsx(Text, {
       variant: "p",
       styleClass: "font-14",
-      className: styles$z.error,
+      className: styles$A.error,
       children: error2
     }), /* @__PURE__ */ jsxs(ModalFooter, {
       children: [/* @__PURE__ */ jsx(Button, {
         type: "reset",
         variant: "secondary",
-        className: styles$z.cancel,
+        className: styles$A.cancel,
         onClick: onCancel,
         size: "default",
         children: "Cancel"
@@ -7163,30 +7134,30 @@ const ExternalMetricForm = ({
         type: "submit",
         variant: "primary",
         size: "small",
-        className: styles$z.save,
+        className: styles$A.save,
         isDisabled: !options2.length || !dashboardIds.length,
         children: "Save"
       })]
     })]
   });
 };
-const container$d = "_container_1n71y_1";
-const wrapper$3 = "_wrapper_1n71y_9";
-const label$3 = "_label_1n71y_17";
-const floatingLabel = "_floatingLabel_1n71y_25";
-const floatingText = "_floatingText_1n71y_31";
-const clientText = "_clientText_1n71y_39";
-const normalText = "_normalText_1n71y_47";
-const dropdown$1 = "_dropdown_1n71y_55";
-const options = "_options_1n71y_63";
-const checkedOption = "_checkedOption_1n71y_71";
-const option = "_option_1n71y_63";
-const icon$1 = "_icon_1n71y_87";
-const text$2 = "_text_1n71y_95";
-const search = "_search_1n71y_103";
-const loadMore = "_loadMore_1n71y_111";
-const loadMoreIcon = "_loadMoreIcon_1n71y_119";
-var styles$u = {
+const container$d = "_container_1tj8t_1";
+const wrapper$3 = "_wrapper_1tj8t_5";
+const label$3 = "_label_1tj8t_9";
+const floatingLabel = "_floatingLabel_1tj8t_13";
+const floatingText = "_floatingText_1tj8t_16";
+const clientText = "_clientText_1tj8t_20";
+const normalText = "_normalText_1tj8t_24";
+const dropdown$1 = "_dropdown_1tj8t_28";
+const options = "_options_1tj8t_32";
+const checkedOption = "_checkedOption_1tj8t_36";
+const option = "_option_1tj8t_32";
+const icon$1 = "_icon_1tj8t_44";
+const text$2 = "_text_1tj8t_48";
+const search = "_search_1tj8t_52";
+const loadMore = "_loadMore_1tj8t_56";
+const loadMoreIcon = "_loadMoreIcon_1tj8t_60";
+var styles$v = {
   container: container$d,
   wrapper: wrapper$3,
   label: label$3,
@@ -7235,6 +7206,8 @@ const useEmbeddedDashboard = (token) => {
   const { data: accessData, isLoading: isLoadingAccessData } = useMetricAccessQuery({ companyId }, { enabled: !!companyId });
   const isAllowedToCreateMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricCreation && !isTestKey : false;
   const isAllowedToDeleteMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricDeletion && !isTestKey : false;
+  const isAllowedToUpdateMetrics = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowMetricUpdation && !isTestKey : false;
+  const isAllowedToChangeLayout = (accessData == null ? void 0 : accessData.companySubsetTables.length) ? accessData.companySubsetTables[0].isAllowChangeLayout && !isTestKey : false;
   return {
     isLoading: isParamsLoading || isExternalDashboardMetricsDataLoading || isLoadingId || isLoadingAccessData,
     data: {
@@ -7248,6 +7221,8 @@ const useEmbeddedDashboard = (token) => {
       companyTenancyType: companyTenancyType || "TABLE",
       isAllowedToCreateMetrics,
       isAllowedToDeleteMetrics,
+      isAllowedToUpdateMetrics,
+      isAllowedToChangeLayout,
       workspace
     }
   };
@@ -7512,7 +7487,6 @@ const useExternalMetric = ({
             createdBy: clientId || "external user",
             clientId,
             isCreatedByClient: !!clientId,
-            resizeAttributes: metric == null ? void 0 : metric.resizeAttributes,
             externalDashboardMetrics: {
               data: dashboardIds.map((externalDashboardId) => ({
                 externalDashboardId
@@ -7708,18 +7682,6 @@ const useClientDashboardLayout = ({
   externalDashboardId,
   clientId
 }) => {
-  const queryClient2 = useQueryClient();
-  const { data: clientLayoutData } = useGetClientDashboardLayoutQuery(
-    {
-      clientId,
-      externalDashboardId
-    },
-    { enabled: Boolean(externalDashboardId && clientId) }
-  );
-  const isLayoutChanged = useMemo(
-    () => !!(clientLayoutData == null ? void 0 : clientLayoutData.clientDashboardMetrics_by_pk),
-    [clientLayoutData == null ? void 0 : clientLayoutData.clientDashboardMetrics_by_pk]
-  );
   const { data: layoutData } = useGetExternalDashboardLayoutQuery(
     {
       clientId,
@@ -7727,59 +7689,26 @@ const useClientDashboardLayout = ({
     },
     { enabled: Boolean(clientId && externalDashboardId) }
   );
-  const layout3 = useMemo(
-    () => {
-      var _a2;
-      return ((_a2 = layoutData == null ? void 0 : layoutData.clientDashboardLayout_by_pk) == null ? void 0 : _a2.layout) || [];
-    },
-    [layoutData == null ? void 0 : layoutData.clientDashboardLayout_by_pk]
-  );
+  const [layout3, isLayoutLocked] = useMemo(() => {
+    var _a2, _b2;
+    return [
+      ((_a2 = layoutData == null ? void 0 : layoutData.clientDashboardLayout_by_pk) == null ? void 0 : _a2.layout) || [],
+      ((_b2 = layoutData == null ? void 0 : layoutData.clientDashboardLayout_by_pk) == null ? void 0 : _b2.isLocked) || false
+    ];
+  }, [layoutData == null ? void 0 : layoutData.clientDashboardLayout_by_pk]);
   const { mutateAsync: saveLayoutMutation } = useSaveExternalDashboardLayoutMutation();
-  const { mutateAsync: markClientLayoutChangeMutation } = useMarkClientDashboardLayoutChangeMutation();
-  const markClientLayoutChange = useCallback(async () => {
-    if (!clientId || !externalDashboardId || isLayoutChanged)
-      return;
-    await markClientLayoutChangeMutation(
-      {
-        clientId,
-        externalDashboardId
-      },
-      {
-        onSuccess: (res) => {
-          if (!res.insert_clientDashboardMetrics_one)
-            return;
-          queryClient2.setQueryData(
-            ["GetClientDashboardLayout", { clientId, externalDashboardId }],
-            (prev) => {
-              return {
-                ...prev,
-                clientDashboardMetrics_by_pk: res.insert_clientDashboardMetrics_one
-              };
-            }
-          );
-        }
-      }
-    );
-  }, [
-    markClientLayoutChangeMutation,
-    isLayoutChanged,
-    clientId,
-    externalDashboardId
-  ]);
   const saveLayout = useCallback(
     async (newLayout) => {
-      await Promise.all([
-        saveLayoutMutation({
-          clientId,
-          externalDashboardId,
-          layout: newLayout
-        }),
-        markClientLayoutChange()
-      ]);
+      await saveLayoutMutation({
+        clientId,
+        externalDashboardId,
+        layout: newLayout,
+        isLocked: isLayoutLocked
+      });
     },
-    [saveLayoutMutation, markClientLayoutChange]
+    [saveLayoutMutation, isLayoutLocked]
   );
-  return { saveLayout, layout: layout3, markClientLayoutChange, isLayoutChanged };
+  return { saveLayout, layout: layout3, isLayoutLocked };
 };
 var index$5 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
@@ -7970,38 +7899,38 @@ const FloatingDropDown = ({
     setIsShow(false);
   }, [closeControl == null ? void 0 : closeControl.close]);
   return /* @__PURE__ */ jsxs("div", {
-    className: classnames(styles$u.container, className),
+    className: classnames(styles$v.container, className),
     ref: wrapperRef,
     children: [label2 ? /* @__PURE__ */ jsx(Text, {
       variant: "span",
       styleClass: labelVariant === "floating" ? "custom" : "font-14",
-      className: `${styles$u.label} ${labelVariant === "floating" ? styles$u.floatingLabel : ""} ${labelDesign === "client" ? styles$u.clientText : styles$u.normalText} `,
+      className: `${styles$v.label} ${labelVariant === "floating" ? styles$v.floatingLabel : ""} ${labelDesign === "client" ? styles$v.clientText : styles$v.normalText} `,
       children: label2
     }) : null, /* @__PURE__ */ jsxs(Button, {
       type: "button",
       variant: "custom",
       isDisabled,
-      className: styles$u.wrapper,
+      className: styles$v.wrapper,
       onClick: () => setIsShow(!isShow),
       children: [/* @__PURE__ */ jsxs(Text, {
         variant: "p",
         styleClass: "font-14",
-        className: `${styles$u.text} ${labelDesign === "client" ? styles$u.floatingText : ""}`,
+        className: `${styles$v.text} ${labelDesign === "client" ? styles$v.floatingText : ""}`,
         children: [icon2, selectedOption2.label || "Select An Option"]
       }), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
     }), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
-      className: styles$u.dropdown,
+      className: styles$v.dropdown,
       children: [isSearchEnabled && /* @__PURE__ */ jsx(SearchTab, {
-        className: styles$u.search,
+        className: styles$v.search,
         setSearchKeyword
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$u.options,
+        className: styles$v.options,
         children: [(searchKeyword ? options2.filter((opt) => opt.label.toLowerCase().includes(searchKeyword)) : options2.slice(0, limit)).map((option2) => {
           const isSelected = option2.value === selectedOption2.value;
           return /* @__PURE__ */ jsx(Button, {
             type: "button",
             variant: "custom",
-            className: isSelected ? styles$u.checkedOption : styles$u.option,
+            className: isSelected ? styles$v.checkedOption : styles$v.option,
             onClick: () => {
               onChange(option2);
               setIsShow(false);
@@ -8012,10 +7941,10 @@ const FloatingDropDown = ({
           variant: "secondary",
           type: "button",
           onClick: () => setLimit((prev) => prev + 20),
-          className: styles$u.loadMore,
+          className: styles$v.loadMore,
           children: ["Load More", " ", /* @__PURE__ */ jsx(Icons, {
             name: "double-arrow-left-icon",
-            className: styles$u.loadMoreIcon
+            className: styles$v.loadMoreIcon
           })]
         })]
       }), children2]
@@ -8043,38 +7972,38 @@ const MultiFloatingDropDown = React__default.memo(({
     onOutsideClick: () => setIsShow(false)
   });
   return /* @__PURE__ */ jsxs("div", {
-    className: classnames(styles$u.container, className),
+    className: classnames(styles$v.container, className),
     ref: wrapperRef,
     children: [label2 ? /* @__PURE__ */ jsx(Text, {
       variant: "span",
       styleClass: labelVariant === "floating" ? "custom" : "font-14",
-      className: `${styles$u.label} ${labelVariant === "floating" ? styles$u.floatingLabel : ""} ${labelDesign === "client" ? styles$u.clientText : styles$u.normalText} `,
+      className: `${styles$v.label} ${labelVariant === "floating" ? styles$v.floatingLabel : ""} ${labelDesign === "client" ? styles$v.clientText : styles$v.normalText} `,
       children: label2
     }) : null, /* @__PURE__ */ jsxs(Button, {
       type: "button",
       variant: "custom",
       isDisabled,
-      className: styles$u.wrapper,
+      className: styles$v.wrapper,
       onClick: () => setIsShow(!isShow),
       children: [/* @__PURE__ */ jsx(Text, {
         variant: "p",
         styleClass: "font-14",
-        className: labelVariant === "floating" ? styles$u.floatingText : "",
+        className: labelVariant === "floating" ? styles$v.floatingText : "",
         children: "Select 1 or more option"
       }), /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})]
     }), isShow && !isDisabled && /* @__PURE__ */ jsxs("div", {
-      className: styles$u.dropdown,
+      className: styles$v.dropdown,
       children: [isSearchEnabled && /* @__PURE__ */ jsx(SearchTab, {
         className: "p-2 mb-3",
         setSearchKeyword
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$u.options,
+        className: styles$v.options,
         children: [(searchKeyword ? options2.filter((opt) => opt.label.toLowerCase().includes(searchKeyword)) : options2.slice(0, limit)).map((option2) => {
           const isSelected = !!selectedOptions.find((opt) => opt.value === option2.value);
           return /* @__PURE__ */ jsxs(Button, {
             type: "button",
             variant: "custom",
-            className: isSelected ? styles$u.checkedOption : styles$u.option,
+            className: isSelected ? styles$v.checkedOption : styles$v.option,
             onClick: () => {
               const updatedOptions = isSelected ? selectedOptions.filter((opt) => opt.value !== option2.value) : [...selectedOptions, option2];
               onChange(updatedOptions);
@@ -8202,12 +8131,12 @@ const MultiFilterDropdown = React__default.memo(({
   });
 });
 const fullscreen$2 = "_fullscreen_1wo1t_1";
-var styles$t = {
+var styles$u = {
   fullscreen: fullscreen$2
 };
 const csvlink = "_csvlink_azd6y_1";
 const noChart = "_noChart_azd6y_7";
-var styles$s = {
+var styles$t = {
   csvlink,
   noChart
 };
@@ -8352,7 +8281,7 @@ const CsvDownloadButton = ({
   return /* @__PURE__ */ jsxs("a", {
     href: objectArrayToCsvString(data),
     download: `${fileName}.csv`,
-    className: className != null ? className : styles$s.csvlink,
+    className: className != null ? className : styles$t.csvlink,
     target: "_self",
     children: [/* @__PURE__ */ jsx(Icons, {
       name: "csv-icon",
@@ -81503,7 +81432,7 @@ const container$c = "_container_qiww4_1";
 const borderLessContainer = "_borderLessContainer_qiww4_7";
 const label$2 = "_label_qiww4_13";
 const sync = "_sync_qiww4_19";
-var styles$r = {
+var styles$s = {
   container: container$c,
   borderLessContainer,
   label: label$2,
@@ -81800,7 +81729,7 @@ const SingleValueChart = ({
   };
   const value = ((_a2 = data[0]) == null ? void 0 : _a2.value) && ((_b2 = data[0]) == null ? void 0 : _b2.value.toString().length) > 16 ? dateFormatter((_c2 = data[0]) == null ? void 0 : _c2.value, customSettings.dateFormatter) : formattedData((_d = data[0]) == null ? void 0 : _d.value, customSettings.numberFormatter);
   return /* @__PURE__ */ jsxs("div", {
-    className: hideBorder ? styles$r.borderLessContainer : styles$r.container,
+    className: hideBorder ? styles$s.borderLessContainer : styles$s.container,
     children: [/* @__PURE__ */ jsx("div", {
       style: valueFont,
       onClick: () => {
@@ -85544,7 +85473,7 @@ const previewTable = "_previewTable_psiyz_49";
 const preview = "_preview_psiyz_49";
 const previewText = "_previewText_psiyz_61";
 const noData$1 = "_noData_psiyz_67";
-const error$1 = "_error_psiyz_73";
+const error$2 = "_error_psiyz_73";
 const errorMsg = "_errorMsg_psiyz_79";
 const tableIcon = "_tableIcon_psiyz_85";
 const stripedRow = "_stripedRow_psiyz_91";
@@ -85556,7 +85485,7 @@ const debounceInput = "_debounceInput_psiyz_121";
 const searchTab = "_searchTab_psiyz_127";
 const noDataHead = "_noDataHead_psiyz_133";
 const noDataBody = "_noDataBody_psiyz_139";
-var styles$q = {
+var styles$r = {
   "table-loader-container": "_table-loader-container_psiyz_1",
   tableData,
   tableHeadCol: tableHeadCol$1,
@@ -85569,7 +85498,7 @@ var styles$q = {
   preview,
   previewText,
   noData: noData$1,
-  error: error$1,
+  error: error$2,
   errorMsg,
   tableIcon,
   stripedRow,
@@ -85602,7 +85531,7 @@ const DebouncedInput = ({
     ...props,
     value,
     onChange: (e2) => setValue(e2.target.value),
-    className: styles$q.searchTab
+    className: styles$r.searchTab
   });
 };
 var TableIcon = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz48c3ZnIGlkPSJMYXllcl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MDAgNTAwIj48ZGVmcz48c3R5bGU+LmNscy0xe3N0cm9rZTojMTgyYzYwO30uY2xzLTEsLmNscy0ye2ZpbGw6bm9uZTtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmQ7fS5jbHMtM3tmaWxsOiM1ODY1ZjY7b3BhY2l0eTouMTt9LmNscy00e2ZpbGw6I2YyZjNmNDt9LmNscy01e2ZpbGw6I2MxYzdjOTt9LmNscy02e2ZpbGw6IzE4MmM2MDt9LmNscy0ye3N0cm9rZTojNTg2NWY2O3N0cm9rZS13aWR0aDo0cHg7fTwvc3R5bGU+PC9kZWZzPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0ibTI3MS4xMSwxNzkuNzJsLS4wOSwyMC4zM3MuMTksNC4wNS4zOCw0LjUyLjc1LDEuODgsMS40MSwyLjM1LDEuMjcuOTksMi4yMSwxLjMyLDEuMTguNjEsMi42NC42MSwyMi42OC4wNSwyMi42OC4wNWwtMjkuMjItMjkuMThaIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjAzLjcxIiB5MT0iMjA4LjAxIiB4Mj0iMjM0LjkyIiB5Mj0iMjA4LjAxIi8+PGxpbmUgY2xhc3M9ImNscy0yIiB4MT0iMjAzLjcxIiB5MT0iMTk3LjM0IiB4Mj0iMjQ4LjA0IiB5Mj0iMTk3LjM0Ii8+PHJlY3QgY2xhc3M9ImNscy0xIiB4PSIyMDIuMyIgeT0iMjMwLjM2IiB3aWR0aD0iODkuOTUiIGhlaWdodD0iNjIuNjciIHJ4PSIzLjIxIiByeT0iMy4yMSIvPjxnPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwMC40OSwyMDguOTl2OTkuOTljMCwzLjU1LTIuODgsNi40My02LjQzLDYuNDNoLTkzLjIzYy0zLjU1LDAtNi40My0yLjg4LTYuNDMtNi40M3YtMTIzLjA3YzAtMy41NSwyLjg4LTYuNDMsNi40My02LjQzaDcwLjI5Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJtMjcxLjE1LDE3OS40OHYyMi45MWMwLDMuNTUsMi44OCw2LjQzLDYuNDMsNi40M2gyMi45MXMtMjkuMzQtMjkuNDgtMjkuMzQtMjkuMzRaIi8+PC9nPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwNS40OSwyMTMuOTl2OTkuOTljMCwzLjU1LTIuODgsNi40My02LjQzLDYuNDNoLTkzLjIzYy0yLjk1LDAtNS40My0xLjk4LTYuMTktNC42OSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0ibTMwNS40OSwyMTMuODJzLTIuMTMtMi4xNC01LjI0LTUuMjYiLz48cGF0aCBjbGFzcz0iY2xzLTYiIGQ9Im0xOTkuNTQsMzE1LjUzcy4yOCwxLjA0LjY2LDEuNi41NiwxLjA4LDEuMzIsMS42OSwyLjEyLDEuNDYsMi40LDEuNTEsMi43My4yNCwzLjg2LjE5LDIwLjM4LS4wOSwyMC4zOC0uMDloMjMuNjdzMTcuMDQtLjA1LDE3LjA0LS4wNWwxNy42OS4xNCwxMi43NS0uMTRzMS45OC0uMTksMi43OC0uNzEsMS42NS0xLjA0LDIuMTItMS44NCwxLjIyLTEuODQsMS4yNy0yLjM1LjE0LTE0LjQuMTQtMTQuNGwtLjE5LTExLjYyLjA5LTExLjk1di0yMi4xMnMtLjA1LTE4LjEyLS4wNS0xOC4xMnYtMjMuMzRzLTUuMDQtNS4yMi01LjA0LTUuMjJsLjA1LDI1LjYuMTQsMjguOTktLjA1LDEzLjg0LS4wNSw5Ljc0djEwLjRzMCw5Ljc5LDAsOS43OWMwLDAsLjE5LDMuMDYtLjQ3LDQuMDlzLTEuMzYsMi4zNS0yLjIxLDIuOTYtMi4wNywxLjE4LTQuNzEsMS4yMi0xNC44Ny4wNS0xNC44Ny4wNWwtMjEuNzktLjA1aC0xNi4wNWwtMjUuODguMDUtMTUuMDEuMTRaIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjAyLjYzIiB5MT0iMjM5LjAzIiB4Mj0iMjkyLjAxIiB5Mj0iMjM5LjAzIi8+PGxpbmUgY2xhc3M9ImNscy0xIiB4MT0iMjE5LjUiIHkxPSIyMzAuNjEiIHgyPSIyMTkuNzkiIHkyPSIyOTMuMDkiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyMzcuNzYiIHkxPSIyMzAuNTMiIHgyPSIyMzguMDUiIHkyPSIyOTMiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNTYuMDIiIHkxPSIyMzAuNDUiIHgyPSIyNTYuMzEiIHkyPSIyOTIuOTIiLz48bGluZSBjbGFzcz0iY2xzLTEiIHgxPSIyNzQuMjgiIHkxPSIyMzAuMzYiIHgyPSIyNzQuNTciIHkyPSIyOTIuODQiLz48Zz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjIwNi4xNyIgeT0iMjMyLjc5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy01IiB4PSIyMjQuMjMiIHk9IjIzMi43OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNSIgeD0iMjQyLjY5IiB5PSIyMzIuNzkiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTUiIHg9IjI2MC42MiIgeT0iMjMyLjc5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy01IiB4PSIyNzguODMiIHk9IjIzMi43OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjQ0LjA4IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI0NC4wOCIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNDQuMDgiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjQ0LjA4IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI0NC4wOCIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjUyLjU1IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI1Mi41NSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNTIuNTUiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjUyLjU1IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI1Mi41NSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjYxLjAyIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI2MS4wMiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNjEuMDIiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjYxLjAyIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI2MS4wMiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjY5LjQ5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI2OS40OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNjkuNDkiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjY5LjQ5IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI2OS40OSIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjc3Ljk2IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI3Ny45NiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyNzcuOTYiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjc3Ljk2IiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI3Ny45NiIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48Zz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjIwNi4xNyIgeT0iMjg2LjQzIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyMjQuMjMiIHk9IjI4Ni40MyIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjxyZWN0IGNsYXNzPSJjbHMtNCIgeD0iMjQyLjY5IiB5PSIyODYuNDMiIHdpZHRoPSI4LjQ3IiBoZWlnaHQ9IjQiLz48cmVjdCBjbGFzcz0iY2xzLTQiIHg9IjI2MC42MiIgeT0iMjg2LjQzIiB3aWR0aD0iOC40NyIgaGVpZ2h0PSI0Ii8+PHJlY3QgY2xhc3M9ImNscy00IiB4PSIyNzguODMiIHk9IjI4Ni40MyIgd2lkdGg9IjguNDciIGhlaWdodD0iNCIvPjwvZz48L3N2Zz4=";
@@ -85687,28 +85616,28 @@ const Table = ({
     debugTable: true
   });
   return /* @__PURE__ */ jsx("div", {
-    className: styles$q.container,
+    className: styles$r.container,
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$q.previewTable,
+      className: styles$r.previewTable,
       children: [(tableSettings == null ? void 0 : tableSettings.showTableTitle) && /* @__PURE__ */ jsxs("div", {
-        className: styles$q.preview,
+        className: styles$r.preview,
         children: [/* @__PURE__ */ jsx(Text, {
           styleClass: "font-14c",
           variant: "h1",
-          className: styles$q.previewText,
+          className: styles$r.previewText,
           children: tableName
         }), tableSettings.enableTableSearch && /* @__PURE__ */ jsx("div", {
           children: /* @__PURE__ */ jsx(DebouncedInput, {
             value: globalFilter,
             onChange: (value) => setGlobalFilter(String(value)),
-            className: styles$q.debounceInput,
+            className: styles$r.debounceInput,
             placeholder: "Search"
           })
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$q.tableData,
+        className: styles$r.tableData,
         children: [isLoading && !(data == null ? void 0 : data.length) && /* @__PURE__ */ jsx("div", {
-          className: styles$q["table-loader-container"],
+          className: styles$r["table-loader-container"],
           children: /* @__PURE__ */ jsx(eosIconsLoading, {
             style: {
               width: "50px",
@@ -85717,17 +85646,17 @@ const Table = ({
             }
           })
         }), !!(data == null ? void 0 : data.length) && !isLoading && /* @__PURE__ */ jsxs("table", {
-          className: styles$q.table,
+          className: styles$r.table,
           children: [/* @__PURE__ */ jsx("thead", {
             children: table2.getHeaderGroups().map((headerGroup) => /* @__PURE__ */ jsx("tr", {
-              className: styles$q.row,
+              className: styles$r.row,
               children: headerGroup.headers.map((header2) => {
                 var _a2;
                 return /* @__PURE__ */ jsx("th", {
-                  className: styles$q.tableHeadCol,
+                  className: styles$r.tableHeadCol,
                   colSpan: header2.colSpan,
                   children: (tableSettings == null ? void 0 : tableSettings.enableSorting) ? /* @__PURE__ */ jsx("div", {
-                    className: header2.column.getCanSort() ? styles$q.sortButton : "",
+                    className: header2.column.getCanSort() ? styles$r.sortButton : "",
                     onClick: header2.column.getToggleSortingHandler(),
                     onMouseOver: header2.column.getToggleSortingHandler(),
                     children: header2.isPlaceholder ? null : /* @__PURE__ */ jsxs("div", {
@@ -85752,9 +85681,9 @@ const Table = ({
             }, headerGroup.id))
           }), /* @__PURE__ */ jsx("tbody", {
             children: table2.getRowModel().rows.map((row2) => /* @__PURE__ */ jsx("tr", {
-              className: `${styles$q.tableRow} ${(tableSettings == null ? void 0 : tableSettings.showRowHover) ? styles$q.rowHover : ""} ${(tableSettings == null ? void 0 : tableSettings.enableStripedRows) && row2.id % 2 !== 0 ? styles$q.stripedRow : ""}`,
+              className: `${styles$r.tableRow} ${(tableSettings == null ? void 0 : tableSettings.showRowHover) ? styles$r.rowHover : ""} ${(tableSettings == null ? void 0 : tableSettings.enableStripedRows) && row2.id % 2 !== 0 ? styles$r.stripedRow : ""}`,
               children: row2.getVisibleCells().map((cell) => /* @__PURE__ */ jsxs("td", {
-                className: `${styles$q.tableRowCol} ${!(tableSettings == null ? void 0 : tableSettings.hideVerticalDivider) ? styles$q.rightBorder : ""}`,
+                className: `${styles$r.tableRowCol} ${!(tableSettings == null ? void 0 : tableSettings.hideVerticalDivider) ? styles$r.rightBorder : ""}`,
                 children: [!!tableSettings && /* @__PURE__ */ jsx("div", {
                   style: divStyle,
                   children: flexRender(cell.column.columnDef.cell, cell.getContext())
@@ -85769,7 +85698,7 @@ const Table = ({
             }, row2.id))
           })]
         }), !(data == null ? void 0 : data.length) && !isLoading && !error2.length && /* @__PURE__ */ jsxs("div", {
-          className: styles$q.noData,
+          className: styles$r.noData,
           children: [/* @__PURE__ */ jsx("img", {
             src: TableIcon,
             alt: "no-data",
@@ -85778,19 +85707,19 @@ const Table = ({
           }), /* @__PURE__ */ jsx(Text, {
             styleClass: "font-14c",
             variant: "h1",
-            className: styles$q.noDataHead,
+            className: styles$r.noDataHead,
             children: "No data tables queried"
           }), /* @__PURE__ */ jsx(Text, {
             styleClass: "font-14",
             variant: "p",
-            className: styles$q.noDataBody,
+            className: styles$r.noDataBody,
             children: "Type your query and input fields beside to generate results and explore data"
           })]
         }), error2 && /* @__PURE__ */ jsx("div", {
-          className: styles$q.error,
+          className: styles$r.error,
           children: /* @__PURE__ */ jsx(Text, {
             styleClass: "primary",
-            className: styles$q.errorMsg,
+            className: styles$r.errorMsg,
             variant: "p",
             children: error2
           })
@@ -86144,7 +86073,7 @@ const MetricChart = ({
     });
   }
   return /* @__PURE__ */ jsx("div", {
-    className: styles$s.noChart,
+    className: styles$t.noChart,
     children: "No chart selected"
   });
 };
@@ -86158,7 +86087,7 @@ const FullScreenChart = ({
     onClose: onCancel,
     headerTitle: "Chart Preview",
     children: /* @__PURE__ */ jsx("div", {
-      className: styles$t.fullscreen,
+      className: styles$u.fullscreen,
       children: chart && /* @__PURE__ */ jsx(MetricChart, {
         labels: chart.labels,
         data: chart.data,
@@ -86195,7 +86124,7 @@ const buttonText = "_buttonText_1ecv1_19";
 const buttonIcon = "_buttonIcon_1ecv1_25";
 const filterName = "_filterName_1ecv1_31";
 const filterDropdown$2 = "_filterDropdown_1ecv1_37";
-var styles$p = {
+var styles$q = {
   button: button$5,
   menu: menu$3,
   menuContainer: menuContainer$1,
@@ -86220,7 +86149,7 @@ const top$2 = "_top_1qflp_97";
 const bottom$3 = "_bottom_1qflp_105";
 const left$2 = "_left_1qflp_113";
 const right$2 = "_right_1qflp_121";
-var styles$o = {
+var styles$p = {
   container: container$a,
   popover: popover$1,
   button: button$4,
@@ -86268,26 +86197,26 @@ const PopoverMenu = ({
   });
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: `${styles$o.container} ${className}`,
+      className: `${styles$p.container} ${className}`,
       ref: wrapperRef,
       children: [/* @__PURE__ */ jsx(Button, {
-        className: `${buttonClass} ${isOpen ? styles$o.buttonOpen : ""} ${styles$o.button}`,
+        className: `${buttonClass} ${isOpen ? styles$p.buttonOpen : ""} ${styles$p.button}`,
         type: "button",
         variant: "custom",
         onClick: () => !isDisabled && setOpen((prev) => !prev),
         children: button2
       }), !isDisabled ? /* @__PURE__ */ jsx("div", {
-        className: `${styles$o.popover} ${styles$o[position2]} ${menuContainerClass}`,
+        className: `${styles$p.popover} ${styles$p[position2]} ${menuContainerClass}`,
         children: /* @__PURE__ */ jsx(We, {
           as: "div",
-          className: `${styles$o.menu} ${menuClass}`,
+          className: `${styles$p.menu} ${menuClass}`,
           show: isOpen,
-          enter: styles$o.enter,
-          enterFrom: styles$o.enterFrom,
-          enterTo: styles$o.enterTo,
-          leave: styles$o.leave,
-          leaveFrom: styles$o.leaveFrom,
-          leaveTo: styles$o.leaveTo,
+          enter: styles$p.enter,
+          enterFrom: styles$p.enterFrom,
+          enterTo: styles$p.enterTo,
+          leave: styles$p.leave,
+          leaveFrom: styles$p.leaveFrom,
+          leaveTo: styles$p.leaveTo,
           children: children2
         })
       }) : null]
@@ -86343,25 +86272,25 @@ const FilterField = ({
   }, [isResetted]);
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsxs(PopoverMenu, {
-      buttonClass: styles$p.button,
-      menuClass: styles$p.menu,
+      buttonClass: styles$q.button,
+      menuClass: styles$q.menu,
       position: "bottom-left",
-      menuContainerClass: styles$p.menuContainer,
+      menuContainerClass: styles$q.menuContainer,
       button: /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsxs("span", {
-          className: styles$p.buttonText,
+          className: styles$q.buttonText,
           children: [/* @__PURE__ */ jsx(DataType, {
             datatype: filter2.as || type3
           }), filter2.name]
         }), /* @__PURE__ */ jsx("span", {
-          className: styles$p.buttonIcon,
+          className: styles$q.buttonIcon,
           children: /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})
         })]
       }),
       children: [/* @__PURE__ */ jsx(Text, {
         variant: "p",
         styleClass: "font-14",
-        className: styles$p.filterName,
+        className: styles$q.filterName,
         children: filter2.name
       }), /* @__PURE__ */ jsx(FloatingDropDown, {
         label: "Operator",
@@ -86382,7 +86311,7 @@ const FilterField = ({
           onChange: setOption,
           label: "Filter Value",
           labelVariant: "static",
-          className: styles$p.filterDropdown
+          className: styles$q.filterDropdown
         }) : /* @__PURE__ */ jsx(Fragment, {
           children: isInFilterOperator(operator.value) ? /* @__PURE__ */ jsx(MultiFilterDropdown, {
             selectedOptions: multiOptions,
@@ -86395,7 +86324,7 @@ const FilterField = ({
             isSearchEnabled: true,
             label: "Filter Value",
             labelVariant: "static",
-            className: styles$p.filterDropdown,
+            className: styles$q.filterDropdown,
             autoSelected: false,
             integrationId,
             integrationName
@@ -86410,7 +86339,7 @@ const FilterField = ({
             isSearchEnabled: true,
             label: "Filter Value",
             labelVariant: "static",
-            className: styles$p.filterDropdown,
+            className: styles$q.filterDropdown,
             autoSelected: false,
             integrationId,
             integrationName
@@ -86438,7 +86367,7 @@ const remove = "_remove_1p21l_85";
 const filterCol = "_filterCol_1p21l_91";
 const filterText = "_filterText_1p21l_97";
 const smallText = "_smallText_1p21l_103";
-var styles$n = {
+var styles$o = {
   container: container$9,
   form: form$1,
   filterHeader,
@@ -86541,29 +86470,29 @@ const GlobalFilters = ({
   }, [data == null ? void 0 : data.companyIntegrations]);
   return /* @__PURE__ */ jsx(Fragment, {
     children: (data == null ? void 0 : data.companyIntegrations.length) && !isLoading && /* @__PURE__ */ jsx("div", {
-      className: styles$n.container,
+      className: styles$o.container,
       children: /* @__PURE__ */ jsxs("form", {
-        className: styles$n.form,
+        className: styles$o.form,
         onSubmit: handleSubmit,
         onReset: resetFilters,
         children: [/* @__PURE__ */ jsx("div", {
-          className: styles$n.filterHeader,
+          className: styles$o.filterHeader,
           children: /* @__PURE__ */ jsxs("div", {
-            className: styles$n.titleContent,
+            className: styles$o.titleContent,
             children: [/* @__PURE__ */ jsx(Text, {
               variant: "p",
               styleClass: "primary",
-              className: styles$n.title,
+              className: styles$o.title,
               children: "Filters:"
             }), renderAdditionalHeaderContent ? renderAdditionalHeaderContent() : null]
           })
         }), /* @__PURE__ */ jsx("div", {
-          className: styles$n.filterFields,
+          className: styles$o.filterFields,
           children: filters2[0].columns.map((col) => /* @__PURE__ */ jsx(Fragment, {
             children: /* @__PURE__ */ jsxs("div", {
-              className: styles$n.filterCol,
+              className: styles$o.filterCol,
               children: [/* @__PURE__ */ jsx("div", {
-                className: styles$n.filterDropdown,
+                className: styles$o.filterDropdown,
                 children: /* @__PURE__ */ jsx(FilterDropDown, {
                   filter: {
                     tableName: filters2[0].tableName,
@@ -86593,7 +86522,7 @@ const GlobalFilters = ({
               }), /* @__PURE__ */ jsx(Button, {
                 type: "button",
                 variant: "custom",
-                className: styles$n.remove,
+                className: styles$o.remove,
                 onClick: () => setAppliedFilters((prev) => prev.filter((a2) => a2.column !== col.name)),
                 children: /* @__PURE__ */ jsx(Icons, {
                   name: "delete-icon"
@@ -86602,19 +86531,19 @@ const GlobalFilters = ({
             })
           }))
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$n.buttons,
+          className: styles$o.buttons,
           children: [/* @__PURE__ */ jsxs(Button, {
             type: "reset",
             variant: "secondary",
-            className: styles$n.reset,
+            className: styles$o.reset,
             children: [/* @__PURE__ */ jsx(Icons, {
               name: "reset-icon",
-              className: styles$n.applyIcon
+              className: styles$o.applyIcon
             }), " Reset Filters"]
           }), /* @__PURE__ */ jsx(Button, {
             type: "submit",
             variant: "primary",
-            className: styles$n.apply,
+            className: styles$o.apply,
             children: "Apply"
           })]
         })]
@@ -86628,7 +86557,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$m = {
+var styles$n = {
   container: container$8,
   tooltip: tooltip$1,
   top: top$1,
@@ -86655,9 +86584,9 @@ const Tooltip = ({
   position: position2 = "bottom"
 }) => {
   return /* @__PURE__ */ jsxs("span", {
-    className: `${styles$m.container} ${className}`,
+    className: `${styles$n.container} ${className}`,
     children: [content2, /* @__PURE__ */ jsx("span", {
-      className: `${styles$m.tooltip} ${styles$m[position2]}`,
+      className: `${styles$n.tooltip} ${styles$n[position2]}`,
       children: children2
     })]
   });
@@ -86678,13 +86607,13 @@ const InfoTooltip = ({
     children: children2
   });
 };
-var styles$l = {
-  "header-container": "_header-container_1pbz4_1",
-  "btn-container": "_btn-container_1pbz4_9",
-  "back-btn": "_back-btn_1pbz4_17",
-  "sql-btn": "_sql-btn_1pbz4_25",
-  "save-btn": "_save-btn_1pbz4_33",
-  "save-btn-icon": "_save-btn-icon_1pbz4_41"
+var styles$m = {
+  "header-container": "_header-container_t2r6v_1",
+  "btn-container": "_btn-container_t2r6v_5",
+  "back-btn": "_back-btn_t2r6v_9",
+  "sql-btn": "_sql-btn_t2r6v_13",
+  "save-btn": "_save-btn_t2r6v_17",
+  "save-btn-icon": "_save-btn-icon_t2r6v_21"
 };
 const Header = ({
   setShowMetricCreateModal,
@@ -86695,15 +86624,15 @@ const Header = ({
   setShowSqlModal
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$l["header-container"],
+    className: styles$m["header-container"],
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$l["btn-container"],
+      className: styles$m["btn-container"],
       children: [/* @__PURE__ */ jsx(Button, {
         type: "button",
         variant: "custom",
         size: "default",
         onClick: () => setShowMetricCreateModal(false),
-        className: styles$l["back-btn"],
+        className: styles$m["back-btn"],
         children: /* @__PURE__ */ jsx(Icons, {
           name: "arrow-back-icon"
         })
@@ -86713,11 +86642,11 @@ const Header = ({
         children: Heading
       })]
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$l["btn-container"],
+      className: styles$m["btn-container"],
       children: [/* @__PURE__ */ jsxs(Button, {
         type: "button",
         variant: "custom",
-        className: styles$l["sql-btn"],
+        className: styles$m["sql-btn"],
         onClick: () => setShowSqlModal(true),
         isDisabled: isDisableSqlBtn,
         children: [/* @__PURE__ */ jsx(Icons, {
@@ -86726,7 +86655,7 @@ const Header = ({
       }), /* @__PURE__ */ jsxs(Button, {
         type: "submit",
         variant: "primary",
-        className: styles$l["save-btn"],
+        className: styles$m["save-btn"],
         isDisabled: isDisableSaveBtn,
         onClick: () => setShowSaveMetricModal(true),
         children: [/* @__PURE__ */ jsx(Icons, {
@@ -86736,21 +86665,21 @@ const Header = ({
     })]
   });
 };
-var styles$k = {
-  "create-btn": "_create-btn_zxqu9_1",
-  "modal-container": "_modal-container_zxqu9_9",
-  "query-modal": "_query-modal_zxqu9_17"
+var styles$l = {
+  "create-btn": "_create-btn_ihjk8_1",
+  "modal-container": "_modal-container_ihjk8_5",
+  "query-modal": "_query-modal_ihjk8_9"
 };
-const container$7 = "_container_u2z1d_1";
-const header$3 = "_header_u2z1d_9";
-const wrapper$2 = "_wrapper_u2z1d_17";
-const column = "_column_u2z1d_33";
-const columnText$1 = "_columnText_u2z1d_41";
-var styles$j = {
+const container$7 = "_container_1q2ss_1";
+const header$3 = "_header_1q2ss_5";
+const wrapper$2 = "_wrapper_1q2ss_9";
+const column = "_column_1q2ss_17";
+const columnText$1 = "_columnText_1q2ss_21";
+var styles$k = {
   container: container$7,
   header: header$3,
   wrapper: wrapper$2,
-  "col-container": "_col-container_u2z1d_25",
+  "col-container": "_col-container_1q2ss_13",
   column,
   columnText: columnText$1
 };
@@ -86761,9 +86690,9 @@ const Dataset = ({
   columnList
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$j.container,
+    className: styles$k.container,
     children: [/* @__PURE__ */ jsx("div", {
-      className: styles$j.header,
+      className: styles$k.header,
       children: /* @__PURE__ */ jsx(FloatingDropDown, {
         onChange: setselectTable,
         selectedOption: selectTable,
@@ -86774,24 +86703,24 @@ const Dataset = ({
         labelVariant: "static"
       })
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$j.wrapper,
+      className: styles$k.wrapper,
       children: [/* @__PURE__ */ jsx(Text, {
         variant: "h1",
         styleClass: "primary",
         children: "Columns"
       }), /* @__PURE__ */ jsx("div", {
-        className: styles$j["col-container"],
+        className: styles$k["col-container"],
         children: columnList.map(({
           as,
           datatype
         }) => /* @__PURE__ */ jsxs("div", {
-          className: styles$j.column,
+          className: styles$k.column,
           children: [/* @__PURE__ */ jsx(DataType, {
             datatype
           }), /* @__PURE__ */ jsx(Text, {
             variant: "p",
             styleClass: "font-14",
-            className: styles$j.columnText,
+            className: styles$k.columnText,
             children: as
           })]
         }, as))
@@ -86818,7 +86747,7 @@ const valueLabelWrapper = "_valueLabelWrapper_1pfol_91";
 const singleCheckBox = "_singleCheckBox_1pfol_97";
 const seriesCheck = "_seriesCheck_1pfol_103";
 const seriesCheckContainer = "_seriesCheckContainer_1pfol_109";
-var styles$i = {
+var styles$j = {
   container: container$6,
   header: header$2,
   tab: tab$2,
@@ -86842,7 +86771,7 @@ var styles$i = {
 const tab$1 = "_tab_4ecdh_1";
 const button$3 = "_button_4ecdh_7";
 const activeTab = "_activeTab_4ecdh_15";
-var styles$h = {
+var styles$i = {
   tab: tab$1,
   button: button$3,
   activeTab
@@ -86855,11 +86784,11 @@ const Tab = ({
   tabText: tabText2 = ""
 }) => {
   return /* @__PURE__ */ jsx("div", {
-    className: `${styles$h.tab} ${className}`,
+    className: `${styles$i.tab} ${className}`,
     children: options2.map((option2) => /* @__PURE__ */ jsx(Button, {
       variant: "custom",
       type: "button",
-      className: `${styles$h.button} ${activeTab2 === option2 && styles$h.activeTab} ${tabText2}`,
+      className: `${styles$i.button} ${activeTab2 === option2 && styles$i.activeTab} ${tabText2}`,
       onClick: () => setActiveTab(option2),
       children: option2
     }, option2))
@@ -86895,30 +86824,30 @@ const ChartConfigure = ({
     }
   }, [chartType2]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$i.container,
+    className: styles$j.container,
     children: [chartType2 === "table" && /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsx("div", {
-        className: styles$i.header,
+        className: styles$j.header,
         children: /* @__PURE__ */ jsx(Tab, {
           options: tableTabs,
           activeTab: activeTab2,
           setActiveTab,
-          className: styles$i.tab,
-          tabText: styles$i.tabText
+          className: styles$j.tab,
+          tabText: styles$j.tabText
         })
       }), /* @__PURE__ */ jsxs("form", {
-        className: styles$i.form,
+        className: styles$j.form,
         children: [activeTab2 === "UI Style" && /* @__PURE__ */ jsxs("div", {
-          className: styles$i.inputWrapper,
+          className: styles$j.inputWrapper,
           children: [/* @__PURE__ */ jsxs("div", {
-            className: styles$i.seriesWrapper,
+            className: styles$j.seriesWrapper,
             children: [/* @__PURE__ */ jsx(Text, {
               variant: "h1",
               styleClass: "font-14",
               className: "font-medium",
               children: "Table content Alignment"
             }), /* @__PURE__ */ jsx("div", {
-              className: styles$i.select,
+              className: styles$j.select,
               children: /* @__PURE__ */ jsx(Select, {
                 value: tableSettings.contentAlignment,
                 options: [{
@@ -86938,14 +86867,14 @@ const ChartConfigure = ({
               })
             })]
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$i.seriesWrapper,
+            className: styles$j.seriesWrapper,
             children: [/* @__PURE__ */ jsx(Text, {
               variant: "h1",
               styleClass: "font-14",
               className: "font-medium",
               children: "Table line gap"
             }), /* @__PURE__ */ jsx("div", {
-              className: styles$i.select,
+              className: styles$j.select,
               children: /* @__PURE__ */ jsx(Select, {
                 value: tableSettings.lineGap,
                 options: [{
@@ -86962,9 +86891,9 @@ const ChartConfigure = ({
               })
             })]
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$i.seriesCheckContainer,
+            className: styles$j.seriesCheckContainer,
             children: [/* @__PURE__ */ jsxs("div", {
-              className: styles$i.seriesCheck,
+              className: styles$j.seriesCheck,
               children: [/* @__PURE__ */ jsx(InputField, {
                 type: "checkbox",
                 label: "Hide Vertical Divider",
@@ -86977,7 +86906,7 @@ const ChartConfigure = ({
                 children: "Hide Vertical Divider"
               })]
             }), /* @__PURE__ */ jsxs("div", {
-              className: styles$i.seriesCheck,
+              className: styles$j.seriesCheck,
               children: [/* @__PURE__ */ jsx(InputField, {
                 type: "checkbox",
                 label: "Enable Striped Rows",
@@ -86990,7 +86919,7 @@ const ChartConfigure = ({
                 children: "Enable Striped Rows"
               })]
             }), /* @__PURE__ */ jsxs("div", {
-              className: styles$i.seriesCheck,
+              className: styles$j.seriesCheck,
               children: [/* @__PURE__ */ jsx(InputField, {
                 type: "checkbox",
                 label: "Show Row Hover",
@@ -87005,14 +86934,14 @@ const ChartConfigure = ({
             })]
           })]
         }), activeTab2 === "Features" && /* @__PURE__ */ jsxs("div", {
-          className: styles$i.seriesCheckContainer,
+          className: styles$j.seriesCheckContainer,
           children: [/* @__PURE__ */ jsx(Text, {
             styleClass: "font-14c",
             variant: "p",
-            className: styles$i.tabHeading,
+            className: styles$j.tabHeading,
             children: "Table feature preferences"
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$i.seriesCheck,
+            className: styles$j.seriesCheck,
             children: [/* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Show Table Title",
@@ -87025,7 +86954,7 @@ const ChartConfigure = ({
               children: "Show Table Title"
             })]
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$i.seriesCheck,
+            className: styles$j.seriesCheck,
             children: [/* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Enable Table Search options",
@@ -87038,7 +86967,7 @@ const ChartConfigure = ({
               children: "Enable Table Search Options"
             })]
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$i.seriesCheck,
+            className: styles$j.seriesCheck,
             children: [/* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Enable Filter options",
@@ -87051,7 +86980,7 @@ const ChartConfigure = ({
               children: "Enable Filter Options"
             })]
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$i.seriesCheck,
+            className: styles$j.seriesCheck,
             children: [/* @__PURE__ */ jsx(InputField, {
               type: "checkbox",
               label: "Enable Table sorting",
@@ -87073,15 +87002,15 @@ const ChartConfigure = ({
           options: chartType2 !== "single value" ? TabList : singleValueTabs,
           activeTab: activeTab2,
           setActiveTab,
-          className: styles$i.tab,
-          tabText: styles$i.tabText
+          className: styles$j.tab,
+          tabText: styles$j.tabText
         })
       }), /* @__PURE__ */ jsxs("form", {
-        className: styles$i.form,
+        className: styles$j.form,
         children: [activeTab2 === "Margins" && /* @__PURE__ */ jsxs("div", {
-          className: styles$i.inputWrapper,
+          className: styles$j.inputWrapper,
           children: [/* @__PURE__ */ jsx("div", {
-            className: styles$i.input,
+            className: styles$j.input,
             children: /* @__PURE__ */ jsx(InputField, {
               type: "number",
               label: "Top",
@@ -87092,7 +87021,7 @@ const ChartConfigure = ({
               value: margins.marginTop
             })
           }), /* @__PURE__ */ jsx("div", {
-            className: styles$i.input,
+            className: styles$j.input,
             children: /* @__PURE__ */ jsx(InputField, {
               type: "number",
               label: "Bottom",
@@ -87103,7 +87032,7 @@ const ChartConfigure = ({
               value: margins.marginBottom
             })
           }), /* @__PURE__ */ jsx("div", {
-            className: styles$i.input,
+            className: styles$j.input,
             children: /* @__PURE__ */ jsx(InputField, {
               type: "number",
               label: "Left",
@@ -87114,7 +87043,7 @@ const ChartConfigure = ({
               }))
             })
           }), /* @__PURE__ */ jsx("div", {
-            className: styles$i.input,
+            className: styles$j.input,
             children: /* @__PURE__ */ jsx(InputField, {
               type: "number",
               label: "Right",
@@ -87126,7 +87055,7 @@ const ChartConfigure = ({
             })
           })]
         }), activeTab2 === "Legend" && /* @__PURE__ */ jsxs("div", {
-          className: styles$i.legendWrapper,
+          className: styles$j.legendWrapper,
           children: [/* @__PURE__ */ jsx(InputField, {
             type: "checkbox",
             label: "Show Legend",
@@ -87141,9 +87070,9 @@ const ChartConfigure = ({
               styleClass: "primary",
               children: "Position"
             }), /* @__PURE__ */ jsxs("div", {
-              className: styles$i.inputWrapper,
+              className: styles$j.inputWrapper,
               children: [/* @__PURE__ */ jsx("div", {
-                className: styles$i.input,
+                className: styles$j.input,
                 children: /* @__PURE__ */ jsx(InputField, {
                   type: "number",
                   label: "Top",
@@ -87154,7 +87083,7 @@ const ChartConfigure = ({
                   }))
                 })
               }), /* @__PURE__ */ jsx("div", {
-                className: styles$i.input,
+                className: styles$j.input,
                 children: /* @__PURE__ */ jsx(InputField, {
                   type: "number",
                   label: "Bottom",
@@ -87165,7 +87094,7 @@ const ChartConfigure = ({
                   }))
                 })
               }), /* @__PURE__ */ jsx("div", {
-                className: styles$i.input,
+                className: styles$j.input,
                 children: /* @__PURE__ */ jsx(InputField, {
                   type: "number",
                   label: "Left",
@@ -87176,7 +87105,7 @@ const ChartConfigure = ({
                   }))
                 })
               }), /* @__PURE__ */ jsx("div", {
-                className: styles$i.input,
+                className: styles$j.input,
                 children: /* @__PURE__ */ jsx(InputField, {
                   type: "number",
                   label: "Right",
@@ -87189,13 +87118,13 @@ const ChartConfigure = ({
               })]
             })]
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$i.selectWrapper,
+            className: styles$j.selectWrapper,
             children: [/* @__PURE__ */ jsx(Text, {
               variant: "h1",
               styleClass: "primary",
               children: "Appearance"
             }), /* @__PURE__ */ jsx("div", {
-              className: styles$i.select,
+              className: styles$j.select,
               children: /* @__PURE__ */ jsx(Select, {
                 value: legendSettings.position,
                 options: [{
@@ -87213,21 +87142,21 @@ const ChartConfigure = ({
             })]
           })]
         }), activeTab2 === "Custom" && /* @__PURE__ */ jsxs("div", {
-          className: styles$i.series,
+          className: styles$j.series,
           children: [/* @__PURE__ */ jsx(Text, {
             styleClass: "font-14c",
             variant: "p",
-            className: styles$i.tabHeading,
+            className: styles$j.tabHeading,
             children: "Chart preferences"
           }), chartType2 !== "single value" && /* @__PURE__ */ jsxs(Fragment, {
             children: [/* @__PURE__ */ jsxs("div", {
-              className: styles$i.seriesWrapper,
+              className: styles$j.seriesWrapper,
               children: [/* @__PURE__ */ jsx(Text, {
                 variant: "h1",
                 styleClass: "font-14",
                 children: "Value labels"
               }), /* @__PURE__ */ jsx("div", {
-                className: styles$i.valueLabelWrapper,
+                className: styles$j.valueLabelWrapper,
                 children: /* @__PURE__ */ jsx(Select, {
                   value: labelSettings.position,
                   options: [{
@@ -87281,7 +87210,7 @@ const ChartConfigure = ({
                 type: "text",
                 label: "Label Format",
                 icon: /* @__PURE__ */ jsx("span", {
-                  className: styles$i.labelFormatTooltip,
+                  className: styles$j.labelFormatTooltip,
                   children: /* @__PURE__ */ jsx(InfoTooltip, {
                     position: "left-top-end",
                     children: `Please use {b} to show the label name, {c} to show the label value. 
@@ -87297,14 +87226,14 @@ const ChartConfigure = ({
               })]
             }), chartType2 !== "pie" && chartType2 !== "doughnut" && chartType2 !== "funnel" && chartType2 !== "gauge" && chartType2 !== "sankey" && chartType2 !== "singleValue" && chartType2 !== "table" && /* @__PURE__ */ jsxs(Fragment, {
               children: [/* @__PURE__ */ jsxs("div", {
-                className: styles$i.seriesWrapper,
+                className: styles$j.seriesWrapper,
                 children: [/* @__PURE__ */ jsx(Text, {
                   variant: "h1",
                   styleClass: "font-14",
                   className: "font-medium",
                   children: "Axis"
                 }), /* @__PURE__ */ jsx("div", {
-                  className: styles$i.select,
+                  className: styles$j.select,
                   children: /* @__PURE__ */ jsx(Select, {
                     value: axisSettings.axis,
                     options: [{
@@ -87321,11 +87250,11 @@ const ChartConfigure = ({
                   })
                 })]
               }), chartType2 === "bar" && /* @__PURE__ */ jsxs("div", {
-                className: styles$i.seriesWrapper,
+                className: styles$j.seriesWrapper,
                 children: [/* @__PURE__ */ jsxs(Text, {
                   variant: "h1",
                   styleClass: "font-14",
-                  className: styles$i.label,
+                  className: styles$j.label,
                   children: ["Modify X-Axis label rotation", /* @__PURE__ */ jsx(InfoTooltip, {
                     children: "Rotate X-Axis label to a certain angle"
                   })]
@@ -87357,16 +87286,16 @@ const ChartConfigure = ({
                   showFullStacked: e2.target.checked
                 }))
               }), /* @__PURE__ */ jsxs("div", {
-                className: styles$i.seriesWrapper,
+                className: styles$j.seriesWrapper,
                 children: [/* @__PURE__ */ jsxs(Text, {
                   variant: "h1",
                   styleClass: "font-14",
-                  className: styles$i.label,
+                  className: styles$j.label,
                   children: ["Hide Axis labels", /* @__PURE__ */ jsx(InfoTooltip, {
                     children: "Axis labels represents the x and y axis values"
                   })]
                 }), /* @__PURE__ */ jsx("div", {
-                  className: styles$i.select,
+                  className: styles$j.select,
                   children: /* @__PURE__ */ jsx(Select, {
                     value: customSettings.axisLabels,
                     options: [{
@@ -87389,16 +87318,16 @@ const ChartConfigure = ({
                   })
                 })]
               }), /* @__PURE__ */ jsxs("div", {
-                className: styles$i.seriesWrapper,
+                className: styles$j.seriesWrapper,
                 children: [/* @__PURE__ */ jsxs(Text, {
                   variant: "h1",
                   styleClass: "font-14",
-                  className: styles$i.label,
+                  className: styles$j.label,
                   children: ["Hide Splitlines", /* @__PURE__ */ jsx(InfoTooltip, {
                     children: "Splitline is the reference lines that run along the directional x and y axis which act as reference markers"
                   })]
                 }), /* @__PURE__ */ jsx("div", {
-                  className: styles$i.select,
+                  className: styles$j.select,
                   children: /* @__PURE__ */ jsx(Select, {
                     value: customSettings.hideSplitLines,
                     options: [{
@@ -87421,16 +87350,16 @@ const ChartConfigure = ({
                   })
                 })]
               }), /* @__PURE__ */ jsxs("div", {
-                className: styles$i.seriesWrapper,
+                className: styles$j.seriesWrapper,
                 children: [/* @__PURE__ */ jsxs(Text, {
                   variant: "h1",
                   styleClass: "font-14",
-                  className: styles$i.label,
+                  className: styles$j.label,
                   children: ["Hide Axis Line", /* @__PURE__ */ jsx(InfoTooltip, {
                     children: "The x-axis and y-axis lines act as a graph base from which the chart starts"
                   })]
                 }), /* @__PURE__ */ jsx("div", {
-                  className: styles$i.select,
+                  className: styles$j.select,
                   children: /* @__PURE__ */ jsx(Select, {
                     value: customSettings.hideAxisLines,
                     options: [{
@@ -87454,11 +87383,11 @@ const ChartConfigure = ({
                 })]
               }), chartType2 === "bar" || chartType2 === "row" || chartType2 === "stack" ? /* @__PURE__ */ jsxs(Fragment, {
                 children: [/* @__PURE__ */ jsxs("div", {
-                  className: styles$i.seriesWrapper,
+                  className: styles$j.seriesWrapper,
                   children: [/* @__PURE__ */ jsxs(Text, {
                     variant: "h1",
                     styleClass: "font-14",
-                    className: styles$i.label,
+                    className: styles$j.label,
                     children: ["Modify Bar width", /* @__PURE__ */ jsx(InfoTooltip, {
                       children: "The width of each individual bar rectangle of the graph"
                     })]
@@ -87472,11 +87401,11 @@ const ChartConfigure = ({
                     value: customSettings.barWidth
                   })]
                 }), /* @__PURE__ */ jsxs("div", {
-                  className: styles$i.seriesWrapper,
+                  className: styles$j.seriesWrapper,
                   children: [/* @__PURE__ */ jsxs(Text, {
                     variant: "h1",
                     styleClass: "font-14",
-                    className: styles$i.label,
+                    className: styles$j.label,
                     children: ["Modify Bar radius", /* @__PURE__ */ jsx(InfoTooltip, {
                       children: "The property that rounds the corners of the element's outer border edge"
                     })]
@@ -87494,11 +87423,11 @@ const ChartConfigure = ({
             })]
           }), chartType2 === "single value" && /* @__PURE__ */ jsxs(Fragment, {
             children: [/* @__PURE__ */ jsxs("div", {
-              className: styles$i.seriesWrapper,
+              className: styles$j.seriesWrapper,
               children: [/* @__PURE__ */ jsx(Text, {
                 variant: "h1",
                 styleClass: "font-14",
-                className: styles$i.label,
+                className: styles$j.label,
                 children: "Single Value Chart Font Size"
               }), /* @__PURE__ */ jsx(InputField, {
                 type: "number",
@@ -87510,7 +87439,7 @@ const ChartConfigure = ({
                 value: customSettings.fontSize
               })]
             }), /* @__PURE__ */ jsxs("div", {
-              className: styles$i.singleCheckBox,
+              className: styles$j.singleCheckBox,
               children: [/* @__PURE__ */ jsx(InputField, {
                 type: "checkbox",
                 label: "",
@@ -87522,18 +87451,18 @@ const ChartConfigure = ({
               }), /* @__PURE__ */ jsxs(Text, {
                 variant: "h1",
                 styleClass: "font-14",
-                className: styles$i.label,
+                className: styles$j.label,
                 children: ["Single Value Sub-Header", /* @__PURE__ */ jsx(InfoTooltip, {
                   children: "Single Value Sub-Header"
                 })]
               })]
             }), customSettings.subHeaderShow && /* @__PURE__ */ jsxs(Fragment, {
               children: [/* @__PURE__ */ jsxs("div", {
-                className: styles$i.seriesWrapper,
+                className: styles$j.seriesWrapper,
                 children: [/* @__PURE__ */ jsx(Text, {
                   variant: "h1",
                   styleClass: "font-14",
-                  className: styles$i.label,
+                  className: styles$j.label,
                   children: "Sub-Header Display Text"
                 }), /* @__PURE__ */ jsx(InputField, {
                   type: "text",
@@ -87546,11 +87475,11 @@ const ChartConfigure = ({
                   value: customSettings.displayText
                 })]
               }), /* @__PURE__ */ jsxs("div", {
-                className: styles$i.seriesWrapper,
+                className: styles$j.seriesWrapper,
                 children: [/* @__PURE__ */ jsx(Text, {
                   variant: "h1",
                   styleClass: "font-14",
-                  className: styles$i.label,
+                  className: styles$j.label,
                   children: "Sub-Header Font Size"
                 }), /* @__PURE__ */ jsx(InputField, {
                   type: "number",
@@ -87563,13 +87492,13 @@ const ChartConfigure = ({
                 })]
               })]
             }), /* @__PURE__ */ jsxs("div", {
-              className: styles$i.seriesWrapper,
+              className: styles$j.seriesWrapper,
               children: [/* @__PURE__ */ jsx(Text, {
                 variant: "h1",
                 styleClass: "primary",
                 children: "Date formatting"
               }), /* @__PURE__ */ jsx("div", {
-                className: styles$i.valueLabelWrapper,
+                className: styles$j.valueLabelWrapper,
                 children: /* @__PURE__ */ jsx(Select, {
                   value: customSettings.dateFormatter,
                   options: [{
@@ -87604,13 +87533,13 @@ const ChartConfigure = ({
                 })
               })]
             }), /* @__PURE__ */ jsxs("div", {
-              className: styles$i.seriesWrapper,
+              className: styles$j.seriesWrapper,
               children: [/* @__PURE__ */ jsx(Text, {
                 variant: "h1",
                 styleClass: "primary",
                 children: "Number formatting"
               }), /* @__PURE__ */ jsx("div", {
-                className: styles$i.valueLabelWrapper,
+                className: styles$j.valueLabelWrapper,
                 children: /* @__PURE__ */ jsx(Select, {
                   value: customSettings.numberFormatter,
                   textSize: "12px",
@@ -87691,7 +87620,7 @@ const button$2 = "_button_1fmoa_79";
 const propertyButton = "_propertyButton_1fmoa_87";
 const settings = "_settings_1fmoa_15";
 const crossIcon = "_crossIcon_1fmoa_103";
-var styles$g = {
+var styles$h = {
   chartButtonContainer: chartButtonContainer$1,
   "chartButton-header": "_chartButton-header_1fmoa_7",
   "settingsTab-header-control": "_settingsTab-header-control_1fmoa_15",
@@ -87776,28 +87705,28 @@ const ChartSettings = ({
     justifyContent: "center"
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$g.chartButtonContainer,
+    className: styles$h.chartButtonContainer,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$g["chartButton-header"],
+      className: styles$h["chartButton-header"],
       children: [/* @__PURE__ */ jsxs(Text, {
         styleClass: "font-14c",
         variant: "h1",
-        className: styles$g.settings,
+        className: styles$h.settings,
         children: [/* @__PURE__ */ jsx(mdiMixerSettingsVertical, {}), "Chart Settings"]
       }), /* @__PURE__ */ jsx("div", {
-        className: styles$g.crossIcon,
+        className: styles$h.crossIcon,
         children: /* @__PURE__ */ jsx(akarIconsCross, {
           onClick: () => setSettingsShow(false)
         })
       })]
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$g.chartButtons,
+      className: styles$h.chartButtons,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$g["settingsTab-header-control"],
+        className: styles$h["settingsTab-header-control"],
         children: [/* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
-          className: `${styles$g.chartButton} ${selectedTab2 === GENERAL && styles$g.chartButtonSelected}`,
+          className: `${styles$h.chartButton} ${selectedTab2 === GENERAL && styles$h.chartButtonSelected}`,
           onClick: () => setSelectedTab(GENERAL),
           children: [selectedTab2 === GENERAL && /* @__PURE__ */ jsx("div", {
             style: buttonColor,
@@ -87806,7 +87735,7 @@ const ChartSettings = ({
         }), /* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
-          className: `${styles$g.chartButton} ${selectedTab2 === CONFIG && styles$g.chartButtonSelected}`,
+          className: `${styles$h.chartButton} ${selectedTab2 === CONFIG && styles$h.chartButtonSelected}`,
           onClick: () => setSelectedTab(CONFIG),
           children: [selectedTab2 === CONFIG && /* @__PURE__ */ jsx("div", {
             style: buttonColor,
@@ -87815,23 +87744,23 @@ const ChartSettings = ({
         })]
       }), selectedTab2 === GENERAL && /* @__PURE__ */ jsxs(Fragment, {
         children: [/* @__PURE__ */ jsx("div", {
-          className: styles$g.tabContainer,
+          className: styles$h.tabContainer,
           children: /* @__PURE__ */ jsx(Tab, {
             activeTab: activeTab2,
             options: [FIRST_TAB, SECOND_TAB],
             setActiveTab,
-            className: styles$g.tab,
-            tabText: styles$g.tabText
+            className: styles$h.tab,
+            tabText: styles$h.tabText
           })
         }), activeTab2 === FIRST_TAB && /* @__PURE__ */ jsx("div", {
-          className: styles$g.button,
+          className: styles$h.button,
           children: /* @__PURE__ */ jsx(ChartModalOptions, {
             chartType: chartType2,
             setChartType
           })
         }), activeTab2 === SECOND_TAB && /* @__PURE__ */ jsx(Fragment, {
           children: chartType2 && /* @__PURE__ */ jsx("div", {
-            className: styles$g.button,
+            className: styles$h.button,
             children: /* @__PURE__ */ jsx(ChartConfig, {
               data,
               setXAxis,
@@ -87888,7 +87817,7 @@ const chartSettings = "_chartSettings_9vbz9_147";
 const labels = "_labels_9vbz9_155";
 const chartButtons = "_chartButtons_9vbz9_163";
 const chartButton = "_chartButton_9vbz9_107";
-var styles$f = {
+var styles$g = {
   searchCommand: searchCommand$1,
   "chartTab-container": "_chartTab-container_9vbz9_11",
   chartText,
@@ -87972,9 +87901,9 @@ const ChartTab = ({
   const [isSettingsShow, setSettingsShow] = useState(false);
   const [isShowFullScreen, setShowFullScreen] = useState(false);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$f["chartTab-container"],
+    className: styles$g["chartTab-container"],
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$f.metricChartHeader,
+      className: styles$g.metricChartHeader,
       children: [/* @__PURE__ */ jsx(Text, {
         styleClass: "primary",
         variant: "p",
@@ -87982,7 +87911,7 @@ const ChartTab = ({
         children: "Preview"
       }), headerChild]
     }), !(data == null ? void 0 : data.length) && isLoading && /* @__PURE__ */ jsx("div", {
-      className: styles$f["loader-container"],
+      className: styles$g["loader-container"],
       children: /* @__PURE__ */ jsx(eosIconsLoading, {
         style: {
           width: "50px",
@@ -87991,21 +87920,21 @@ const ChartTab = ({
         }
       })
     }), !(data == null ? void 0 : data.length) && !isLoading && /* @__PURE__ */ jsxs("div", {
-      className: styles$f.metricChartEmpty,
+      className: styles$g.metricChartEmpty,
       children: [/* @__PURE__ */ jsx("div", {
-        className: styles$f.searchWrapper,
+        className: styles$g.searchWrapper,
         children: /* @__PURE__ */ jsx(akarIconsSearch, {
-          className: styles$f.searchIcon
+          className: styles$g.searchIcon
         })
       }), /* @__PURE__ */ jsx("div", {
-        className: styles$f.message,
+        className: styles$g.message,
         children: /* @__PURE__ */ jsx(Text, {
           styleClass: "font-14b",
           variant: "p",
           children: "Uh-oh, Nothing to display"
         })
       }), /* @__PURE__ */ jsx("div", {
-        className: styles$f.chartButton,
+        className: styles$g.chartButton,
         children: /* @__PURE__ */ jsx(Text, {
           styleClass: "font-14a",
           variant: "p",
@@ -88013,22 +87942,22 @@ const ChartTab = ({
         })
       })]
     }), !!(data == null ? void 0 : data.length) && !isLoading && /* @__PURE__ */ jsx("div", {
-      className: styles$f.metricChart,
+      className: styles$g.metricChart,
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$f["chartTab-wrapper"],
+        className: styles$g["chartTab-wrapper"],
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$f["chartTab-wrapper-head"],
+          className: styles$g["chartTab-wrapper-head"],
           children: [/* @__PURE__ */ jsx(Text, {
             styleClass: "primary",
             variant: "p",
             className: "",
             children: "Charts"
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$f.chartButtons,
+            className: styles$g.chartButtons,
             children: [/* @__PURE__ */ jsx(Button, {
               type: "button",
               variant: "custom",
-              className: styles$f.chartButton,
+              className: styles$g.chartButton,
               onClick: () => {
                 setSettingsShow(!isSettingsShow);
               },
@@ -88036,16 +87965,16 @@ const ChartTab = ({
             }), /* @__PURE__ */ jsx(Button, {
               type: "button",
               variant: "custom",
-              className: (labels2 == null ? void 0 : labels2.length) ? styles$f.fullQuery : styles$f.noQuery,
+              className: (labels2 == null ? void 0 : labels2.length) ? styles$g.fullQuery : styles$g.noQuery,
               onClick: (labels2 == null ? void 0 : labels2.length) ? () => setShowFullScreen(true) : void 0,
               children: /* @__PURE__ */ jsx(Icons, {
                 name: "fullscreen-icon",
-                className: styles$f.fullQueryIcon
+                className: styles$g.fullQueryIcon
               })
             })]
           })]
         }), isSettingsShow && /* @__PURE__ */ jsx("div", {
-          className: styles$f.chartSettings,
+          className: styles$g.chartSettings,
           children: /* @__PURE__ */ jsx(ChartSettings, {
             chartType: chartType2,
             setChartType,
@@ -88078,7 +88007,7 @@ const ChartTab = ({
             setTableSettings
           })
         }), (labels2 == null ? void 0 : labels2.length) ? /* @__PURE__ */ jsxs("div", {
-          className: styles$f.labels,
+          className: styles$g.labels,
           children: [/* @__PURE__ */ jsx(MetricChart, {
             labels: labels2,
             data: {
@@ -88110,21 +88039,21 @@ const ChartTab = ({
             handleChartRightClick
           }), chartPopupChild]
         }) : /* @__PURE__ */ jsxs("div", {
-          className: styles$f.metricChartEmpty,
+          className: styles$g.metricChartEmpty,
           children: [/* @__PURE__ */ jsx("div", {
-            className: styles$f.searchWrapper,
+            className: styles$g.searchWrapper,
             children: /* @__PURE__ */ jsx(akarIconsSearch, {
-              className: styles$f.searchIcon
+              className: styles$g.searchIcon
             })
           }), /* @__PURE__ */ jsx("div", {
-            className: styles$f.message,
+            className: styles$g.message,
             children: /* @__PURE__ */ jsx(Text, {
               styleClass: "font-14b",
               variant: "p",
               children: "Uh-oh, Nothing to display"
             })
           }), /* @__PURE__ */ jsx("div", {
-            className: styles$f.chartButton,
+            className: styles$g.chartButton,
             children: /* @__PURE__ */ jsx(Text, {
               styleClass: "font-14a",
               variant: "p",
@@ -88168,11 +88097,11 @@ const ChartTab = ({
     })]
   });
 };
-const container$5 = "_container_wjdaz_1";
-const wrapper$1 = "_wrapper_wjdaz_9";
-const text = "_text_wjdaz_17";
-const table$2 = "_table_wjdaz_23";
-var styles$e = {
+const container$5 = "_container_yjeiv_1";
+const wrapper$1 = "_wrapper_yjeiv_5";
+const text = "_text_yjeiv_9";
+const table$2 = "_table_yjeiv_12";
+var styles$f = {
   container: container$5,
   wrapper: wrapper$1,
   text,
@@ -88182,18 +88111,18 @@ const InputTables = ({
   previewTableDataList
 }) => {
   return /* @__PURE__ */ jsx("div", {
-    className: styles$e.container,
+    className: styles$f.container,
     children: /* @__PURE__ */ jsx("div", {
-      className: styles$e.wrapper,
+      className: styles$f.wrapper,
       children: previewTableDataList == null ? void 0 : previewTableDataList.map((table2) => /* @__PURE__ */ jsxs("div", {
-        className: styles$e.text,
+        className: styles$f.text,
         children: [/* @__PURE__ */ jsx(Text, {
           variant: "h1",
           styleClass: "primary",
           className: "",
           children: table2.name
         }), /* @__PURE__ */ jsx("div", {
-          className: styles$e.table,
+          className: styles$f.table,
           children: /* @__PURE__ */ jsx(Table, {
             data: table2.data,
             error: table2.isError,
@@ -88204,16 +88133,16 @@ const InputTables = ({
     })
   });
 };
-const container$4 = "_container_127xg_1";
-const header$1 = "_header_127xg_9";
-const tabButton$1 = "_tabButton_127xg_31";
-const selectedTab = "_selectedTab_127xg_37";
-const table$1 = "_table_127xg_43";
-var styles$d = {
+const container$4 = "_container_38zl3_1";
+const header$1 = "_header_38zl3_5";
+const tabButton$1 = "_tabButton_38zl3_16";
+const selectedTab = "_selectedTab_38zl3_19";
+const table$1 = "_table_38zl3_22";
+var styles$e = {
   container: container$4,
   header: header$1,
-  "text-container": "_text-container_127xg_17",
-  "btn-container": "_btn-container_127xg_25",
+  "text-container": "_text-container_38zl3_9",
+  "btn-container": "_btn-container_38zl3_13",
   tabButton: tabButton$1,
   selectedTab,
   table: table$1
@@ -88246,11 +88175,11 @@ const TableTab = ({
     setSelectedTab(OUTPUT_TABLE);
   }, [isUpdateMetric]);
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$d.container,
+    className: styles$e.container,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$d.header,
+      className: styles$e.header,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$d["text-container"],
+        className: styles$e["text-container"],
         children: [/* @__PURE__ */ jsx(Text, {
           styleClass: "font-14c",
           variant: "h1",
@@ -88261,11 +88190,11 @@ const TableTab = ({
           children: "Preview your selected table & output table values"
         })]
       }), /* @__PURE__ */ jsxs("div", {
-        className: styles$d["btn-container"],
+        className: styles$e["btn-container"],
         children: [/* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
-          className: styles$d.tabButton,
+          className: styles$e.tabButton,
           onClick: () => setSelectedTab(INPUT_TABLE),
           children: [selectedTab2 === INPUT_TABLE && /* @__PURE__ */ jsx("div", {
             style: buttonColor,
@@ -88274,7 +88203,7 @@ const TableTab = ({
         }), /* @__PURE__ */ jsxs(Button, {
           type: "button",
           variant: "custom",
-          className: styles$d.tabButton,
+          className: styles$e.tabButton,
           onClick: () => setSelectedTab(OUTPUT_TABLE),
           children: [selectedTab2 === OUTPUT_TABLE && /* @__PURE__ */ jsx("div", {
             style: buttonColor,
@@ -88285,7 +88214,7 @@ const TableTab = ({
     }), selectedTab2 === INPUT_TABLE && /* @__PURE__ */ jsx(InputTables, {
       previewTableDataList
     }), selectedTab2 === OUTPUT_TABLE && /* @__PURE__ */ jsx("div", {
-      className: styles$d.table,
+      className: styles$e.table,
       children: /* @__PURE__ */ jsx(Table, {
         data: outpuTableData,
         isLoading: isOutputLoading,
@@ -88294,20 +88223,22 @@ const TableTab = ({
     })]
   });
 };
-const mainContainerUpdate = "_mainContainerUpdate_o2f8j_7";
-const wrapper = "_wrapper_o2f8j_23";
-const updateWrapper = "_updateWrapper_o2f8j_29";
-const updateWrapperContent = "_updateWrapperContent_o2f8j_35";
-const searchCommand = "_searchCommand_o2f8j_41";
-const tabButton = "_tabButton_o2f8j_47";
-const tabActive = "_tabActive_o2f8j_53";
-var styles$c = {
-  "main-container": "_main-container_o2f8j_1",
+const mainContainerUpdate = "_mainContainerUpdate_70jy1_4";
+const wrapper = "_wrapper_70jy1_12";
+const updateWrapper = "_updateWrapper_70jy1_15";
+const updateWrapperContent = "_updateWrapperContent_70jy1_18";
+const createWrapperContent = "_createWrapperContent_70jy1_21";
+const searchCommand = "_searchCommand_70jy1_24";
+const tabButton = "_tabButton_70jy1_27";
+const tabActive = "_tabActive_70jy1_30";
+var styles$d = {
+  "main-container": "_main-container_70jy1_1",
   mainContainerUpdate,
-  "outputTab-header": "_outputTab-header_o2f8j_15",
+  "outputTab-header": "_outputTab-header_70jy1_8",
   wrapper,
   updateWrapper,
   updateWrapperContent,
+  createWrapperContent,
   searchCommand,
   tabButton,
   tabActive
@@ -88360,13 +88291,13 @@ const MetricOutput = ({
     tableName = item.name;
   });
   return /* @__PURE__ */ jsxs("div", {
-    className: `${styles$c["main-container"]} ${isUpdateMetric ? styles$c.mainContainerUpdate : ""}`,
+    className: `${styles$d["main-container"]} ${isUpdateMetric ? styles$d.mainContainerUpdate : ""}`,
     children: [!isUpdateMetric && /* @__PURE__ */ jsxs("div", {
-      className: styles$c["outputTab-header"],
+      className: styles$d["outputTab-header"],
       children: [/* @__PURE__ */ jsxs(Button, {
         type: "button",
         variant: "custom",
-        className: `${styles$c.tabButton} ${selectedTab2 === TABLE_TAB && styles$c.tabActive}`,
+        className: `${styles$d.tabButton} ${selectedTab2 === TABLE_TAB && styles$d.tabActive}`,
         onClick: () => setSelectedTab(TABLE_TAB),
         children: [/* @__PURE__ */ jsx(Icons, {
           name: "table-tab-icon"
@@ -88374,7 +88305,7 @@ const MetricOutput = ({
       }), /* @__PURE__ */ jsxs(Button, {
         type: "button",
         variant: "custom",
-        className: `${styles$c.tabButton} ${selectedTab2 === CHART_TAB && styles$c.tabActive}`,
+        className: `${styles$d.tabButton} ${selectedTab2 === CHART_TAB && styles$d.tabActive}`,
         onClick: () => setSelectedTab(CHART_TAB),
         children: [/* @__PURE__ */ jsx(Icons, {
           name: "visualization-icon"
@@ -88382,14 +88313,14 @@ const MetricOutput = ({
       }), moreTabs == null ? void 0 : moreTabs.map((tabObj) => /* @__PURE__ */ jsx(Button, {
         type: "button",
         variant: "custom",
-        className: `${styles$c.tabButton} ${selectedTab2 === tabObj.name && styles$c.tabActive}`,
+        className: `${styles$d.tabButton} ${selectedTab2 === tabObj.name && styles$d.tabActive}`,
         onClick: () => setSelectedTab(tabObj.name),
         children: tabObj.tab
       }, tabObj.name))]
     }), /* @__PURE__ */ jsxs("div", {
-      className: `${styles$c.wrapper} ${isUpdateMetric ? styles$c.updateWrapper : ""}`,
+      className: `${styles$d.wrapper} ${isUpdateMetric ? styles$d.updateWrapper : ""}`,
       children: [(selectedTab2 === TABLE_TAB || isUpdateMetric) && /* @__PURE__ */ jsx("div", {
-        className: isUpdateMetric ? styles$c.updateWrapperContent : "",
+        className: isUpdateMetric ? styles$d.updateWrapperContent : styles$d.createWrapperContent,
         children: /* @__PURE__ */ jsx(TableTab, {
           outpuTableData: data,
           isOutputLoading: isLoading,
@@ -88398,7 +88329,7 @@ const MetricOutput = ({
           isUpdateMetric
         })
       }), (selectedTab2 === CHART_TAB || isUpdateMetric) && /* @__PURE__ */ jsx("div", {
-        className: isUpdateMetric ? styles$c.updateWrapperContent : "",
+        className: isUpdateMetric ? styles$d.updateWrapperContent : styles$d.createWrapperContent,
         children: /* @__PURE__ */ jsx(ChartTab, {
           labels: labels2,
           funnelData,
@@ -88441,30 +88372,30 @@ const MetricOutput = ({
     })]
   });
 };
-const fieldValueIcon = "_fieldValueIcon_107sf_49";
-const fieldAddBtnIcon = "_fieldAddBtnIcon_107sf_65";
-const group = "_group_107sf_1";
-const tooltipWrapper = "_tooltipWrapper_107sf_89";
-const tooltip = "_tooltip_107sf_89";
-const dropdown = "_dropdown_107sf_113";
-const filterDropdown = "_filterDropdown_107sf_121";
-const filterValues = "_filterValues_107sf_129";
-const columnText = "_columnText_107sf_137";
-const disabled = "_disabled_107sf_145";
-const checkIcon = "_checkIcon_107sf_153";
-const generateButton = "_generateButton_107sf_161";
-var styles$b = {
-  "form-container": "_form-container_107sf_1",
-  "field-container": "_field-container_107sf_9",
-  "field-label": "_field-label_107sf_17",
-  "field-wrapper": "_field-wrapper_107sf_25",
-  "field-inner-container": "_field-inner-container_107sf_33",
-  "field-value": "_field-value_107sf_41",
+const fieldValueIcon = "_fieldValueIcon_14dsc_25";
+const fieldAddBtnIcon = "_fieldAddBtnIcon_14dsc_33";
+const group = "_group_14dsc_1";
+const tooltipWrapper = "_tooltipWrapper_14dsc_45";
+const tooltip = "_tooltip_14dsc_45";
+const dropdown = "_dropdown_14dsc_57";
+const filterDropdown = "_filterDropdown_14dsc_61";
+const filterValues = "_filterValues_14dsc_65";
+const columnText = "_columnText_14dsc_69";
+const disabled = "_disabled_14dsc_73";
+const checkIcon = "_checkIcon_14dsc_77";
+const generateButton = "_generateButton_14dsc_81";
+var styles$c = {
+  "form-container": "_form-container_14dsc_1",
+  "field-container": "_field-container_14dsc_5",
+  "field-label": "_field-label_14dsc_9",
+  "field-wrapper": "_field-wrapper_14dsc_13",
+  "field-inner-container": "_field-inner-container_14dsc_17",
+  "field-value": "_field-value_14dsc_21",
   fieldValueIcon,
-  "field-add-btn": "_field-add-btn_107sf_57",
+  "field-add-btn": "_field-add-btn_14dsc_29",
   fieldAddBtnIcon,
-  "field-value-container": "_field-value-container_107sf_73",
-  "field-prompt": "_field-prompt_107sf_81",
+  "field-value-container": "_field-value-container_14dsc_37",
+  "field-prompt": "_field-prompt_14dsc_41",
   group,
   tooltipWrapper,
   tooltip,
@@ -88475,12 +88406,12 @@ var styles$b = {
   disabled,
   checkIcon,
   generateButton,
-  "saved-container": "_saved-container_107sf_169",
-  "custom-container": "_custom-container_107sf_177",
-  "simple-container": "_simple-container_107sf_185",
-  "filter-dropdown": "_filter-dropdown_107sf_193",
-  "editor-field": "_editor-field_107sf_201",
-  "tab-border": "_tab-border_107sf_209"
+  "saved-container": "_saved-container_14dsc_85",
+  "custom-container": "_custom-container_14dsc_89",
+  "simple-container": "_simple-container_14dsc_93",
+  "filter-dropdown": "_filter-dropdown_14dsc_97",
+  "editor-field": "_editor-field_14dsc_101",
+  "tab-border": "_tab-border_14dsc_105"
 };
 const button$1 = "_button_18a2n_1";
 const menu$1 = "_menu_18a2n_7";
@@ -88490,7 +88421,7 @@ const label = "_label_18a2n_25";
 const menuContainer = "_menuContainer_18a2n_31";
 const icon = "_icon_18a2n_37";
 const container$3 = "_container_18a2n_43";
-var styles$a = {
+var styles$b = {
   button: button$1,
   menu: menu$1,
   inputLabel,
@@ -88582,16 +88513,16 @@ const TimeGrainField = ({
       children: [isShowlabel ? /* @__PURE__ */ jsx(Text, {
         styleClass: "font-14c",
         variant: "p",
-        className: styles$a.label,
+        className: styles$b.label,
         children: "Time Grain"
       }) : null, /* @__PURE__ */ jsx(PopoverMenu, {
         className,
-        buttonClass: styles$a.button,
+        buttonClass: styles$b.button,
         isDisabled,
-        menuClass: styles$a.menu,
-        menuContainerClass: styles$a.menuContainer,
+        menuClass: styles$b.menu,
+        menuContainerClass: styles$b.menuContainer,
         button: /* @__PURE__ */ jsx(InputField, {
-          inputClass: styles$a.input,
+          inputClass: styles$b.input,
           type: "text",
           placeholder: "time range",
           register: register2 == null ? void 0 : register2("timeGrain"),
@@ -88606,12 +88537,12 @@ const TimeGrainField = ({
           })),
           isDisabled: true,
           icon: /* @__PURE__ */ jsx("span", {
-            className: styles$a.icon,
+            className: styles$b.icon,
             children: /* @__PURE__ */ jsx(materialSymbolsKeyboardArrowDown, {})
           })
         }),
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$a.container,
+          className: styles$b.container,
           children: [/* @__PURE__ */ jsx(Select, {
             options: timeGrainOptions,
             label: "Select Time Range",
@@ -92934,30 +92865,30 @@ var ace$3 = { exports: {} };
       };
       KeyBinding2.prototype.$callKeyboardHandlers = function(hashId, keyString, keyCode, e2) {
         var toExecute;
-        var success = false;
+        var success2 = false;
         var commands = this.$editor.commands;
         for (var i = this.$handlers.length; i--; ) {
           toExecute = this.$handlers[i].handleKeyboard(this.$data, hashId, keyString, keyCode, e2);
           if (!toExecute || !toExecute.command)
             continue;
           if (toExecute.command == "null") {
-            success = true;
+            success2 = true;
           } else {
-            success = commands.exec(toExecute.command, this.$editor, toExecute.args, e2);
+            success2 = commands.exec(toExecute.command, this.$editor, toExecute.args, e2);
           }
-          if (success && e2 && hashId != -1 && toExecute.passEvent != true && toExecute.command.passEvent != true) {
+          if (success2 && e2 && hashId != -1 && toExecute.passEvent != true && toExecute.command.passEvent != true) {
             event.stopEvent(e2);
           }
-          if (success)
+          if (success2)
             break;
         }
-        if (!success && hashId == -1) {
+        if (!success2 && hashId == -1) {
           toExecute = { command: "insertstring" };
-          success = commands.exec("insertstring", this.$editor, keyString);
+          success2 = commands.exec("insertstring", this.$editor, keyString);
         }
-        if (success && this.$editor._signal)
+        if (success2 && this.$editor._signal)
           this.$editor._signal("keyboardActivity", toExecute);
-        return success;
+        return success2;
       };
       KeyBinding2.prototype.onCommandKey = function(e2, hashId, keyCode) {
         var keyString = keyUtil.keyCodeToString(keyCode);
@@ -116118,18 +116049,18 @@ const MetricForm = ({
     return false;
   };
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$b["form-container"],
+    className: styles$c["form-container"],
     children: [!isDisableTimeColumn && /* @__PURE__ */ jsxs("div", {
-      className: styles$b["field-container"],
+      className: styles$c["field-container"],
       children: [/* @__PURE__ */ jsx(Text, {
         variant: "h1",
         styleClass: "custom",
-        className: styles$b["field-label"],
+        className: styles$c["field-label"],
         children: "Time Filter"
       }), /* @__PURE__ */ jsx("div", {
-        className: styles$b["field-wrapper"],
+        className: styles$c["field-wrapper"],
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$b["field-inner-container"],
+          className: styles$c["field-inner-container"],
           children: [/* @__PURE__ */ jsx(FloatingDropDown, {
             onChange: setTimeColumn,
             selectedOption: timeColumn,
@@ -116151,28 +116082,28 @@ const MetricForm = ({
           }), timeGrainValue && /* @__PURE__ */ jsxs(Button, {
             type: "button",
             variant: "custom",
-            className: styles$b["field-value"],
+            className: styles$c["field-value"],
             onClick: () => setTimeGrainValue(""),
             children: [timeGrainValue, " ", /* @__PURE__ */ jsx(Icons, {
               name: "close-icon",
-              className: styles$b.fieldValueIcon
+              className: styles$c.fieldValueIcon
             })]
           })]
         })
       })]
     }), !isDisableAddMetric && /* @__PURE__ */ jsxs("div", {
-      className: styles$b["field-container"],
+      className: styles$c["field-container"],
       children: [/* @__PURE__ */ jsxs(Text, {
         variant: "h1",
         styleClass: "custom",
-        className: styles$b["field-label"],
+        className: styles$c["field-label"],
         children: ["Metric Creation", /* @__PURE__ */ jsx(InfoTooltip, {
           children: "configure metric columns"
         })]
       }), /* @__PURE__ */ jsx("div", {
-        className: styles$b["field-wrapper"],
+        className: styles$c["field-wrapper"],
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$b["field-inner-container"],
+          className: styles$c["field-inner-container"],
           children: [/* @__PURE__ */ jsx(Text, {
             variant: "p",
             styleClass: "font-14",
@@ -116180,7 +116111,7 @@ const MetricForm = ({
           }), /* @__PURE__ */ jsxs(Button, {
             type: "button",
             variant: "secondary",
-            className: styles$b["field-add-btn"],
+            className: styles$c["field-add-btn"],
             onClick: () => {
               setFieldConfigModal({
                 isShow: true,
@@ -116191,18 +116122,18 @@ const MetricForm = ({
             isDisabled: isDisableAddMetric,
             children: [/* @__PURE__ */ jsx(Icons, {
               name: "plus-icon",
-              className: styles$b.fieldAddBtnIcon
+              className: styles$c.fieldAddBtnIcon
             }), "Add Aggregate Column"]
           }), /* @__PURE__ */ jsx("div", {
-            className: styles$b["field-value-container"],
+            className: styles$c["field-value-container"],
             children: metrics.map((metric) => /* @__PURE__ */ jsxs(Button, {
               type: "button",
               variant: "custom",
-              className: styles$b["field-value"],
+              className: styles$c["field-value"],
               onClick: () => setMetrics((prev) => prev.filter((m2) => m2.as !== metric.as)),
               children: [metric.as, " ", /* @__PURE__ */ jsx(Icons, {
                 name: "close-icon",
-                className: styles$b.fieldValueIcon
+                className: styles$c.fieldValueIcon
               })]
             }, metric.as))
           }), /* @__PURE__ */ jsx(Text, {
@@ -116220,13 +116151,13 @@ const MetricForm = ({
               setAliasValue("");
             },
             isDisabled: !!columns.length,
-            className: styles$b["field-add-btn"],
+            className: styles$c["field-add-btn"],
             children: [/* @__PURE__ */ jsx(Icons, {
               name: "plus-icon",
-              className: styles$b.fieldAddBtnIcon
+              className: styles$c.fieldAddBtnIcon
             }), " ", "Add New"]
           }), selectedDimensions.map((c2) => /* @__PURE__ */ jsxs("div", {
-            className: styles$b["field-value-container"],
+            className: styles$c["field-value-container"],
             children: [/* @__PURE__ */ jsx(Text, {
               variant: "p",
               styleClass: "font-14",
@@ -116236,7 +116167,7 @@ const MetricForm = ({
               type: "button",
               variant: "secondary",
               onClick: () => setSelectedDimensions((prev) => prev.filter((m2) => m2 !== c2)),
-              className: styles$b["field-value"],
+              className: styles$c["field-value"],
               children: /* @__PURE__ */ jsx(Icons, {
                 name: "close-icon"
               })
@@ -116245,18 +116176,18 @@ const MetricForm = ({
         })
       })]
     }), !isDisableAddColumn && /* @__PURE__ */ jsxs("div", {
-      className: styles$b["field-container"],
+      className: styles$c["field-container"],
       children: [/* @__PURE__ */ jsxs(Text, {
         variant: "h1",
         styleClass: "custom",
-        className: styles$b["field-label"],
+        className: styles$c["field-label"],
         children: ["Columns", /* @__PURE__ */ jsx(InfoTooltip, {
           children: "select columns for raw records query"
         })]
       }), /* @__PURE__ */ jsx("div", {
-        className: styles$b["field-wrapper"],
+        className: styles$c["field-wrapper"],
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$b["field-inner-container"],
+          className: styles$c["field-inner-container"],
           children: [/* @__PURE__ */ jsx(Text, {
             variant: "p",
             styleClass: "font-14",
@@ -116264,7 +116195,7 @@ const MetricForm = ({
           }), /* @__PURE__ */ jsxs(Button, {
             type: "button",
             variant: "secondary",
-            className: styles$b["field-add-btn"],
+            className: styles$c["field-add-btn"],
             onClick: () => {
               setFieldConfigModal({
                 isShow: true,
@@ -116275,34 +116206,34 @@ const MetricForm = ({
             isDisabled: isDisableAddColumn,
             children: [/* @__PURE__ */ jsx(Icons, {
               name: "plus-icon",
-              className: styles$b.fieldAddBtnIcon
+              className: styles$c.fieldAddBtnIcon
             }), " ", "Add Column"]
           }), /* @__PURE__ */ jsx("div", {
-            className: styles$b["field-value-container"],
+            className: styles$c["field-value-container"],
             children: columns.map((c2) => /* @__PURE__ */ jsxs(Button, {
               type: "button",
               variant: "custom",
-              className: styles$b["field-value"],
+              className: styles$c["field-value"],
               onClick: () => setColumns((prev) => prev.filter((m2) => m2.as !== c2.as)),
               children: [c2.as, " ", /* @__PURE__ */ jsx(Icons, {
                 name: "close-icon",
-                className: styles$b.fieldValueIcon
+                className: styles$c.fieldValueIcon
               })]
             }, c2.as))
           })]
         })
       })]
     }), /* @__PURE__ */ jsxs("div", {
-      className: styles$b["field-container"],
+      className: styles$c["field-container"],
       children: [/* @__PURE__ */ jsx(Text, {
         variant: "h1",
         styleClass: "custom",
-        className: styles$b["field-label"],
+        className: styles$c["field-label"],
         children: "category filters"
       }), /* @__PURE__ */ jsx("div", {
-        className: styles$b["field-wrapper"],
+        className: styles$c["field-wrapper"],
         children: /* @__PURE__ */ jsxs("div", {
-          className: styles$b["field-inner-container"],
+          className: styles$c["field-inner-container"],
           children: [/* @__PURE__ */ jsx(Text, {
             variant: "p",
             styleClass: "font-14",
@@ -116310,7 +116241,7 @@ const MetricForm = ({
           }), /* @__PURE__ */ jsxs(Button, {
             type: "button",
             variant: "secondary",
-            className: styles$b["field-add-btn"],
+            className: styles$c["field-add-btn"],
             onClick: () => {
               setFieldConfigModal({
                 isShow: true,
@@ -116320,18 +116251,18 @@ const MetricForm = ({
             },
             children: [/* @__PURE__ */ jsx(Icons, {
               name: "plus-icon",
-              className: styles$b.fieldAddBtnIcon
+              className: styles$c.fieldAddBtnIcon
             }), " Add Filter Category"]
           }), /* @__PURE__ */ jsx("div", {
-            className: styles$b["field-value-container"],
+            className: styles$c["field-value-container"],
             children: filters2.map((filter2) => /* @__PURE__ */ jsxs(Button, {
               type: "button",
               variant: "custom",
-              className: styles$b["field-value"],
+              className: styles$c["field-value"],
               onClick: () => setFilters((prev) => prev.filter((m2) => m2 !== filter2)),
               children: [filter2, " ", /* @__PURE__ */ jsx(Icons, {
                 name: "close-icon",
-                className: styles$b.fieldValueIcon
+                className: styles$c.fieldValueIcon
               })]
             }, filter2))
           }), /* @__PURE__ */ jsx(Text, {
@@ -116341,7 +116272,7 @@ const MetricForm = ({
           }), /* @__PURE__ */ jsxs(Button, {
             type: "button",
             variant: "secondary",
-            className: styles$b["field-add-btn"],
+            className: styles$c["field-add-btn"],
             onClick: () => {
               setFieldConfigModal({
                 isShow: true,
@@ -116351,16 +116282,16 @@ const MetricForm = ({
             },
             children: [sort2 ? /* @__PURE__ */ jsx(mdiCircleEditOutline, {}) : /* @__PURE__ */ jsx(Icons, {
               name: "plus-icon",
-              className: styles$b.fieldAddBtnIcon
+              className: styles$c.fieldAddBtnIcon
             }), " ", sort2 ? "Edit" : "Add", " Sort Category"]
           }), sort2 && /* @__PURE__ */ jsxs(Button, {
             type: "button",
             variant: "custom",
-            className: styles$b["field-value"],
+            className: styles$c["field-value"],
             onClick: () => setSort(""),
             children: [sort2, " ", /* @__PURE__ */ jsx(Icons, {
               name: "close-icon",
-              className: styles$b.fieldValueIcon
+              className: styles$c.fieldValueIcon
             })]
           })]
         })
@@ -116374,32 +116305,32 @@ const MetricForm = ({
     }), !columns.length && !!dateTimeColumnList.length && /* @__PURE__ */ jsxs(Text, {
       styleClass: "font-14",
       variant: "p",
-      className: styles$b.columnText,
+      className: styles$c.columnText,
       children: [/* @__PURE__ */ jsx(Button, {
         type: "button",
         variant: "custom",
         onClick: () => setIncludeTime((s2) => !s2),
         isDisabled: !timeColumn.value || !!columns.length,
         children: isIncludeTime ? /* @__PURE__ */ jsx(materialSymbolsCheckBoxRounded, {
-          className: styles$b.checkIcon
+          className: styles$c.checkIcon
         }) : /* @__PURE__ */ jsx(materialSymbolsCheckBoxOutlineBlank, {})
       }), "Include Time"]
     }), /* @__PURE__ */ jsxs(Text, {
       styleClass: "font-14",
       variant: "p",
-      className: styles$b.columnText,
+      className: styles$c.columnText,
       children: [/* @__PURE__ */ jsx(Button, {
         type: "button",
         variant: "custom",
         onClick: () => setSortDescending((s2) => !s2),
         children: isSortDescending ? /* @__PURE__ */ jsx(materialSymbolsCheckBoxRounded, {
-          className: styles$b.checkIcon
+          className: styles$c.checkIcon
         }) : /* @__PURE__ */ jsx(materialSymbolsCheckBoxOutlineBlank, {})
       }), "Sort Descending"]
     }), /* @__PURE__ */ jsx(Button, {
       type: "button",
       variant: "primary",
-      className: styles$b.generateButton,
+      className: styles$c.generateButton,
       isDisabled: isGeneratingDataset || isDisableGenerate,
       onClick: () => onGenerateMetric(),
       children: "Generate"
@@ -116415,10 +116346,10 @@ const MetricForm = ({
           activeTab: selectedTab2,
           options: configTabs,
           setActiveTab: setSeletedTab,
-          className: styles$b["tab-border"]
+          className: styles$c["tab-border"]
         })
       }), selectedTab2 === "simple" && /* @__PURE__ */ jsxs("div", {
-        className: styles$b["simple-container"],
+        className: styles$c["simple-container"],
         children: [fieldConfigModal.type === "filter" && /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsx(FloatingDropDown, {
             onChange: setFilterColumn,
@@ -116433,7 +116364,7 @@ const MetricForm = ({
             label: "Operator",
             labelVariant: "static"
           }), isInFilter ? /* @__PURE__ */ jsxs("div", {
-            className: styles$b["filter-dropdown"],
+            className: styles$c["filter-dropdown"],
             children: [/* @__PURE__ */ jsx(Text, {
               variant: "p",
               styleClass: "font-14",
@@ -116505,7 +116436,7 @@ const MetricForm = ({
           })
         })]
       }), selectedTab2 === "custom" && /* @__PURE__ */ jsxs("div", {
-        className: styles$b["custom-container"],
+        className: styles$c["custom-container"],
         children: [/* @__PURE__ */ jsx(InputField, {
           label: "name",
           labelClass: "mb-2",
@@ -116516,7 +116447,7 @@ const MetricForm = ({
             name: getColumnString(e2.target.value)
           })
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$b["editor-field"],
+          className: styles$c["editor-field"],
           children: [/* @__PURE__ */ jsx(Text, {
             styleClass: "font-14b",
             variant: "p",
@@ -116532,7 +116463,7 @@ const MetricForm = ({
           })]
         })]
       }), selectedTab2 === "saved" && /* @__PURE__ */ jsxs("div", {
-        className: styles$b["saved-container"],
+        className: styles$c["saved-container"],
         children: [/* @__PURE__ */ jsx(MultiFloatingDropDown, {
           onChange: (options2) => setSelectedCustomColumnList(options2),
           selectedOptions: selectedCustomColumnList,
@@ -116544,7 +116475,7 @@ const MetricForm = ({
           label: "custom",
           labelDesign: ""
         }), selectedCustomColumnList.map((c2) => /* @__PURE__ */ jsx("div", {
-          className: styles$b["field-value-container"],
+          className: styles$c["field-value-container"],
           children: /* @__PURE__ */ jsxs(Text, {
             variant: "p",
             styleClass: "font-14",
@@ -116572,11 +116503,11 @@ const MetricForm = ({
     })]
   });
 };
-const container$2 = "_container_1v000_1";
-const header = "_header_1v000_9";
-const enableGroupBy = "_enableGroupBy_1v000_15";
-const enableGroupButton = "_enableGroupButton_1v000_21";
-var styles$9 = {
+const container$2 = "_container_rofqe_1";
+const header = "_header_rofqe_5";
+const enableGroupBy = "_enableGroupBy_rofqe_8";
+const enableGroupButton = "_enableGroupButton_rofqe_11";
+var styles$a = {
   container: container$2,
   header,
   enableGroupBy,
@@ -116597,9 +116528,9 @@ const ConstructMetric = ({
   databaseId
 }) => {
   return /* @__PURE__ */ jsxs("div", {
-    className: styles$9.container,
+    className: styles$a.container,
     children: [/* @__PURE__ */ jsx("div", {
-      className: styles$9.header,
+      className: styles$a.header,
       children: "Data"
     }), /* @__PURE__ */ jsx(MetricForm, {
       dateTimeColumnList,
@@ -116901,7 +116832,7 @@ const EmbeddedMetricCreation = ({
         setShowSaveMetricModal
       }),
       children: /* @__PURE__ */ jsxs("div", {
-        className: styles$k["modal-container"],
+        className: styles$l["modal-container"],
         children: [!metric && /* @__PURE__ */ jsxs(Fragment, {
           children: [/* @__PURE__ */ jsx(Dataset, {
             setselectTable: setSelectTable,
@@ -116968,7 +116899,7 @@ const EmbeddedMetricCreation = ({
       isOpen: isShowSqlModal,
       onClose: () => setShowSqlModal(false),
       children: /* @__PURE__ */ jsx("div", {
-        className: styles$k["query-modal"],
+        className: styles$l["query-modal"],
         children: query
       })
     }), /* @__PURE__ */ jsx(Modal, {
@@ -121541,8 +121472,8 @@ function WidthProvideRGL(ComposedComponent) {
   module.exports.Responsive.utils = responsiveUtils;
   module.exports.WidthProvider = WidthProvider.default;
 })(reactGridLayout);
-var styles$8 = "";
-var styles$7 = {
+var styles$9 = "";
+var styles$8 = {
   "MetricList-container": "_MetricList-container_pl319_1",
   "MetricList-wrapper": "_MetricList-wrapper_pl319_9",
   "noMetric-container": "_noMetric-container_pl319_17",
@@ -121581,7 +121512,7 @@ const downloadCsvFooter = "_downloadCsvFooter_hxh6o_221";
 const downloadCsvCancelBtn = "_downloadCsvCancelBtn_hxh6o_229";
 const downloadCsvNote = "_downloadCsvNote_hxh6o_237";
 const downloadCsvNoteText = "_downloadCsvNoteText_hxh6o_245";
-var styles$6 = {
+var styles$7 = {
   cardContainer,
   listHeader,
   metricName,
@@ -121682,9 +121613,9 @@ const ChartImageDownloadButton = ({
     }), text2]
   });
 };
-const metricFilter = "_metricFilter_1xge8_1";
-const customContainer = "_customContainer_1xge8_7";
-var styles$5 = {
+const metricFilter = "_metricFilter_k2gef_1";
+const customContainer = "_customContainer_k2gef_4";
+var styles$6 = {
   metricFilter,
   customContainer
 };
@@ -121697,7 +121628,7 @@ const MetricFilterDropDown = ({
 }) => {
   return /* @__PURE__ */ jsx("div", {
     children: !!(rlsConditions == null ? void 0 : rlsConditions.length) && onChangeFilterValue ? rlsConditions[0].datatype !== "date" ? rlsConditions[0].datatype === "string" ? rlsConditions[0].options.length ? /* @__PURE__ */ jsx("div", {
-      className: styles$5.metricFilter,
+      className: styles$6.metricFilter,
       children: /* @__PURE__ */ jsx(MultiFloatingDropDown, {
         selectedOptions: Array.isArray(rlsConditions[0].value) && rlsConditions[0].value.length ? rlsConditions[0].value.map((val) => ({
           label: val,
@@ -121712,7 +121643,7 @@ const MetricFilterDropDown = ({
         label: rlsConditions[0].name
       })
     }) : /* @__PURE__ */ jsx("div", {
-      className: styles$5.metricFilter,
+      className: styles$6.metricFilter,
       children: /* @__PURE__ */ jsx(MultiFilterDropdown, {
         selectedOptions: Array.isArray(rlsConditions[0].value) && rlsConditions[0].value.length ? rlsConditions[0].value.map((val) => ({
           label: val,
@@ -121732,7 +121663,7 @@ const MetricFilterDropDown = ({
         integrationName
       })
     }) : /* @__PURE__ */ jsx("div", {
-      className: styles$5.metricFilter,
+      className: styles$6.metricFilter,
       children: /* @__PURE__ */ jsx(FloatingDropDown, {
         label: rlsConditions[0].name,
         selectedOption: {
@@ -121747,7 +121678,7 @@ const MetricFilterDropDown = ({
         labelDesign: "client"
       })
     }) : /* @__PURE__ */ jsx("div", {
-      className: styles$5.metricFilter,
+      className: styles$6.metricFilter,
       children: /* @__PURE__ */ jsx(FloatingDropDown, {
         label: rlsConditions[0].name,
         selectedOption: {
@@ -121761,7 +121692,7 @@ const MetricFilterDropDown = ({
         onChange: (option2) => onChangeFilterValue(rlsConditions[0].name, option2.value),
         labelDesign: "client",
         children: rlsConditions[0].value === "Custom" ? /* @__PURE__ */ jsxs("div", {
-          className: styles$5.customContainer,
+          className: styles$6.customContainer,
           children: [/* @__PURE__ */ jsx(InputField, {
             label: "From Date",
             type: "date",
@@ -121790,25 +121721,25 @@ const MetricFilterDropDown = ({
     }) : void 0
   });
 };
-const container$1 = "_container_a6fvx_1";
-const popover = "_popover_a6fvx_9";
-const button = "_button_a6fvx_17";
-const buttonOpen = "_buttonOpen_a6fvx_25";
-const menu = "_menu_a6fvx_33";
-const enter = "_enter_a6fvx_41";
-const enterFrom = "_enterFrom_a6fvx_49";
-const enterTo = "_enterTo_a6fvx_57";
-const leave = "_leave_a6fvx_65";
-const leaveFrom = "_leaveFrom_a6fvx_73";
-const leaveTo = "_leaveTo_a6fvx_81";
-const center = "_center_a6fvx_89";
-const top = "_top_a6fvx_97";
-const bottom = "_bottom_a6fvx_105";
-const left = "_left_a6fvx_113";
-const right = "_right_a6fvx_121";
-const chartOptionBtn = "_chartOptionBtn_a6fvx_225";
-const chartpopup = "_chartpopup_a6fvx_233";
-var styles$4 = {
+const container$1 = "_container_14i90_1";
+const popover = "_popover_14i90_5";
+const button = "_button_14i90_9";
+const buttonOpen = "_buttonOpen_14i90_13";
+const menu = "_menu_14i90_17";
+const enter = "_enter_14i90_21";
+const enterFrom = "_enterFrom_14i90_25";
+const enterTo = "_enterTo_14i90_29";
+const leave = "_leave_14i90_33";
+const leaveFrom = "_leaveFrom_14i90_37";
+const leaveTo = "_leaveTo_14i90_41";
+const center = "_center_14i90_45";
+const top = "_top_14i90_49";
+const bottom = "_bottom_14i90_53";
+const left = "_left_14i90_57";
+const right = "_right_14i90_61";
+const chartOptionBtn = "_chartOptionBtn_14i90_113";
+const chartpopup = "_chartpopup_14i90_117";
+var styles$5 = {
   container: container$1,
   popover,
   button,
@@ -121825,24 +121756,24 @@ var styles$4 = {
   bottom,
   left,
   right,
-  "left-top-end": "_left-top-end_a6fvx_129",
-  "right-top-end": "_right-top-end_a6fvx_137",
-  "left-bottom-end": "_left-bottom-end_a6fvx_145",
-  "right-bottom-end": "_right-bottom-end_a6fvx_153",
-  "top-left": "_top-left_a6fvx_161",
-  "top-right": "_top-right_a6fvx_169",
-  "bottom-left": "_bottom-left_a6fvx_177",
-  "bottom-right": "_bottom-right_a6fvx_185",
-  "left-top": "_left-top_a6fvx_129",
-  "left-bottom": "_left-bottom_a6fvx_145",
-  "right-top": "_right-top_a6fvx_137",
-  "right-bottom": "_right-bottom_a6fvx_153",
+  "left-top-end": "_left-top-end_14i90_65",
+  "right-top-end": "_right-top-end_14i90_69",
+  "left-bottom-end": "_left-bottom-end_14i90_73",
+  "right-bottom-end": "_right-bottom-end_14i90_77",
+  "top-left": "_top-left_14i90_81",
+  "top-right": "_top-right_14i90_85",
+  "bottom-left": "_bottom-left_14i90_89",
+  "bottom-right": "_bottom-right_14i90_93",
+  "left-top": "_left-top_14i90_65",
+  "left-bottom": "_left-bottom_14i90_73",
+  "right-top": "_right-top_14i90_69",
+  "right-bottom": "_right-bottom_14i90_77",
   chartOptionBtn,
   chartpopup
 };
-const fullscreen = "_fullscreen_19jec_1";
-const loading = "_loading_19jec_9";
-var styles$3 = {
+const fullscreen = "_fullscreen_1gpy3_1";
+const loading = "_loading_1gpy3_5";
+var styles$4 = {
   fullscreen,
   loading
 };
@@ -121870,16 +121801,16 @@ const UnderlyingData = ({
     onClose: () => setShowUnderlyingData(false),
     headerTitle: "View Underlying Data",
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$3.fullscreen,
+      className: styles$4.fullscreen,
       children: [!!underlyingData.length && /* @__PURE__ */ jsx(Table, {
         data: underlyingData,
         isLoading: false,
         error: ""
       }), !underlyingData.length && !isLoading && /* @__PURE__ */ jsx("div", {
-        className: styles$3.loading,
+        className: styles$4.loading,
         children: "No Data Available"
       }), isLoading && !underlyingData.length && /* @__PURE__ */ jsx("div", {
-        className: styles$3.loading,
+        className: styles$4.loading,
         children: /* @__PURE__ */ jsx(eosIconsLoading, {
           style: {
             width: "50px",
@@ -121960,26 +121891,26 @@ const ChartPopup = ({
       },
       ref: wrapperRef,
       children: /* @__PURE__ */ jsx("div", {
-        className: `${styles$4.popover} ${styles$4[position2]} ${menuContainerClass}`,
+        className: `${styles$5.popover} ${styles$5[position2]} ${menuContainerClass}`,
         children: /* @__PURE__ */ jsx(We, {
           as: "div",
-          className: `${styles$4.menu} ${menuClass}`,
+          className: `${styles$5.menu} ${menuClass}`,
           show: isOpen,
-          enter: styles$4.enter,
-          enterFrom: styles$4.enterFrom,
-          enterTo: styles$4.enterTo,
-          leave: styles$4.leave,
-          leaveFrom: styles$4.leaveFrom,
-          leaveTo: styles$4.leaveTo,
+          enter: styles$5.enter,
+          enterFrom: styles$5.enterFrom,
+          enterTo: styles$5.enterTo,
+          leave: styles$5.leave,
+          leaveFrom: styles$5.leaveFrom,
+          leaveTo: styles$5.leaveTo,
           children: /* @__PURE__ */ jsxs("div", {
-            className: styles$4.chartpopup,
+            className: styles$5.chartpopup,
             children: [/* @__PURE__ */ jsxs(Button, {
               variant: "custom",
               type: "button",
-              className: styles$4.chartOptionBtn,
+              className: styles$5.chartOptionBtn,
               onClick: () => setShowUnderlyingData(true),
               children: [/* @__PURE__ */ jsx(evaLayersFill, {
-                className: styles$4.popupItemIcon
+                className: styles$5.popupItemIcon
               }), /* @__PURE__ */ jsx(Text, {
                 variant: "p",
                 styleClass: "font-14",
@@ -121988,10 +121919,10 @@ const ChartPopup = ({
             }), drilldown2 && /* @__PURE__ */ jsxs(Button, {
               variant: "custom",
               type: "button",
-              className: styles$4.chartOptionBtn,
+              className: styles$5.chartOptionBtn,
               onClick: () => drilldown2(),
               children: [/* @__PURE__ */ jsx(fluentMdl2DrillDown, {
-                className: styles$4.popupItemIcon
+                className: styles$5.popupItemIcon
               }), /* @__PURE__ */ jsx(Text, {
                 variant: "p",
                 styleClass: "font-14",
@@ -122000,10 +121931,10 @@ const ChartPopup = ({
             }), clickBehaviourConfigs.isEnable && /* @__PURE__ */ jsxs(Button, {
               variant: "custom",
               type: "button",
-              className: styles$4.chartOptionBtn,
+              className: styles$5.chartOptionBtn,
               onClick: () => handleChartClick(clickBehaviourConfigs, (value == null ? void 0 : value.split(" ").join("_")) || "undefined"),
               children: [/* @__PURE__ */ jsx(mdiExternalLink, {
-                className: styles$4.popupItemIcon
+                className: styles$5.popupItemIcon
               }), /* @__PURE__ */ jsx(Text, {
                 variant: "p",
                 styleClass: "font-14",
@@ -122065,9 +121996,9 @@ const useDownloadRawCsv = () => {
       {
         onSuccess(data) {
           var _a2, _b2;
-          const success = (_a2 = data.sendRawCsv) == null ? void 0 : _a2.status;
+          const success2 = (_a2 = data.sendRawCsv) == null ? void 0 : _a2.status;
           const error2 = (_b2 = data.sendRawCsv) == null ? void 0 : _b2.error;
-          if (success) {
+          if (success2) {
             setError("");
             setLoading(false);
             setRawCsvModal(false);
@@ -122101,18 +122032,18 @@ const asEmail = {
     message: "Entered value does not match email format"
   }
 };
-var styles$2 = {
-  "dbc-container": "_dbc-container_nmp4f_1",
-  "active-dimension": "_active-dimension_nmp4f_9"
+var styles$3 = {
+  "dbc-container": "_dbc-container_1dw7c_1",
+  "active-dimension": "_active-dimension_1dw7c_5"
 };
 const DrillBreadCrumb = ({
   dimensions,
   drilledLevel
 }) => {
   return /* @__PURE__ */ jsx("div", {
-    className: styles$2["dbc-container"],
+    className: styles$3["dbc-container"],
     children: dimensions.map((dimension, index2) => /* @__PURE__ */ jsxs("span", {
-      className: index2 === drilledLevel ? styles$2["active-dimension"] : "",
+      className: index2 === drilledLevel ? styles$3["active-dimension"] : "",
       children: ["/", dimension]
     }))
   });
@@ -122394,14 +122325,14 @@ const MetricCard = ({
   } = useDownloadRawCsv();
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$6.cardContainer,
+      className: styles$7.cardContainer,
       onContextMenu: (e2) => {
         e2.preventDefault();
       },
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$6.listHeader,
+        className: styles$7.listHeader,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$6.metricName,
+          className: styles$7.metricName,
           children: [/* @__PURE__ */ jsx(Button, {
             type: "button",
             variant: "custom",
@@ -122411,15 +122342,15 @@ const MetricCard = ({
             children: /* @__PURE__ */ jsx(Text, {
               variant: "h3",
               styleClass: "primary",
-              className: `${styles$6.metricTitle} dbn-metric-card-title`,
+              className: `${styles$7.metricTitle} dbn-metric-card-title`,
               children: renderHeaderName ? renderHeaderName(metricItem.name) : metricItem.name
             })
           }), metricItem.description && /* @__PURE__ */ jsx("span", {
-            className: `${styles$6.metricDescription} dbn-metric-card-description`,
+            className: `${styles$7.metricDescription} dbn-metric-card-description`,
             children: metricItem.description
           })]
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$6.features,
+          className: styles$7.features,
           children: [/* @__PURE__ */ jsx(MetricFilterDropDown, {
             rlsConditions,
             onChangeFilterValue,
@@ -122427,18 +122358,18 @@ const MetricCard = ({
             integrationId: metricItem == null ? void 0 : metricItem.companyIntegrationId,
             integrationName: metricItem == null ? void 0 : metricItem.integrationName
           }), /* @__PURE__ */ jsxs(PopoverMenu, {
-            buttonClass: styles$6.popup,
+            buttonClass: styles$7.popup,
             button: /* @__PURE__ */ jsx(Icons, {
               name: "more-icon",
-              className: styles$6.popupIcon
+              className: styles$7.popupIcon
             }),
-            menuClass: styles$6.popupMenu,
+            menuClass: styles$7.popupMenu,
             position: "bottom-right",
             children: [/* @__PURE__ */ jsxs(Button, {
               type: "button",
               variant: "custom",
               id: `metric-card-popup-btn__${metricItem.id}`,
-              className: `${styles$6.popupItem} ${styles$6.csvBtn}`,
+              className: `${styles$7.popupItem} ${styles$7.csvBtn}`,
               onClick: () => onMaximize({
                 labels: labels2,
                 data: {
@@ -122464,55 +122395,55 @@ const MetricCard = ({
               }),
               children: [/* @__PURE__ */ jsx(Icons, {
                 name: "fullscreen-icon",
-                className: styles$6.popupItemIcon
+                className: styles$7.popupItemIcon
               }), "Enter Fullscreen"]
             }), /* @__PURE__ */ jsx(ChartImageDownloadButton, {
               text: "Save As PNG",
               chartRef,
-              className: `${styles$6.popupItem} ${styles$6.csvBtn}`,
-              iconClass: styles$6.popupItemIcon,
+              className: `${styles$7.popupItem} ${styles$7.csvBtn}`,
+              iconClass: styles$7.popupItemIcon,
               id: metricItem.id
             }), /* @__PURE__ */ jsx(CsvDownloadButton, {
               data: dataDb,
               fileName: metricItem.name,
-              className: `${styles$6.popupItem} ${styles$6.csvBtn}`,
+              className: `${styles$7.popupItem} ${styles$7.csvBtn}`,
               text: "Save As CSV",
-              iconClass: styles$6.popupItemIcon
+              iconClass: styles$7.popupItemIcon
             }), !!dataDb.length && /* @__PURE__ */ jsxs(Fragment, {
               children: [/* @__PURE__ */ jsxs(Button, {
                 variant: "custom",
                 type: "button",
-                className: `${styles$6.popupItem} ${styles$6.csvBtn}`,
+                className: `${styles$7.popupItem} ${styles$7.csvBtn}`,
                 onClick: () => setTablePreview(true),
                 children: [/* @__PURE__ */ jsx(Icons, {
                   name: "table-tab-icon",
-                  className: styles$6.popupItemIcon
+                  className: styles$7.popupItemIcon
                 }), "View As Table"]
               }), /* @__PURE__ */ jsxs(Button, {
                 variant: "custom",
                 type: "button",
-                className: `${styles$6.popupItem} ${styles$6.csvBtn}`,
+                className: `${styles$7.popupItem} ${styles$7.csvBtn}`,
                 onClick: () => setRawCsvModal(true),
                 children: [/* @__PURE__ */ jsx(Icons, {
                   name: "csv-icon",
-                  className: styles$6.popupItemIcon
+                  className: styles$7.popupItemIcon
                 }), "Download Raw CSV"]
               })]
             }), onEdit && /* @__PURE__ */ jsxs(Button, {
               variant: "custom",
               type: "button",
-              className: `${styles$6.popupItem} ${styles$6.csvBtn}`,
+              className: `${styles$7.popupItem} ${styles$7.csvBtn}`,
               onClick: () => onEdit(metricItem, dataDb),
               children: [/* @__PURE__ */ jsx(materialSymbolsEditSquareOutline, {
-                className: styles$6.popupItemIcon
+                className: styles$7.popupItemIcon
               }), "Edit Metric"]
             }), onArchive && /* @__PURE__ */ jsxs(Button, {
               variant: "custom",
               type: "button",
-              className: `${styles$6.popupItem} ${styles$6.csvBtn} ${styles$6.deleteBtn}`,
+              className: `${styles$7.popupItem} ${styles$7.csvBtn} ${styles$7.deleteBtn}`,
               onClick: () => onArchive(metricItem.id),
               children: [/* @__PURE__ */ jsx(materialSymbolsArchiveOutline, {
-                className: styles$6.popupItemIcon
+                className: styles$7.popupItemIcon
               }), "Archive Metric"]
             })]
           })]
@@ -122521,26 +122452,26 @@ const MetricCard = ({
         dimensions: drillDownSettings.selectedDimensions,
         drilledLevel
       }), chartType2 && /* @__PURE__ */ jsxs("div", {
-        className: styles$6.metricData,
+        className: styles$7.metricData,
         onContextMenu: (e2) => {
           e2.preventDefault();
         },
         children: [!isQueryLoading && !dataDb.length ? /* @__PURE__ */ jsx("div", {
-          className: styles$6.noData,
+          className: styles$7.noData,
           children: /* @__PURE__ */ jsxs("div", {
-            className: styles$6.noDataContent,
+            className: styles$7.noDataContent,
             children: [/* @__PURE__ */ jsx("img", {
               src: NoData,
               alt: "",
               width: "300px",
               height: "300px"
             }), /* @__PURE__ */ jsx("div", {
-              className: styles$6.noDataText,
+              className: styles$7.noDataText,
               children: "No Data Available"
             })]
           })
         }) : null, isQueryLoading && /* @__PURE__ */ jsx("div", {
-          className: styles$6.loading,
+          className: styles$7.loading,
           children: /* @__PURE__ */ jsx(eosIconsLoading, {
             style: {
               width: "50px",
@@ -122585,7 +122516,7 @@ const MetricCard = ({
       onClose: () => setTablePreview(false),
       headerTitle: metricItem.name,
       children: /* @__PURE__ */ jsx("div", {
-        className: styles$6.fullscreen,
+        className: styles$7.fullscreen,
         children: /* @__PURE__ */ jsx(Table, {
           data: dataDb,
           isLoading: isQueryLoading,
@@ -122597,7 +122528,7 @@ const MetricCard = ({
       onClose: () => setRawCsvModal(false),
       headerTitle: "Download Raw csv",
       children: /* @__PURE__ */ jsxs("form", {
-        className: styles$6.downloadCsv,
+        className: styles$7.downloadCsv,
         onSubmit: handleSubmit((values) => onSubmitDownloadCsv({
           values,
           sqlQuery: metricItem.query,
@@ -122606,7 +122537,7 @@ const MetricCard = ({
           tenancyType: companyTenancyType
         })),
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$6.downloadCsvWrapper,
+          className: styles$7.downloadCsvWrapper,
           children: [/* @__PURE__ */ jsx(InputField, {
             type: "email",
             label: "email",
@@ -122615,12 +122546,12 @@ const MetricCard = ({
           }), /* @__PURE__ */ jsx(Error$1, {
             message: downloadCsvError
           }), /* @__PURE__ */ jsxs("div", {
-            className: styles$6.downloadCsvNote,
+            className: styles$7.downloadCsvNote,
             children: [/* @__PURE__ */ jsx(Icons, {
               name: "info-icon",
-              className: styles$6.popupItemIcon
+              className: styles$7.popupItemIcon
             }), /* @__PURE__ */ jsxs("div", {
-              className: styles$6.downloadCsvNoteText,
+              className: styles$7.downloadCsvNoteText,
               children: [/* @__PURE__ */ jsx(Text, {
                 styleClass: "primary",
                 variant: "h1",
@@ -122637,7 +122568,7 @@ const MetricCard = ({
             variant: "custom",
             type: "button",
             size: "small",
-            className: styles$6.downloadCsvCancelBtn,
+            className: styles$7.downloadCsvCancelBtn,
             onClick: () => setRawCsvModal(false),
             isDisabled: isLoading,
             children: "Cancel"
@@ -122796,12 +122727,12 @@ const SingleValueCard = ({
   };
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$6.cardContainer,
+      className: styles$7.cardContainer,
       id: metricItem.id,
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$6.listHeader,
+        className: styles$7.listHeader,
         children: [/* @__PURE__ */ jsxs("div", {
-          className: styles$6.metricName,
+          className: styles$7.metricName,
           children: [/* @__PURE__ */ jsx(Button, {
             type: "button",
             variant: "custom",
@@ -122811,15 +122742,15 @@ const SingleValueCard = ({
             children: /* @__PURE__ */ jsx(Text, {
               variant: "h3",
               styleClass: "primary",
-              className: `${styles$6.metricTitle} dbn-metric-card-title`,
+              className: `${styles$7.metricTitle} dbn-metric-card-title`,
               children: renderHeaderName ? renderHeaderName(metricItem.name) : metricItem.name
             })
           }), metricItem.description && /* @__PURE__ */ jsx("span", {
-            className: `${styles$6.metricDescription} dbn-metric-card-description`,
+            className: `${styles$7.metricDescription} dbn-metric-card-description`,
             children: metricItem.description
           })]
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$6.features,
+          className: styles$7.features,
           children: [/* @__PURE__ */ jsx(MetricFilterDropDown, {
             rlsConditions,
             onChangeFilterValue,
@@ -122827,34 +122758,34 @@ const SingleValueCard = ({
             integrationId: metricItem == null ? void 0 : metricItem.companyIntegrationId,
             integrationName: metricItem == null ? void 0 : metricItem.integrationName
           }), (onEdit || onArchive) && /* @__PURE__ */ jsxs(PopoverMenu, {
-            buttonClass: styles$6.popup,
+            buttonClass: styles$7.popup,
             button: /* @__PURE__ */ jsx(Icons, {
               name: "more-icon",
-              className: styles$6.popupIcon
+              className: styles$7.popupIcon
             }),
-            menuClass: styles$6.popupMenu,
+            menuClass: styles$7.popupMenu,
             position: "bottom-right",
             children: [onEdit && /* @__PURE__ */ jsxs(Button, {
               variant: "custom",
               type: "button",
-              className: `${styles$6.popupItem} ${styles$6.csvBtn}`,
+              className: `${styles$7.popupItem} ${styles$7.csvBtn}`,
               onClick: () => onEdit(metricItem, dataDb),
               children: [/* @__PURE__ */ jsx(materialSymbolsEditSquareOutline, {
-                className: styles$6.popupItemIcon
+                className: styles$7.popupItemIcon
               }), "Edit Metric"]
             }), onArchive && /* @__PURE__ */ jsxs(Button, {
               variant: "custom",
               type: "button",
-              className: `${styles$6.popupItem} ${styles$6.csvBtn} ${styles$6.deleteBtn}`,
+              className: `${styles$7.popupItem} ${styles$7.csvBtn} ${styles$7.deleteBtn}`,
               onClick: () => onArchive(metricItem.id),
               children: [/* @__PURE__ */ jsx(materialSymbolsArchiveOutline, {
-                className: styles$6.popupItemIcon
+                className: styles$7.popupItemIcon
               }), "Archive Metric"]
             })]
           })]
         })]
       }), chartType2 && /* @__PURE__ */ jsx("div", {
-        className: `${styles$6.metricData} ${styles$6.singleValueData}`,
+        className: `${styles$7.metricData} ${styles$7.singleValueData}`,
         children: isQueryLoading ? /* @__PURE__ */ jsx(eosIconsLoading, {
           style: {
             width: "50px",
@@ -122868,16 +122799,16 @@ const SingleValueCard = ({
             chartClickConfig: clickBehaviourConfigs.chart,
             hideBorder: true
           }) : /* @__PURE__ */ jsx("div", {
-            className: styles$6.noData,
+            className: styles$7.noData,
             children: /* @__PURE__ */ jsxs("div", {
-              className: styles$6.noDataContent,
+              className: styles$7.noDataContent,
               children: [/* @__PURE__ */ jsx("img", {
                 src: NoData,
                 alt: "",
                 width: "300px",
                 height: "300px"
               }), /* @__PURE__ */ jsx("div", {
-                className: styles$6.noDataText,
+                className: styles$7.noDataText,
                 children: "No Data Available"
               })]
             })
@@ -122954,9 +122885,9 @@ const ArchiveMetricModal = ({
     isOpen,
     onClose,
     children: [/* @__PURE__ */ jsxs("div", {
-      className: styles$6.deleteModal,
+      className: styles$7.deleteModal,
       children: [/* @__PURE__ */ jsx(ionWarningOutline, {
-        className: styles$6.warningIcon
+        className: styles$7.warningIcon
       }), /* @__PURE__ */ jsx(Text, {
         variant: "p",
         styleClass: "font-14",
@@ -122967,7 +122898,7 @@ const ArchiveMetricModal = ({
         variant: "secondary",
         type: "button",
         size: "default",
-        className: styles$6.cancelBtn,
+        className: styles$7.cancelBtn,
         onClick: onClose,
         children: "Cancel"
       }), /* @__PURE__ */ jsx(Button, {
@@ -122981,25 +122912,36 @@ const ArchiveMetricModal = ({
     })]
   });
 };
-const alert = "_alert_1mowh_1";
-const alertTextContent = "_alertTextContent_1mowh_9";
-const alertText = "_alertText_1mowh_9";
-const alertButtons = "_alertButtons_1mowh_25";
-const alertCancel = "_alertCancel_1mowh_33";
+const alertCancel = "_alertCancel_15a9a_1";
+var styles$2 = {
+  alertCancel
+};
+const alert = "_alert_5fxok_1";
+const primary = "_primary_5fxok_9";
+const warning = "_warning_5fxok_17";
+const error$1 = "_error_5fxok_25";
+const success = "_success_5fxok_33";
+const alertTextContent = "_alertTextContent_5fxok_41";
+const alertText = "_alertText_5fxok_41";
+const alertButtons = "_alertButtons_5fxok_57";
 var styles$1 = {
   alert,
+  primary,
+  warning,
+  error: error$1,
+  success,
   alertTextContent,
   alertText,
-  alertButtons,
-  alertCancel
+  alertButtons
 };
-const LayoutAlert = ({
-  onCancel,
-  onSave
+const Alert = ({
+  variant = "primary",
+  text: text2,
+  children: children2
 }) => {
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$1.alert,
+      className: `${styles$1.alert} ${styles$1[variant]}`,
       children: [/* @__PURE__ */ jsxs("div", {
         className: styles$1.alertTextContent,
         children: [/* @__PURE__ */ jsx(Icons, {
@@ -123008,24 +122950,35 @@ const LayoutAlert = ({
           styleClass: "font-14",
           variant: "p",
           className: styles$1.alertText,
-          children: "It seems like you have made changes to the layout. Please click on the save button to save the changes to the layout."
+          children: text2
         })]
-      }), /* @__PURE__ */ jsxs("div", {
+      }), /* @__PURE__ */ jsx("div", {
         className: styles$1.alertButtons,
-        children: [/* @__PURE__ */ jsx(Button, {
-          variant: "secondary",
-          type: "button",
-          size: "small",
-          className: styles$1.alertCancel,
-          onClick: onCancel,
-          children: "Cancel"
-        }), /* @__PURE__ */ jsx(Button, {
-          variant: "primary",
-          type: "button",
-          size: "small",
-          onClick: onSave,
-          children: "Save"
-        })]
+        children: children2
+      })]
+    })
+  });
+};
+const LayoutAlert = ({
+  onCancel,
+  onSave
+}) => {
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: /* @__PURE__ */ jsxs(Alert, {
+      text: "Please click on\r the save button to save the changes to the layout.",
+      children: [/* @__PURE__ */ jsx(Button, {
+        variant: "secondary",
+        type: "button",
+        size: "small",
+        className: styles$2.alertCancel,
+        onClick: onCancel,
+        children: "Cancel"
+      }), /* @__PURE__ */ jsx(Button, {
+        variant: "primary",
+        type: "button",
+        size: "small",
+        onClick: onSave,
+        children: "Save"
       })]
     })
   });
@@ -123037,6 +122990,8 @@ const ExternalMetricList = ({
   client,
   isLiveMode,
   isAllowedToDeleteMetrics,
+  isAllowedToUpdateMetrics,
+  isAllowedToChangeLayout,
   externalDashboardMetrics,
   isMetricListLoading,
   breakpoint,
@@ -123088,10 +123043,10 @@ const ExternalMetricList = ({
       const cardLayout = layout3.find((card) => card.i === metric.id);
       return {
         i: (cardLayout == null ? void 0 : cardLayout.i) || metric.id,
-        w: (cardLayout == null ? void 0 : cardLayout.w) || metric.resizeAttributes.width || 5,
-        h: (cardLayout == null ? void 0 : cardLayout.h) || metric.resizeAttributes.height || 10,
-        x: (cardLayout == null ? void 0 : cardLayout.x) || metric.resizeAttributes.xAxis || 0,
-        y: (cardLayout == null ? void 0 : cardLayout.y) || metric.resizeAttributes.yAxis || 0,
+        w: (cardLayout == null ? void 0 : cardLayout.w) || 5,
+        h: (cardLayout == null ? void 0 : cardLayout.h) || 10,
+        x: (cardLayout == null ? void 0 : cardLayout.x) || 0,
+        y: (cardLayout == null ? void 0 : cardLayout.y) || 0,
         minW: 3,
         minH: 6,
         maxH: 15
@@ -123102,7 +123057,7 @@ const ExternalMetricList = ({
   return /* @__PURE__ */ jsx(Fragment, {
     children: metricsList.length && metricsLayout.length ? /* @__PURE__ */ jsxs(Fragment, {
       children: [/* @__PURE__ */ jsxs("div", {
-        className: styles$7["MetricList-container"],
+        className: styles$8["MetricList-container"],
         id: "metric-list-container",
         children: [layoutAlert.isShow && /* @__PURE__ */ jsx(LayoutAlert, {
           onCancel: () => setLayoutAlert((prev) => ({
@@ -123120,8 +123075,11 @@ const ExternalMetricList = ({
           layouts: {
             lg: metricsLayout
           },
-          onResizeStop: onLayoutChange,
-          onDragStop: onLayoutChange,
+          onResizeStop: isAllowedToChangeLayout ? onLayoutChange : void 0,
+          onDragStop: isAllowedToChangeLayout ? onLayoutChange : void 0,
+          isDraggable: isAllowedToChangeLayout,
+          isDroppable: isAllowedToChangeLayout,
+          isResizable: isAllowedToChangeLayout,
           rowHeight: 30,
           width: 1200,
           breakpoints: breakpoint != null ? breakpoint : {
@@ -123139,7 +123097,7 @@ const ExternalMetricList = ({
             xxs: 2
           },
           children: metricsList.map((metricItem) => /* @__PURE__ */ jsx("div", {
-            className: styles$7["MetricList-wrapper"],
+            className: styles$8["MetricList-wrapper"],
             id: metricItem.id,
             children: metricItem.chartOptions.chartType === "single value" ? /* @__PURE__ */ jsx(SingleValueCard, {
               metricItem,
@@ -123151,11 +123109,11 @@ const ExternalMetricList = ({
                 id: id2,
                 show: true
               }) : void 0,
-              onEdit: (metric, metricData2) => setEditModal({
+              onEdit: isAllowedToUpdateMetrics ? (metric, metricData2) => setEditModal({
                 show: true,
                 metric,
                 metricData: metricData2
-              })
+              }) : void 0
             }) : /* @__PURE__ */ jsx(MetricCard, {
               metricItem,
               onMaximize: (chart) => {
@@ -123171,11 +123129,11 @@ const ExternalMetricList = ({
                 id: id2,
                 show: true
               }) : void 0,
-              onEdit: (metric, metricData2) => setEditModal({
+              onEdit: isAllowedToUpdateMetrics ? (metric, metricData2) => setEditModal({
                 show: true,
                 metric,
                 metricData: metricData2
-              })
+              }) : void 0
             })
           }, metricItem.id))
         })]
@@ -123196,7 +123154,7 @@ const ExternalMetricList = ({
           show: false
         }),
         dashboardId: externalDashboardId
-      }) : null, /* @__PURE__ */ jsx(EmbeddedMetricCreation, {
+      }) : null, isAllowedToUpdateMetrics && /* @__PURE__ */ jsx(EmbeddedMetricCreation, {
         clientId: client,
         externalDashboardId: externalDashboardPk,
         userProvidedDashboardId: externalDashboardId,
@@ -123215,9 +123173,9 @@ const ExternalMetricList = ({
       })]
     }) : /* @__PURE__ */ jsx(Fragment, {
       children: !isMetricListLoading ? /* @__PURE__ */ jsx("div", {
-        className: styles$7["noMetric-container"],
+        className: styles$8["noMetric-container"],
         children: /* @__PURE__ */ jsx("div", {
-          className: styles$7["noMetric-wrapper"],
+          className: styles$8["noMetric-wrapper"],
           children: /* @__PURE__ */ jsx(Text, {
             variant: "h2",
             styleClass: "primary",
@@ -123225,7 +123183,7 @@ const ExternalMetricList = ({
           })
         })
       }) : /* @__PURE__ */ jsx("div", {
-        className: styles$7["alt-container"],
+        className: styles$8["alt-container"],
         children: /* @__PURE__ */ jsx(eosIconsLoading, {
           style: {
             width: "50px",
@@ -123364,7 +123322,8 @@ var index$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePropert
   Icons,
   ChartPopup,
   DrillBreadCrumb,
-  MetricFilterDropDown
+  MetricFilterDropDown,
+  Alert
 }, Symbol.toStringTag, { value: "Module" }));
 const mdiPlus = (props) => /* @__PURE__ */ jsx("svg", {
   viewBox: "0 0 24 24",
@@ -123410,28 +123369,28 @@ const EmbeddedDashboard = React__default.memo(({
   useApplyAdminTheme(adminTheme);
   return /* @__PURE__ */ jsx(Fragment, {
     children: /* @__PURE__ */ jsxs("div", {
-      className: styles$H["embedDashboard-container"],
+      className: styles$I["embedDashboard-container"],
       id: "dbn-dashboard",
       children: [((_a2 = 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$H["embedDashboard-header-floating"] : styles$H["embedDashboard-header-static"],
+          className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$I["embedDashboard-header-floating"] : styles$I["embedDashboard-header-static"],
           children: [(options2 == null ? void 0 : options2.headerVariant) === "floating" && /* @__PURE__ */ jsx("span", {
-            className: styles$H.floatingButton,
+            className: styles$I.floatingButton,
             children: /* @__PURE__ */ jsx(Icons, {
               name: "setup-icon",
-              className: styles$H.floatingButton
+              className: styles$I.floatingButton
             })
           }), /* @__PURE__ */ jsx("div", {
-            className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$H.floatingContainer : styles$H.staticContainer,
+            className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$I.floatingContainer : styles$I.staticContainer,
             children: !(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$H.floatingCreateButton : "",
+                className: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? styles$I.floatingCreateButton : "",
                 onClick: () => setShowMetricCreateModal(true),
                 children: (options2 == null ? void 0 : options2.headerVariant) === "floating" ? /* @__PURE__ */ jsx(mdiPlus, {
-                  className: styles$H.floatingCreateButtonIcon
+                  className: styles$I.floatingCreateButtonIcon
                 }) : "Create Metric"
               }), /* @__PURE__ */ jsx(EmbeddedMetricCreation, {
                 clientId: data.clientId,
@@ -123447,19 +123406,19 @@ const EmbeddedDashboard = React__default.memo(({
             })
           })]
         }), /* @__PURE__ */ jsxs("div", {
-          className: styles$H["embedDashboard-wrapper"],
+          className: styles$I["embedDashboard-wrapper"],
           children: [data.externalDashboard.filters.length ? /* @__PURE__ */ jsx(PopoverMenu, {
             button: /* @__PURE__ */ jsxs(Button, {
               type: "button",
               variant: "custom",
-              className: styles$H.filterButton,
+              className: styles$I.filterButton,
               children: [/* @__PURE__ */ jsxs("div", {
-                className: styles$H.filterText,
+                className: styles$I.filterText,
                 children: [/* @__PURE__ */ jsx(Icons, {
                   name: "filter-icon"
                 }), " Filters"]
               }), appliedfilters.length === 0 ? /* @__PURE__ */ jsx("div", {}) : /* @__PURE__ */ jsx("span", {
-                className: styles$H.filterLength,
+                className: styles$I.filterLength,
                 children: appliedfilters.length
               })]
             }),
@@ -123479,6 +123438,8 @@ const EmbeddedDashboard = React__default.memo(({
             externalDashboardId: data.externalDashboardId,
             externalDashboardPk: data.externalDashboard.id,
             isAllowedToDeleteMetrics: data.isAllowedToDeleteMetrics,
+            isAllowedToUpdateMetrics: data.isAllowedToUpdateMetrics,
+            isAllowedToChangeLayout: data.isAllowedToChangeLayout,
             externalDashboardMetrics: data.externalDashboardMetrics,
             companyId: data.companyId,
             isMetricListLoading: isLoading,
@@ -123492,7 +123453,7 @@ const EmbeddedDashboard = React__default.memo(({
           })]
         })]
       }), isLoading && /* @__PURE__ */ jsx("div", {
-        className: styles$H["alt-container"],
+        className: styles$I["alt-container"],
         children: /* @__PURE__ */ jsx(eosIconsLoading, {
           style: {
             width: "50px",
@@ -123501,7 +123462,7 @@ const EmbeddedDashboard = React__default.memo(({
           }
         })
       }), !isLoading && !((_d = data.externalDashboard) == null ? void 0 : _d.id) && /* @__PURE__ */ jsx("div", {
-        className: styles$H["alt-container"],
+        className: styles$I["alt-container"],
         children: "Invalid token or Dashboard id"
       })]
     })